:root,:root[data-theme=light]{--bg: #f5f6f8;--panel: #ffffff;--panel-2: #fbfbfd;--line: #e6e9f0;--line-strong: #d5dae4;--text: #182338;--dim: #6b7690;--accent: #1b2a4a;--accent-ink: #ffffff;--gold: #b58a2f;--link: #2563eb;--thumb-bg: #eef1f6;--shadow: 0 1px 2px rgba(20, 30, 60, .06), 0 8px 24px rgba(20, 30, 60, .07);--shadow-hover: 0 2px 6px rgba(20, 30, 60, .08), 0 16px 40px rgba(20, 30, 60, .13);--overlay: rgba(24, 32, 52, .45);--radius: 14px;--font-display: "Shippori Mincho", serif;--font-body: "Zen Kaku Gothic New", sans-serif;--font-mono: "IBM Plex Mono", monospace;color-scheme:light}:root[data-theme=dark]{--bg: #0a0c12;--panel: #131725;--panel-2: #171c2e;--line: rgba(214, 224, 255, .09);--line-strong: rgba(214, 224, 255, .2);--text: #e7eaf3;--dim: #8d95ab;--accent: #d9a94e;--accent-ink: #171308;--gold: #e8bd66;--link: #7aa5ff;--thumb-bg: #0e1119;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--shadow-hover: 0 18px 46px rgba(0, 0, 0, .6);--overlay: rgba(4, 6, 11, .72);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}:root[data-theme=dark] body{background:radial-gradient(1100px 700px at 85% -10%,rgba(84,110,220,.14),transparent 60%),radial-gradient(1px 1px at 22% 30%,rgba(255,255,255,.4) 50%,transparent 51%),radial-gradient(1.3px 1.3px at 68% 14%,rgba(255,255,255,.35) 50%,transparent 51%),radial-gradient(1px 1px at 82% 55%,rgba(255,255,255,.25) 50%,transparent 51%),radial-gradient(1px 1px at 12% 78%,rgba(255,255,255,.25) 50%,transparent 51%),var(--bg);background-attachment:fixed}.mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em}.atlas{max-width:1320px;margin:0 auto;padding:0 28px 60px}button{font-family:var(--font-body)}.header{padding:30px 0 6px}.header-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px;background:none;border:none;cursor:pointer;text-align:left;color:var(--text)}.brand-mark{font-size:1.9rem;color:var(--accent);line-height:1}:root[data-theme=dark] .brand-mark{color:var(--gold)}.brand-name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.25rem,2.8vw,1.85rem);letter-spacing:.02em;line-height:1.3}.brand-sub{display:block;color:var(--dim);font-size:.8rem;margin-top:2px}.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-link{background:none;border:none;color:var(--dim);font-size:.88rem;padding:8px 12px;border-radius:10px;cursor:pointer;transition:all .18s;border-bottom:2px solid transparent}.nav-link:hover{color:var(--text);background:var(--panel)}.nav-link.on{color:var(--text);border-bottom-color:var(--accent);font-weight:700}:root[data-theme=dark] .nav-link.on{border-bottom-color:var(--gold)}.nav-link.add{background:var(--accent);color:var(--accent-ink);font-weight:700;border-radius:999px;padding:8px 18px}.nav-link.add:hover{opacity:.9;background:var(--accent);color:var(--accent-ink)}.theme-toggle{font-size:1.05rem;border:1px solid var(--line-strong);border-radius:50%;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0}.search-row{display:flex;gap:16px;align-items:stretch;margin:20px 0 14px;flex-wrap:wrap}.searchbar{flex:1;min-width:260px;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;padding:4px 16px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.searchbar:focus-within{border-color:var(--accent)}:root[data-theme=dark] .searchbar:focus-within{border-color:var(--gold)}.search-icon{color:var(--dim);font-size:1.2rem}.searchbar input{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:.98rem;padding:11px 0}.searchbar input::placeholder{color:var(--dim)}.searchbar kbd{border:1px solid var(--line-strong);border-radius:6px;padding:2px 7px;color:var(--dim);background:var(--panel-2)}.stats{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 20px;border-right:1px solid var(--line);min-width:92px}.stat:last-child{border-right:none}.stat-label{font-size:.68rem;color:var(--dim)}.stat-num{font-family:var(--font-display);font-weight:700;font-size:1.45rem;color:var(--accent);line-height:1.2}:root[data-theme=dark] .stat-num{color:var(--gold)}.rail{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 0;margin-bottom:22px;border-bottom:1px solid var(--line)}.rail-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tags-row{padding-top:10px}.field-chips{display:flex;gap:8px;flex-wrap:wrap;flex:1}.rail-right{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;color:var(--text);font-size:.84rem;padding:8px 15px;cursor:pointer;transition:all .18s;box-shadow:var(--shadow)}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.chip .fi{opacity:.7;margin-right:2px}.chip.tag{box-shadow:none;border-radius:999px;padding:5px 13px;font-size:.78rem}select{background:var(--panel);color:var(--text);border:1px solid var(--line-strong);border-radius:12px;font-family:var(--font-body);font-size:.84rem;padding:8px 12px;cursor:pointer;box-shadow:var(--shadow)}select:hover{border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:22px}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);animation:rise .5s cubic-bezier(.2,.7,.2,1) both;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,border-color .22s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--line-strong)}.card-hit{position:absolute;top:0;right:0;bottom:0;left:0;background:none;border:none;cursor:pointer;z-index:1}.thumb-wrap{position:relative;height:168px;background:var(--thumb-bg);border-bottom:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}.thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover .thumb-img{transform:scale(1.04)}.play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.play:before{content:"";position:absolute;width:58px;height:58px;border-radius:50%;background:#0a0e189e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.play{text-indent:4px}.card:hover .play:before{background:#0a0e18cc}.type-badge{position:absolute;top:12px;left:12px;z-index:2;background:#101626d1;color:#fff;font-size:.72rem;font-weight:700;border-radius:8px;padding:4px 10px;letter-spacing:.04em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tb-note{background:#166534d9}.tb-diagram{background:#5b3d9ed9}.bookmark{position:absolute;top:8px;right:8px;z-index:2;background:#ffffffe0;border:none;border-radius:10px;width:34px;height:34px;font-size:1.05rem;color:#4a5568;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center}:root[data-theme=dark] .bookmark{background:#131725d9;color:var(--dim)}.bookmark:hover{transform:scale(1.08)}.bookmark.on{color:#e0245e}.thumb-note .note-page{width:88px;height:110px;background:var(--panel);border:1px solid var(--line-strong);border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:5px 5px #1665341f;transition:transform .25s}.card:hover .note-page{transform:rotate(-2deg) translateY(-2px)}.note-glyph{font-size:1.5rem}.note-lines{position:absolute;left:14px;right:14px;bottom:12px;height:24px;background:repeating-linear-gradient(to bottom,var(--line-strong) 0 1px,transparent 1px 7px)}.thumb-article{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;font-size:.95rem}.card-body{padding:14px 17px 12px;display:flex;flex-direction:column;gap:7px;flex:1}.card-src{display:flex;align-items:center;gap:10px;font-size:.76rem;color:var(--dim);flex-wrap:wrap}.src-YouTube{color:#e02f2f;font-weight:700}.card-src .host{opacity:.8}.card-title{font-size:1.03rem;font-weight:700;line-height:1.5;letter-spacing:.01em}.card-memo{color:var(--dim);font-size:.84rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.chips{display:flex;gap:6px;flex:1;overflow:hidden}.mini-chip{background:var(--thumb-bg);border-radius:7px;padding:2px 9px;font-size:.72rem;color:var(--dim);white-space:nowrap}.mini-chip.field{color:var(--accent);font-weight:700}:root[data-theme=dark] .mini-chip.field{color:var(--gold)}.status i{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 6px currentColor}.date{color:var(--dim);white-space:nowrap}.detail-btn{position:relative;z-index:2;background:none;border:1px solid var(--line-strong);border-radius:8px;color:var(--dim);font-size:.75rem;padding:4px 12px;cursor:pointer;transition:all .18s;white-space:nowrap}.detail-btn:hover{color:var(--accent);border-color:var(--accent)}:root[data-theme=dark] .detail-btn:hover{color:var(--gold);border-color:var(--gold)}.card.skeleton{height:320px;background:linear-gradient(100deg,var(--panel) 40%,var(--thumb-bg) 50%,var(--panel) 60%);background-size:200% 100%;animation:rise .5s both,shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.notice{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:26px;text-align:center;color:var(--dim);background:var(--panel)}.notice.error{border-color:#e0245e66;color:#d63964}.notice.slim{padding:10px 14px;text-align:left}.link-btn{background:none;border:none;color:var(--link);cursor:pointer;font-family:var(--font-body);font-size:inherit;text-decoration:underline;margin-left:8px}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;animation:fade .18s both}@keyframes fade{0%{opacity:0}}.detail-page{max-width:880px;margin:28px auto 60px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-hover);padding:18px 34px 40px;animation:rise .28s cubic-bezier(.2,.7,.2,1) both}.detail-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.back{background:none;border:none;color:var(--dim);font-size:.9rem;cursor:pointer;padding:8px 10px 8px 0}.back:hover{color:var(--text)}.close{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:50%;width:36px;height:36px;color:var(--dim);font-size:1.15rem;cursor:pointer;transition:all .18s}.close:hover{color:var(--text);border-color:var(--accent)}.detail-head{margin-bottom:16px}.detail-head .type-badge{position:static}.detail-title{font-family:var(--font-display);font-weight:700;font-size:1.55rem;line-height:1.5;margin:10px 0 8px}.detail-title .star{color:#e0245e}.detail-tags{display:flex;gap:6px;flex-wrap:wrap}.player{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;border:1px solid var(--line-strong);background:#000;margin-bottom:16px}.player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.detail-image{max-width:100%;border-radius:14px;border:1px solid var(--line-strong);margin-bottom:16px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.btn{display:inline-block;background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink);border-radius:10px;padding:8px 18px;font-size:.85rem;font-weight:700;text-decoration:none;cursor:pointer;transition:opacity .18s;font-family:var(--font-body)}.btn:hover{opacity:.88}.btn.ghost{background:none;border-color:var(--line-strong);color:var(--dim);font-weight:400}.btn.ghost:hover{color:var(--text);opacity:1}.btn.primary{font-size:.95rem;padding:10px 26px}.detail-memo{color:var(--dim);border-left:3px solid var(--line-strong);padding-left:14px;margin-bottom:10px}.detail-content{border-top:1px solid var(--line);padding-top:8px}.loading{color:var(--dim);text-align:center;padding:30px}.hint{color:var(--dim);margin-top:18px}.notion-body h2,.notion-body h3,.notion-body h4{font-family:var(--font-display);font-weight:700;color:var(--accent);margin:1.4em 0 .5em;line-height:1.45}:root[data-theme=dark] .notion-body h2,:root[data-theme=dark] .notion-body h3,:root[data-theme=dark] .notion-body h4{color:var(--gold)}.notion-body h2{font-size:1.3rem;border-bottom:1px solid var(--line);padding-bottom:6px}.notion-body h3{font-size:1.1rem}.notion-body h4{font-size:1rem}.notion-body p{margin:.6em 0}.notion-body ul,.notion-body ol{margin:.6em 0 .6em 1.5em}.notion-body li{margin:.3em 0}.notion-body a{color:var(--link);font-weight:500}.notion-body code{font-family:var(--font-mono);font-size:.84em;background:var(--thumb-bg);border-radius:4px;padding:1px 6px}.notion-body pre{background:var(--thumb-bg);border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow-x:auto;margin:.8em 0}.notion-body pre code{background:none;padding:0}.notion-body blockquote{border-left:3px solid var(--line-strong);padding-left:14px;color:var(--dim);margin:.8em 0}.notion-body .callout{background:var(--thumb-bg);border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:.8em 0}.notion-body details{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:1em 0;background:var(--panel-2)}.notion-body summary{cursor:pointer;color:var(--accent);font-weight:700}:root[data-theme=dark] .notion-body summary{color:var(--gold)}.notion-body img{max-width:100%;border-radius:10px;margin:.8em 0}.notion-body hr{border:none;border-top:1px dashed var(--line-strong);margin:1.4em 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:22px;animation:fade .18s both}.modal{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:min(620px,100%);max-height:90vh;overflow-y:auto;position:relative;padding:26px 30px;box-shadow:var(--shadow-hover);animation:rise .26s cubic-bezier(.2,.7,.2,1) both}.modal .close{position:absolute;top:14px;right:16px}.form-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.form-sub{color:var(--dim);font-size:.82rem;margin:4px 0 16px}.fld{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;flex:1}.fld>span{font-size:.76rem;color:var(--dim);font-weight:700}.fld input,.fld select,.fld textarea{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:10px;color:var(--text);font-family:var(--font-body);font-size:.92rem;padding:9px 12px;outline:none;box-shadow:none}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--accent)}.fld textarea{resize:vertical}.fld-row{display:flex;gap:10px;flex-wrap:wrap}.fld.grow{flex:2}.fld.check{flex:0 0 auto;align-items:center;justify-content:flex-end}.fld.check input{width:20px;height:20px;accent-color:#e0245e}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.overlay.lightbox{z-index:120}.lightbox figure{max-width:min(1100px,94vw);max-height:90vh;display:flex;flex-direction:column;gap:12px}.lightbox img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;border:1px solid var(--line-strong);box-shadow:var(--shadow-hover);background:var(--panel)}.lightbox figcaption{display:flex;justify-content:space-between;gap:16px;align-items:baseline;color:#fff}.lightbox figcaption a{color:#fff}.lightbox .close{position:fixed;top:22px;right:26px}.footer{margin-top:70px;padding-top:22px;border-top:1px solid var(--line);color:var(--dim);text-align:center}@media (max-width: 760px){.atlas{padding:0 14px 40px}.header{padding-top:18px}.brand-sub{display:none}.stats{width:100%;justify-content:space-between}.stat{min-width:0;flex:1;padding:8px}.grid{grid-template-columns:1fr 1fr;gap:12px}.thumb-wrap{height:120px}.card-memo{display:none}.detail-page{margin:0;border-radius:0;padding:14px 18px 40px;min-height:100vh}}@media (max-width: 470px){.grid{grid-template-columns:1fr}.thumb-wrap{height:168px}.card-memo{display:-webkit-box}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}