:root{--bg:#0a0b0d;--panel:#101114;--text:#e9e6df;--muted:#85858a;--accent:#c9ac77;--line:#27272b;--glow:rgba(201,172,119,.12);font-family:-apple-system,"SF Pro Text","PingFang SC","Noto Sans SC",sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}header{height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:26px;padding:0 4.5%;position:relative;z-index:2;background:#0a0b0df2}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:4px;font-weight:650}.brand-symbol{font-family:Georgia,serif;color:var(--accent);font-weight:400;font-size:31px;letter-spacing:-7px;margin-right:8px}.brand-cn{font-size:11px;font-weight:400;letter-spacing:3px;color:#939197;border-left:1px solid #393638;padding-left:15px;margin-left:4px}nav{display:flex;gap:35px;margin:auto}nav button{font-size:13px;color:#8e8c90;height:87px;position:relative;padding:0}.nav.active{color:var(--accent)}.nav.active:after{content:"";position:absolute;width:22px;height:2px;background:var(--accent);bottom:21px;left:calc(50% - 11px)}.quiet{font-size:12px;display:flex;gap:8px;color:#b5b2af}.avatar{border:1px solid #554a36;background:#26221a;border-radius:50%;height:31px;width:31px;display:grid;place-items:center;font:13px Georgia;color:var(--accent)}main{max-width:1320px;margin:auto;padding:0 5%}.intro{position:relative;padding:63px 0 45px;overflow:hidden;min-height:405px}.eyebrow,.small-label,.section-line,.gallery-top,.intro-bottom,.gallery-bottom,.cinema-ui{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:9px}.line{width:28px;height:1px;background:#6b5d42}.live-dot,.saved i{width:5px;height:5px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 9px #c9ac7760}.intro-heading{position:relative;z-index:1;font-size:48px;letter-spacing:3px;line-height:1.5;font-weight:450;margin:23px 0 13px}.serif{font-family:Georgia,"Songti SC","Noto Serif SC",serif;color:var(--accent);font-weight:400}.tiny-star{color:var(--accent);font-size:27px;display:inline-block;margin-left:24px;vertical-align:top;padding-top:16px}.intro p{font-size:13px;color:#929096;line-height:1.95;margin:0}.intro-bottom{display:flex;gap:40px;margin-top:29px;color:#5c5c63;font-size:9px;letter-spacing:1.5px}.intro-bottom a{color:var(--accent);font-family:inherit;letter-spacing:0}.orbital{position:absolute;right:2%;top:0;width:410px;height:410px;display:grid;place-items:center;perspective:500px;background:radial-gradient(ellipse at center,rgba(167,138,91,.07),transparent 66%)}.orbital i{position:absolute;width:280px;height:280px;border:1px solid #b89c5c25;border-radius:50%;transform:rotateX(56deg) rotateY(-25deg) rotateZ(-22deg)}.orbital i:nth-child(2){width:350px;height:350px;transform:rotateX(50deg) rotateY(28deg) rotateZ(33deg);border-color:#c2a56e18}.orbital i:nth-child(3){height:330px;width:180px;transform:rotateZ(30deg);border-color:#c2a56e18}.orbital>span{font-family:Georgia,serif;font-size:155px;color:#b4a07e;letter-spacing:-35px;font-weight:400;transform:translateX(-16px);text-shadow:0 0 80px #d8b76a25}.orbital small{position:absolute;bottom:53px;font:8px monospace;letter-spacing:4px;color:#72664f}.section-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;color:#66646a;font-size:9px;letter-spacing:1.5px}.saved{display:flex;gap:8px;align-items:center;letter-spacing:0;font-family:inherit}.saved i{background:#879e88;box-shadow:none}.workspace-title{display:flex;justify-content:space-between;align-items:center;margin:26px 0 20px}h2{font-size:23px;font-weight:450;letter-spacing:1px;margin:0}.workspace-title h2 span{font:9px monospace;letter-spacing:1.5px;color:#716b61;margin-left:16px}.text-button{font-size:11px;color:#969296;padding:5px 0}.text-button:hover{color:var(--accent)}.categories{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:27px}.category{padding:10px 19px;font-size:12px;color:#959397;border:1px solid transparent;display:flex;align-items:center;gap:8px;white-space:nowrap}.category.active{background:#c9ac7710;border-color:#8c77523d;color:var(--accent)}.category:hover{color:var(--accent);background:#c9ac7708}.category span{font-size:15px}.curation-layout{display:grid;grid-template-columns:258px 1fr;gap:36px}.curator{padding:18px 25px 0 0;border-right:1px solid var(--line)}.small-label{color:var(--accent);font-size:9px}.curator h3{font-family:Georgia,"Songti SC",serif;font-size:25px;line-height:1.65;letter-spacing:1px;font-weight:400;margin:20px 0 12px}.curator p{font-size:11px;line-height:2;color:var(--muted);margin-bottom:28px}label{font-size:11px;color:#aaa5a1;display:block}input,textarea,select{border:1px solid #333236;background:#141518;color:var(--text);padding:12px;font-size:12px;border-radius:2px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.curator input{width:100%;margin:8px 0 19px;background:#0d0e10}.theme-label{font-size:11px;color:#aaa5a1;margin:1px 0 12px}.themes{display:flex;align-items:center;gap:11px;margin-bottom:26px}.swatch{flex:0 0 20px;width:20px;height:20px;border-radius:50%;padding:0;border:4px solid #161719;outline:1px solid #333;outline-offset:2px}.swatch.gold{background:#c9ac77}.swatch.ice{background:#9ac8db}.swatch.rose{background:#c68e93}.swatch.selected{outline-color:var(--accent)}.themes span{font-size:10px;color:#8d8983;margin-left:3px}.outline{border:1px solid #484137;padding:12px 18px;font-size:11px;transition:.2s}.outline:hover{border-color:var(--accent);background:var(--glow)}.curator .outline{width:100%;padding:12px 5px;color:#bbb0a0}.curator-foot{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:25px;margin-top:28px}.mini-grid{font-size:24px;color:var(--accent)}.curator-foot b{font-size:10px;font-weight:400;display:block}.curator-foot small{color:#6d6a6d;font-size:9px;display:block;margin-top:7px}.gallery-wrap{padding:16px 25px 0;background:linear-gradient(120deg,#16161655,transparent);border:1px solid #272729;position:relative}.gallery-wrap:before,.gallery-wrap:after{content:"";position:absolute;width:15px;height:15px;border:solid var(--accent);opacity:.6;pointer-events:none}.gallery-wrap:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.gallery-wrap:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.gallery-top{display:flex;justify-content:space-between;color:#8f8675;letter-spacing:1.8px;margin-bottom:14px;font-size:8px}.gallery-top b{font-weight:400;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{aspect-ratio: .91;position:relative;overflow:hidden;background:#191a1d;cursor:pointer;isolation:isolate;border:1px solid #ffffff0c;transition:transform .3s,border-color .3s;touch-action:manipulation}.tile:hover,.tile:focus-visible{transform:translateY(-4px);border-color:var(--accent);z-index:1}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s;filter:brightness(.82) saturate(.85)}.tile:hover img{transform:scale(1.06);filter:brightness(1) saturate(1)}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,transparent 40%,#000d 100%);z-index:0;pointer-events:none}.tile .number{position:absolute;top:10px;left:11px;font:10px monospace;color:#e9e3d6;z-index:1;text-shadow:0 1px 3px #000}.tile .edit-icon{position:absolute;right:9px;top:7px;color:#eee;opacity:0;transition:.2s;z-index:1}.tile:hover .edit-icon{opacity:1}.tile .tile-label{position:absolute;bottom:12px;left:12px;right:8px;z-index:1}.tile .anime-title{margin:0 0 5px;font-size:12px;font-weight:450;color:#f3eee4}.tile small{font:8px monospace;color:#beb6a9;letter-spacing:1px}.tile .empty{height:100%;display:grid;align-content:center;justify-items:center;gap:12px;color:#776e60;font-size:10px;position:relative;z-index:1}.empty b{font-weight:200;font-size:30px}.tile.picked{outline:2px solid var(--accent)}.tile-note{display:none;font-size:9px!important;line-height:1.6;margin-top:6px;color:#cec2af}.show-notes .tile-note{display:block}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;color:#746c5d;padding:14px 0;font-size:8px;letter-spacing:0}.gallery-bottom button{font-size:9px}.action-bar{display:flex;justify-content:space-between;align-items:center;padding:25px 0 42px}.action-bar>div{display:flex;gap:12px;align-items:center}.action-bar b{font-size:11px;font-weight:400;color:#c1bbb1}.action-bar small{color:#666368;font-size:10px}.action-buttons{display:flex;gap:12px}.primary{background:var(--accent);color:#171510;font-size:12px;font-weight:600;padding:14px 23px;border:1px solid var(--accent);transition:.2s}.primary:hover{filter:brightness(1.12);box-shadow:0 0 25px var(--glow)}.primary span{margin-left:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:26px 0}.section-heading h2{margin-top:10px}.muted{font-size:11px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px}.guide{position:relative;height:215px;text-align:left;border:1px solid #ffffff12;padding:24px;overflow:hidden}.guide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;filter:saturate(.6);transition:.5s}.guide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090a0dec,transparent)}.guide>div{position:absolute;bottom:22px;left:22px;right:22px;z-index:1}.guide small{font:8px monospace;letter-spacing:2px;color:var(--accent)}.guide h3{font-size:20px;font-weight:400;margin:12px 0 8px}.guide p{font-size:10px;color:#a5a1a0;margin:0}.guide b{position:absolute;right:0;bottom:0;color:var(--accent);font-size:22px;font-weight:400}.guide:hover img{transform:scale(1.06);opacity:.6}.rankings{margin-bottom:55px}.section-heading select{padding:9px 13px;font-size:11px}.rank-row{display:grid;grid-template-columns:40px 44px 1fr 100px 65px;gap:18px;align-items:center;border-bottom:1px solid #202024;padding:12px 0;font-size:12px}.rank-row>span:first-child{font:16px Georgia;color:var(--accent)}.rank-row img{width:40px;height:49px;object-fit:cover}.rank-row small{font-size:10px;color:var(--muted)}.rank-row button{font-size:11px;color:var(--accent);padding:12px 3px}.faq{display:grid;grid-template-columns:1fr 1.5fr;border-top:1px solid var(--line);padding:40px 0 55px;gap:50px}.faq h2{margin-top:18px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{padding-top:0}summary{cursor:pointer;font-size:12px;line-height:1.8;color:#c7c1b8}details p{font-size:12px;line-height:1.9;color:var(--muted)}footer{max-width:1320px;margin:auto;padding:30px 5%;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px}footer>span{font-family:Georgia,"Songti SC",serif;color:#8d877d;font-size:12px}footer>div{display:flex;gap:18px}footer small{width:100%;font:8px monospace;letter-spacing:1.5px;color:#565359;padding-top:10px}dialog{background:#111216;color:var(--text);border:1px solid #504733;width:min(760px,94vw);max-height:90vh;overflow-y:auto;padding:30px;border-radius:4px;box-shadow:0 30px 150px #000}dialog::backdrop{background:#000c;backdrop-filter:blur(10px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:25px}.dialog-head .dialog-title{font-size:23px;margin-top:10px}.close{font-size:29px;line-height:1;color:#aaa}.searchbox{display:flex;gap:12px;border:1px solid #484135;align-items:center;padding-left:15px}.searchbox>span{font-size:27px;color:var(--accent)}.searchbox input{flex:1;min-width:0;background:none;border:0;padding:17px 0}.searchbox button{font-size:11px;padding:15px;color:var(--accent)}.search-caption{font-size:11px;color:var(--muted);margin:16px 0;line-height:1.7}.results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-height:340px;overflow:auto}.result{text-align:left;padding:0;background:#1b1c20;border:1px solid #333;overflow:hidden}.result:hover{border-color:var(--accent)}.result img{width:100%;height:130px;object-fit:cover;background:#232428}.result div{padding:9px;font-size:11px;line-height:1.5}.result small{display:block;color:var(--muted);font-size:9px;margin-top:5px}#manual{margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.manual-fields{display:grid;grid-template-columns:1fr 100px;gap:13px;margin-top:16px}.manual-fields input{display:block;width:100%;margin-top:7px}.manual-fields label:nth-child(3){grid-column:1/-1}.manual-fields button{grid-column:1/-1}#edit-fields{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}textarea{width:100%;resize:vertical;min-height:70px;margin:8px 0}.edit-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.edit-actions select{padding:8px;margin-left:6px}.edit-actions button{font-size:10px}#info-body{font-size:13px;line-height:2;color:#b3aea8}#info-body button{margin:15px 10px 0 0}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#e0ceb0;color:#16130f;padding:14px 25px;font-size:12px;z-index:20;border:1px solid #aa926b;transition:.3s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.cinema-ui{display:none}.cinema-mode{overflow:hidden}.cinema-mode header,.cinema-mode .intro,.cinema-mode .section-line,.cinema-mode .workspace-title,.cinema-mode .categories,.cinema-mode .curator,.cinema-mode .action-bar,.cinema-mode .inspiration,.cinema-mode .rankings,.cinema-mode .faq,.cinema-mode footer{display:none}.cinema-mode main{padding:0;max-width:none}.cinema-mode .curation-layout{display:block}.cinema-mode .gallery-wrap{position:fixed;inset:65px auto 25px 50%;transform:translateX(-50%);width:min(800px,95vw,calc((100dvh - 180px)*2/3));border:0;background:none;padding:0;display:flex;flex-direction:column}.cinema-mode .grid{min-height:0;flex:none;grid-template-rows:repeat(3,auto);gap:14px}.cinema-mode .tile{aspect-ratio:2/3}.cinema-mode .tile img{object-position:center}.cinema-mode .gallery-top{font-size:9px;padding-bottom:8px}.cinema-mode .gallery-wrap:before,.cinema-mode .gallery-wrap:after{display:none}.cinema-mode .gallery-bottom{padding-top:15px}.cinema-mode .cinema-ui{display:flex;position:fixed;top:18px;left:4%;right:4%;align-items:center;justify-content:space-between;gap:15px;color:var(--accent);font-size:8px}.cinema-ui button{padding:9px;font-size:10px}body[data-tone="ice"]{--accent:#9ac8db;--glow:#9ac8db18}body[data-tone="rose"]{--accent:#c68e93;--glow:#c68e9318}@media(min-width:1450px){.intro{padding-top:76px;padding-bottom:55px}.intro-heading{font-size:55px}.tile{aspect-ratio:.96}}@media(max-width:1050px){.brand-cn{display:none}.curation-layout{grid-template-columns:210px 1fr;gap:23px}.curator{padding-right:20px}.category{padding:10px 13px}.tile{aspect-ratio:.75}.action-bar small{display:none}.workspace-title h2 span{display:none}.orbital{right:-6%}.curator h3{font-size:22px}}@media(max-width:760px){header{height:70px;padding:0 5%;gap:13px}.brand{font-size:19px;gap:8px}.brand-symbol{font-size:27px}nav{gap:17px;margin-left:auto;margin-right:0}nav button{font-size:10px;height:70px}.quiet{padding:0;font-size:16px}.quiet span,.avatar{display:none}.intro{padding:43px 0 30px;min-height:350px}.eyebrow{font-size:7px;gap:8px;letter-spacing:1px}.intro-heading{font-size:35px;letter-spacing:2px;margin-top:28px}.intro p{font-size:11px}.orbital{width:280px;height:280px;right:-130px;top:50px;opacity:.4}.orbital>span{font-size:110px}.orbital i{width:190px;height:190px}.orbital i:nth-child(2){width:260px;height:260px}.orbital i:nth-child(3){width:150px;height:250px}.orbital small{display:none}.tiny-star{font-size:21px;margin-left:8px}.intro-bottom{font-size:7px;gap:20px;position:relative;z-index:1}.section-line{font-size:7px;letter-spacing:.8px;gap:8px}.saved{font-size:8px}.workspace-title{margin:24px 0 17px}h2{font-size:20px}.categories{overflow:auto;gap:2px;margin-bottom:20px;padding-bottom:12px;scrollbar-width:none}.category{padding:10px 13px;font-size:11px}.curation-layout{display:flex;flex-direction:column-reverse;gap:24px}.gallery-wrap{padding:13px 13px 0}.grid{gap:8px}.tile{aspect-ratio:.72}.tile .anime-title{font-size:10px;line-height:1.5}.tile .tile-label{bottom:8px;left:8px}.tile .number{left:8px;top:8px;font-size:8px}.tile small{font-size:7px}.gallery-top{font-size:7px}.gallery-bottom{font-size:7px}.curator{padding:0;border:0;display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center}.curator>.small-label,.curator h3,.curator p,.curator-foot{display:none}.curator label{font-size:10px}.curator input{margin:0;padding:11px}.theme-label{margin:0}.themes{margin:7px 0}.curator .outline{grid-column:2;padding:10px}.action-bar{display:block;padding:26px 0 35px}.action-bar>div:first-child{margin-bottom:19px}.action-buttons button{flex:1;padding:13px 8px}.primary span{margin-left:8px}.section-heading{gap:15px;margin:22px 0}.section-heading .muted{font-size:9px;max-width:110px;line-height:1.7}.guide-grid{grid-template-columns:1fr;gap:13px;margin-bottom:35px}.guide{height:160px}.guide img{object-position:center 30%}.guide h3{font-size:20px}.rank-row{grid-template-columns:25px 35px 1fr 40px;gap:12px}.rank-row>small{display:none}.rank-row img{width:34px;height:43px}.rank-row>div{font-size:11px}.faq{grid-template-columns:1fr;gap:25px;padding:30px 0}.faq-list summary{font-size:12px}footer{gap:22px}footer>span{font-size:10px}footer>div{width:100%;justify-content:space-between}.results{grid-template-columns:repeat(3,1fr);gap:8px}.result img{height:110px}dialog{padding:20px}.dialog-head .dialog-title{font-size:20px}.searchbox{gap:5px;padding-left:10px}.searchbox button{font-size:10px;padding:10px}.searchbox input{font-size:11px}.edit-actions{flex-wrap:wrap}.cinema-mode .gallery-wrap{inset:85px auto 50px 50%}.cinema-mode .cinema-ui>span{max-width:170px;line-height:1.8}.cinema-mode .tile .anime-title{font-size:11px}.cinema-mode .tile img{object-position:center}.cinema-mode .grid{gap:9px}}@media(prefers-reduced-motion:no-preference){.intro-heading{animation:reveal .9s both}.intro p{animation:reveal 1.1s both}.workspace{animation:reveal 1.3s both}.orbital{animation:reveal 2s both}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.cinema-mode .workspace{animation:none;transform:none}
/* Long-press touch sorting keeps ordinary swipes available for scrolling. */
#grid .tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
#grid .tile img{-webkit-user-drag:none}
#grid .tile.touch-drag-source{opacity:.4;transform:none;border-color:var(--accent)}
#grid .tile.touch-drop-target{outline:2px solid var(--accent);outline-offset:-2px;transform:none}
.tile.touch-drag-preview{position:fixed;margin:0;z-index:30;pointer-events:none;opacity:.9;transform:scale(1.04);transition:none;border-color:var(--accent);box-shadow:0 12px 35px #0009}
/* My 9 Animes: keep the original charcoal, gold, and editorial rhythm. */
.brand{letter-spacing:2px;font-size:19px;white-space:nowrap}.intro-heading{font-size:62px;line-height:1.15;letter-spacing:-1.8px;margin:30px 0 23px;font-weight:450}.intro-heading .serif{font-style:italic}.intro{min-height:414px}.intro p{max-width:540px;line-height:1.9}.intro-bottom{margin-top:27px}.orbital{right:0}.anime-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.anime-only{font:9px monospace;letter-spacing:1.6px;color:var(--accent)}.anime-toolbar .outline{padding:10px 16px}.curator h3{font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.35}.curator p{line-height:1.9}.tile{aspect-ratio:2/3}.tile img{filter:brightness(.92) saturate(.9)}.tile .anime-title{line-height:1.3}.result img{height:auto;aspect-ratio:2/3;display:block}.results{max-height:390px}.result div{min-height:64px}.faq-intro{font-size:12px;color:var(--muted);max-width:300px;line-height:1.9}.noscript{padding:25px;text-align:center}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}.cinema-mode .anime-toolbar{display:none}.rank-row{grid-template-columns:35px 44px 1fr 150px 65px}
@media(min-width:1450px){.intro-heading{font-size:66px}.tile{aspect-ratio:2/3}}
@media(max-width:1050px){header{gap:18px}nav{gap:22px}.brand{font-size:16px}.quiet{font-size:10px}.curator h3{font-size:25px}.intro-heading{font-size:54px}.orbital{opacity:.65;right:-8%}}
@media(max-width:760px){header{height:auto;min-height:72px;flex-wrap:wrap;padding:17px 5% 0;gap:8px;justify-content:space-between}.brand{font-size:16px;gap:9px;letter-spacing:1.5px}.brand-symbol{font-size:26px}nav{order:3;width:100%;justify-content:space-between;margin:0;gap:20px}nav button{height:45px;font-size:11px}.nav.active:after{bottom:0}.quiet{font-size:20px}.intro{padding:38px 0 32px;min-height:360px}.intro-heading{font-size:clamp(35px,9vw,48px);letter-spacing:-1.2px;line-height:1.15;margin:26px 0 22px}.intro p{font-size:12px;max-width:290px}.intro p br{display:none}.intro .tiny-star{font-size:19px;margin-left:7px;padding-top:4px}.eyebrow{font-size:7px;letter-spacing:.6px;gap:7px}.eyebrow .line{width:15px}.orbital{right:-175px;top:45px;opacity:.3}.intro-bottom{font-size:7px;gap:15px;letter-spacing:.6px}.intro-bottom a{font-size:9px}.workspace-title h2{font-size:21px}.workspace-title .text-button{font-size:10px}.anime-only{font-size:7px;letter-spacing:.4px}.anime-toolbar .outline{font-size:10px;padding:10px}.section-line{font-size:7px;letter-spacing:.3px}.saved{font-size:7px}.tile{aspect-ratio:2/3}.tile .anime-title{font-size:9px}.tile .tile-label{right:5px;left:7px}.tile small{letter-spacing:.4px}.gallery-bottom{font-size:7px}.gallery-bottom button{font-size:8px}.curator .themes{flex-wrap:wrap}.guide h3{font-family:Georgia,serif;font-size:23px}.section-heading h2{font-size:21px;line-height:1.4}.section-heading .muted{max-width:100px}.rank-row{grid-template-columns:22px 35px 1fr 40px}.rank-row button{font-size:10px}footer>div.searchbox input{font-size:12px}.results{max-height:330px}.result div{font-size:10px;min-height:60px}.manual-fields{grid-template-columns:1fr 95px}.cinema-mode .gallery-wrap{inset:85px auto 25px 50%}}

.intro-heading h1{font:inherit;letter-spacing:inherit;margin:0}
.dialog-title{font-weight:450;letter-spacing:1px;margin:0}
.tile .anime-title{display:block}
.guide-trigger{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0}
.guide:focus-within{outline:2px solid var(--accent);outline-offset:4px}
.guide-trigger:focus-visible{outline:none}
.faq-list summary h3{display:inline;font:inherit;letter-spacing:inherit;margin:0}

/* Static help and policy pages share the anime maker's charcoal and gold palette. */
.help-section{border-top:1px solid var(--line);padding:34px 0 38px;font-size:13px;line-height:1.9;color:#b3aea8}
.help-section h2{color:var(--text);margin:12px 0 16px;line-height:1.5}
.help-section p{max-width:850px}
.help-section a,.faq-list a,.publication-info a,.information-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.source-list{padding-left:24px;max-width:900px}
.source-list li{padding-left:8px;margin:13px 0}
.source-list li::marker{color:var(--accent)}
.how-to-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.how-to-heading p{margin:0;max-width:730px}
.how-to-start{flex-shrink:0;font-size:11px;white-space:nowrap;padding:0 0 4px;text-decoration:none!important}
.how-to-start span{margin-left:8px}
.how-to-start:hover{text-decoration:underline!important}
.creation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:28px 0 0;list-style:none}
.creation-steps>li{min-width:0;margin:0;padding:0;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}
.step-art{margin:0;border-bottom:1px solid var(--line);background:#0d0e11}
.step-art img{display:block;width:100%;height:auto;aspect-ratio:640/420}
.step-copy{padding:23px 24px 27px}
.step-number{font:9px "SFMono-Regular",Consolas,monospace;letter-spacing:1.5px;color:var(--accent)}
.step-copy h3{font-family:inherit;font-size:26px;font-weight:450;line-height:1.35;letter-spacing:1px;color:var(--text);margin:12px 0}
.step-copy p{font-size:12px;line-height:1.95;color:#a6a0a0;margin:0}
@media(max-width:1050px){.creation-steps{gap:14px}.step-copy{padding:20px 18px 24px}.step-copy h3{font-size:24px}.how-to-heading p{max-width:590px}}
@media(max-width:760px){.how-to-heading{display:block}.how-to-start{display:inline-block;margin-top:17px}.creation-steps{grid-template-columns:1fr;gap:20px;margin-top:24px}.step-copy{padding:23px 24px 27px}.step-copy h3{font-size:27px}.step-copy p{font-size:13px}.step-number{font-size:10px}}
.table-scroll{overflow-x:auto;max-width:100%;margin-top:22px;border:1px solid var(--line)}
.table-scroll table{width:100%;border-collapse:collapse;min-width:540px;text-align:left;font-size:12px}
.table-scroll caption{text-align:left;padding:15px 18px;color:var(--accent);background:var(--panel)}
.table-scroll th,.table-scroll td{padding:16px 18px;border-top:1px solid var(--line);vertical-align:top}
.table-scroll thead th{color:var(--text);font-weight:550;background:var(--panel)}
.table-scroll tbody th{min-width:110px;color:var(--text);font-weight:500}
.publication-info{font-size:11px;line-height:1.9;color:var(--muted);padding:0 0 26px;margin:0}
.publication-info span{display:inline-block}
.footer-meta{display:block;width:100%;border-top:1px solid var(--line);padding-top:16px}
.footer-meta small{display:block;padding:0}
.footer-meta .publication-info{padding:0;margin:8px 0 0;font-size:10px;line-height:1.8;color:var(--muted)}
.footer-meta .publication-info a{color:inherit;text-decoration:none}
.footer-meta .publication-info a:hover{color:var(--accent);text-decoration:underline}
.policy-links{display:flex;flex-wrap:wrap;gap:22px;margin:0;width:100%;font-size:12px;color:var(--muted);order:0}
.policy-links a:hover,.back-to-tool:hover{color:var(--accent)}
.information-page header{justify-content:space-between}
.back-to-tool{font-size:12px;color:var(--accent)}
.information-content{max-width:960px;padding-top:58px;padding-bottom:50px}
.information-content h1{font-size:clamp(30px,5vw,46px);font-weight:450;letter-spacing:-1px;line-height:1.2;margin:22px 0}
.information-content section{border-top:1px solid var(--line);padding:25px 0 12px}
.information-content h2{font-size:21px;line-height:1.5;color:var(--text)}
.information-content p,.information-content li{font-size:14px;line-height:1.9;color:#b3aea8}
.information-content ul{padding-left:24px}
.information-content li{padding-left:6px;margin:12px 0}
.information-content a{overflow-wrap:anywhere}
.skip-link{position:absolute;top:0;left:16px;transform:translateY(-150%);z-index:30;background:var(--accent);color:var(--bg);padding:12px 18px}
.skip-link:focus{transform:translateY(0)}
.cinema-mode .help-section,.cinema-mode .publication-info{display:none}
/* Poster preview, layout choices and export controls. */
#poster-dialog{width:min(880px,94vw)}
#poster-dialog[data-layout="landscape"]{width:min(1320px,94vw)}
.poster-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:30px}
.poster-preview{min-width:0;display:grid;gap:20px}
.poster-stage{padding:16px;border:1px solid var(--line);background:#090a0c}
#poster{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;background:#0a0b0d}
#poster[aria-busy="true"]{opacity:.6}
.poster-controls{display:flex;flex-direction:column;gap:14px}
.poster-controls p{font-family:Georgia,"Songti SC",serif;font-size:23px;line-height:1.6;margin:5px 0 16px}
.poster-controls select{display:block;width:100%;margin-top:8px}
.poster-controls small{font-size:10px;line-height:1.7;color:var(--muted)}
#poster-status{color:var(--accent);font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:.4px}
#share-code{height:90px;font:10px monospace;margin:0}
button:disabled{cursor:wait;opacity:.55}
#poster-format{border:0;padding:0;margin:0;min-width:0}
#poster-format legend{padding:0;margin-bottom:12px;font-size:11px;color:#aaa5a1}
.poster-format-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.poster-format-option{position:relative;display:flex;align-items:center;gap:14px;min-height:76px;padding:15px;border:1px solid var(--line);background:#0d0e10;cursor:pointer;transition:border-color .2s,background .2s}
.poster-format-option:hover{border-color:var(--accent)}
.poster-format-option:has(input:checked){border-color:var(--accent);background:var(--glow)}
.poster-format-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}
.poster-format-option input{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:0}
.poster-format-option b{display:block;color:var(--text);font-size:12px;font-weight:500;margin-bottom:6px}
.poster-format-option small{display:block;font-size:10px;line-height:1.5;color:var(--muted)}
.format-icon{display:block;flex-shrink:0;border:1px solid currentColor;color:var(--muted);box-shadow:inset 0 0 0 3px #111216}
.format-portrait{width:20px;height:30px;margin:0 6px}
.format-landscape{width:32px;height:18px}
.poster-format-option:has(input:checked) .format-icon{color:var(--accent);background:var(--glow)}
#poster-format-hint{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}
@media(min-width:761px){#poster-dialog[data-layout="portrait"] #poster{max-height:clamp(240px,calc(90vh - 360px),65vh)}}
@media(max-width:760px){
  #poster-dialog{padding:22px 18px}
  .poster-layout{grid-template-columns:minmax(0,1fr);gap:22px}
  #poster{max-height:52vh}
  .poster-stage{padding:10px}
  .poster-format-options{gap:8px}
  .poster-format-option{gap:9px;padding:12px 9px}
  .poster-format-option small{font-size:9px}
  .poster-controls p{display:none}
  .poster-controls{gap:10px}
}
@media(max-width:360px){.poster-format-option{gap:6px}.format-icon{display:none}}
@media(max-width:760px){.help-section{padding:25px 0;font-size:12px}.help-section h2{font-size:20px}.source-list{padding-left:20px}.table-scroll th,.table-scroll td{padding:12px}.policy-links{justify-content:flex-start;gap:20px}.information-page header{padding:20px 5%;gap:18px}.information-content{padding-top:36px;padding-bottom:30px}.information-content h2{font-size:20px}.information-content p,.information-content li{font-size:13px}.publication-info{font-size:10px}.information-page .back-to-tool{font-size:11px}}

/* Bilingual anime collection controls and Japanese typography. */
.header-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}
.language-switch{color:var(--accent);font-size:11px;white-space:nowrap;border:1px solid var(--line);padding:9px 12px}
.language-switch:hover{border-color:var(--accent)}
.tmdb-credit{width:100%;display:flex;align-items:center;gap:15px;color:var(--muted);font-size:10px;line-height:1.8}
.tmdb-credit>a{color:var(--accent);font-size:14px;white-space:nowrap}
html:lang(ja){font-family:'Noto Sans JP','Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif}
html:lang(ja) .intro-heading{font-size:clamp(28px,3.2vw,46px);letter-spacing:.01em;line-height:1.55;max-width:950px}
html:lang(ja) .intro-tagline{font-size:22px;letter-spacing:.03em;margin-top:14px}
html:lang(ja) .intro-heading h1{font-weight:500;overflow-wrap:anywhere}
html:lang(ja) .intro p{max-width:700px;line-height:2}
html:lang(ja) .orbital{opacity:.35;right:-6%}
html:lang(ja) .eyebrow{letter-spacing:.09em}
html:lang(ja) .curator h3{font-family:inherit;font-size:25px;line-height:1.6}
html:lang(ja) .step-copy h3{font-size:22px;letter-spacing:0}
html:lang(ja) .tile .anime-title{line-height:1.6}
html:lang(ja) .section-line{letter-spacing:.04em}
html:lang(ja) .section-heading h2{line-height:1.6}
@media(max-width:760px){html:lang(ja) .orbital{right:-155px;opacity:.15}}
@media(max-width:1050px){.header-actions{gap:12px}header{gap:15px}nav{gap:18px;margin-left:auto;margin-right:0}.language-switch{font-size:10px;padding:8px}}
@media(max-width:760px){.header-actions{gap:14px}.language-switch{font-size:11px;padding:7px 10px}.intro-heading{position:relative;z-index:1}html:lang(ja) .intro-heading{font-size:clamp(25px,7vw,36px);max-width:100%}html:lang(ja) .intro-tagline{font-size:19px}html:lang(ja) .intro p{max-width:100%;font-size:12px}html:lang(ja) .workspace-title h2{font-size:18px}html:lang(ja) .eyebrow{font-size:7px;flex-wrap:wrap;line-height:1.8}html:lang(ja) .section-line{font-size:7px;line-height:1.8}html:lang(ja) .saved{max-width:100px;text-align:right}.tmdb-credit{align-items:flex-start}html:lang(ja) .section-heading{align-items:flex-start}html:lang(ja) .section-heading .muted{min-width:88px}}