:root{color-scheme:dark;--bg:#090e1a;--panel:#101727;--panel2:#161e30;--text:#f4f1ed;--muted:#9ca6b9;--line:#2b3447;--accent:#dbaba7;--accent2:#a5a4dc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e4b6b5;outline-offset:3px}::selection{background:#d3a7bd;color:#0c101a}.site-shell{overflow:hidden;max-width:1800px;margin:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6.4%;background:#0b1120;position:relative;z-index:5;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{font-size:25px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #dca9a450;border-radius:50%;font-weight:500;color:var(--accent)}.brand-word{font-size:30px;font-weight:720;letter-spacing:-2px}.brand-dot{color:var(--accent)}.nav-links{display:flex;gap:38px}.nav-links a{color:#c4cad8;font-size:13px;transition:color .2s}.nav-links a:hover{color:white}.saved-button{display:flex;gap:12px;align-items:center;border:1px solid #3c4456;background:#ffffff06;border-radius:7px;color:#fff;padding:12px 17px;font-size:12px}.saved-button svg{width:17px;height:17px;stroke:#e8c0c5;fill:none;stroke-width:1.7}.saved-count{display:grid;place-items:center;background:#d9a8a52e;color:#e7b9b5;border-radius:4px;width:22px;height:20px}.mobile-menu{display:none}.hero{height:670px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 77% 26%,#473750aa,transparent 34%),linear-gradient(110deg,#101729 8%,#14203a 55%,#2c2741 100%);overflow:hidden}.hero:after{content:"";inset:0;position:absolute;z-index:-1;background:linear-gradient(90deg,#0b1125 0%,#0d162cdb 41%,transparent 100%),linear-gradient(0deg,#090e1a 0%,transparent 28%)}.hero-stars{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(1px 1px at 15% 20%,#fff 100%,transparent),radial-gradient(1px 1px at 37% 46%,#fff 100%,transparent),radial-gradient(2px 2px at 81% 19%,#fff 100%,transparent),radial-gradient(1px 1px at 66% 60%,#fff 100%,transparent),radial-gradient(2px 2px at 96% 42%,#fff 100%,transparent);background-size:340px 290px}.hero-sun{position:absolute;right:17%;top:92px;width:320px;height:320px;border-radius:100%;background:linear-gradient(180deg,#ffc3b4 0%,#ec9ca8 44%,#a274ac 100%);box-shadow:0 0 110px #e79db24b,0 0 240px #d08fb92b;opacity:.87;z-index:-2}.city{position:absolute;bottom:49px;right:0;width:70%;height:300px;z-index:-1;clip-path:polygon(0 100%,0 67%,4% 67%,4% 55%,9% 55%,9% 65%,12% 65%,12% 35%,16% 35%,16% 52%,20% 52%,20% 26%,26% 26%,26% 60%,30% 60%,30% 36%,37% 36%,37% 45%,43% 45%,43% 20%,49% 20%,49% 52%,54% 52%,54% 32%,58% 32%,58% 42%,63% 42%,63% 11%,68% 11%,68% 39%,73% 39%,73% 28%,79% 28%,79% 58%,85% 58%,85% 36%,90% 36%,90% 18%,94% 18%,94% 42%,100% 42%,100% 100%)}.city-back{background:#27304b;transform:translateY(14px);opacity:.8}.city-front{height:260px;bottom:0;width:90%;background:repeating-linear-gradient(90deg,transparent 0 20px,#f8a8bc15 21px 23px,transparent 24px 46px),linear-gradient(170deg,#10192d,#0c1325);opacity:.96;transform:translateX(18%)}.hero-grid{position:absolute;right:-10%;bottom:-24%;width:80%;height:35%;background:repeating-linear-gradient(90deg,#d397af12 0 1px,transparent 1px 56px),repeating-linear-gradient(0deg,#d397af12 0 1px,transparent 1px 35px);transform:perspective(180px) rotateX(45deg)}.hero-content{position:relative;z-index:2;padding:125px 6.4% 0;max-width:790px}.eyebrow,.section-kicker{color:var(--accent);font-size:11px;letter-spacing:.2em;font-weight:750}.eyebrow{display:flex;gap:12px;align-items:center}.pulse{display:block;width:6px;height:6px;border-radius:50%;background:#e9afaa;box-shadow:0 0 12px #e9afaa}.hero h1{font-size:clamp(46px,5.3vw,79px);line-height:1.14;letter-spacing:-.065em;font-weight:670;margin:29px 0 23px}.hero h1 em,.section-heading h2 i,.pick-copy h2 i{font-style:normal;color:#e0adae;font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.hero-description{font-size:16px;line-height:1.9;color:#b7c0d1;max-width:520px}.hero-actions{display:flex;gap:15px;margin-top:32px}.btn{border:1px solid transparent;border-radius:6px;padding:16px 24px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:22px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#deb0af;color:#181927}.btn-primary:hover{background:#f1c3c0}.btn-ghost{color:#fff;background:#ffffff0b;border-color:#8e8fa144}.btn-ghost:hover{background:#ffffff15}.hero-caption{margin-top:59px;font-size:9px;letter-spacing:.15em;display:flex;gap:13px;align-items:center;color:#a6adbf}.caption-line{width:27px;height:1px;background:#c8a1ad}.caption-sep{color:#6c7894}.hero-side{position:absolute;right:38px;top:35%;z-index:2;display:flex;align-items:center;gap:20px;writing-mode:vertical-rl;color:#d2bdcd;font-size:9px;letter-spacing:.25em}.vertical-rule{width:1px;height:65px;background:#ffffff50}.hero-bottom{position:absolute;z-index:2;bottom:28px;left:6.4%;right:6.4%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.2em;color:#8a93a8}.arrow-down{font-size:22px}.strip{display:flex;align-items:center;gap:22px;padding:23px 6.4%;border-bottom:1px solid var(--line);background:#0f1726}.strip p{color:#a8b0c0;font-size:12px;letter-spacing:.01em;margin:0}.strip strong{color:#e2e2e7;font-weight:550}.sparkle{font-size:24px;color:var(--accent)}.strip-jp{margin-left:auto;font-size:11px;color:#737f97;letter-spacing:.15em}.section-pad{padding:108px 6.4%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading h2,.pick-copy h2{font-size:clamp(31px,3.7vw,52px);letter-spacing:-.055em;margin:12px 0 0;font-weight:640;line-height:1.2}.section-heading>p{max-width:335px;line-height:1.8;font-size:13px;color:var(--muted);margin:0 0 7px}.moods{background:#0c1220}.mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.mood-tile{text-align:left;min-height:168px;position:relative;border:1px solid #ffffff14;border-radius:9px;overflow:hidden;padding:22px;background:linear-gradient(140deg,#252839,#17223a);display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s}.mood-tile:hover{transform:translateY(-5px);border-color:#e0b1c38a}.mood-symbol{font-size:37px;line-height:1;color:#f3c6cb}.mood-tile strong{display:block;color:#f4ecf1;font-size:15px;margin-bottom:8px}.mood-tile small{font-size:11px;color:#bdc0d0}.mood-arrow{position:absolute;right:20px;top:18px;color:#ddd3e3}.mood-calm{background:radial-gradient(circle at 100% 0%,#547e899c,transparent 60%),linear-gradient(135deg,#263b4b,#141f2e)}.mood-dream{background:radial-gradient(circle at 100% 0%,#9768bd99,transparent 60%),linear-gradient(135deg,#38294f,#1b1c35)}.mood-heart{background:radial-gradient(circle at 100% 0%,#bc708699,transparent 60%),linear-gradient(135deg,#4b2b41,#211e34)}.mood-action{background:radial-gradient(circle at 100% 0%,#dca46b88,transparent 60%),linear-gradient(135deg,#513346,#241d32)}.catalog{background:var(--bg)}.catalog-index{font-size:10px;letter-spacing:.15em;color:#778398}.catalog-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 32px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #343b4b;color:#a9b3c5;background:transparent;padding:11px 16px;font-size:12px;border-radius:5px;transition:all .2s}.chip:hover{border-color:#d7a9b5}.chip.is-active{background:#dbadaa;color:#19202d;border-color:#dbadaa}.search-box{display:flex;gap:10px;align-items:center;border:1px solid #343b4b;border-radius:5px;padding:10px 12px;min-width:205px}.search-box svg{width:17px;height:17px;fill:none;stroke:#909bb0;stroke-width:1.8}.search-box input{background:transparent;outline:none;border:0;color:white;width:100%;font-size:12px;min-width:0}.search-box input::placeholder{color:#8590a4}.anime-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 19px}.anime-card{min-width:0}.poster{position:relative;display:block;width:100%;aspect-ratio:3/3.65;overflow:hidden;border:0;border-radius:6px;color:#fff;text-align:left;isolation:isolate;transition:transform .3s;cursor:pointer}.poster:hover{transform:translateY(-4px)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070c1cca,transparent 45%);z-index:-1}.poster-glow{position:absolute;left:20%;top:15%;width:100%;height:90%;border-radius:50%;background:radial-gradient(circle,#fff6,transparent 65%);mix-blend-mode:soft-light}.poster-ring{position:absolute;left:-36%;top:-18%;width:140%;aspect-ratio:1;border:1px solid #ffffff50;border-radius:50%;box-shadow:0 0 0 36px #ffffff09,0 0 0 88px #ffffff06;transform:rotate(-25deg)}.poster-symbol{position:absolute;right:13%;top:18%;font-family:Georgia,serif;font-size:clamp(92px,12vw,186px);font-weight:400;line-height:1;text-shadow:0 12px 50px #14162960;color:#ffffff99;transform:rotate(-12deg)}.poster-roman{position:absolute;top:19px;left:18px;font-size:9px;letter-spacing:.2em;color:#fff8}.poster-title{position:absolute;bottom:20px;left:20px;right:10px;color:white;font-family:Georgia,serif;font-size:clamp(12px,1.4vw,19px);font-style:italic;line-height:1.2;text-wrap:balance}.poster-corner{position:absolute;right:15px;bottom:17px;color:#fff9}.poster-a{background:linear-gradient(140deg,#264c52,#69888a 50%,#b99c8b)}.poster-b{background:linear-gradient(135deg,#1d3b6d,#6b6fb6 55%,#e7a4a9)}.poster-c{background:linear-gradient(155deg,#1d3d3d,#506c5a 55%,#aba786)}.poster-d{background:linear-gradient(145deg,#374b74,#7b829d 55%,#dcbda8)}.poster-e{background:linear-gradient(155deg,#2e395f,#a66381 48%,#e8ac72)}.poster-f{background:linear-gradient(145deg,#364b58,#678d83 55%,#e5bc92)}.poster-g{background:linear-gradient(145deg,#2a5665,#71a4a2 55%,#e3c293)}.poster-h{background:linear-gradient(145deg,#202b3c,#56667c 55%,#b39c92)}.poster-i{background:linear-gradient(145deg,#4a6b91,#a1a4b9 55%,#e4b7b2)}.poster-j{background:linear-gradient(145deg,#3b564a,#69876f 55%,#d0b6a0)}.poster-k{background:linear-gradient(145deg,#54436d,#b77c98 55%,#f0bd94)}.poster-l{background:linear-gradient(145deg,#274573,#6378a9 55%,#e3b0aa)}.card-meta{display:flex;justify-content:space-between;align-items:center;color:#8f99af;font-size:11px;margin-top:16px;min-height:25px}.heart{border:0;background:transparent;color:#a6afc1;font-size:24px;line-height:1;padding:2px 4px}.heart.is-saved{color:#e7a7b0}.card-title{display:block;text-align:left;background:none;border:0;padding:0;color:#fff;font-size:15px;font-weight:630;line-height:1.4;margin:8px 0 7px}.card-title:hover{color:var(--accent)}.card-genre{color:#8c97ab;font-size:11px;margin:0}.catalog-note{font-size:11px;color:#737e93;text-align:right;margin:28px 0 0}.empty-state{border:1px dashed #555e71;border-radius:6px;padding:50px;text-align:center;color:#aeb7c7}.night-pick{padding-top:25px;padding-bottom:80px}.night-pick-inner{min-height:388px;border:1px solid #51465c;background:radial-gradient(circle at 81% 40%,#58476288,transparent 36%),linear-gradient(110deg,#232338,#121a2d);border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center}.pick-copy{padding:60px 7%;position:relative;z-index:2;max-width:630px}.pick-copy h2{font-size:clamp(33px,3.7vw,53px)}.pick-copy>p:not(.section-kicker){color:#b0b2c5;max-width:420px;line-height:1.8;font-size:13px;margin:21px 0 28px}.pick-ornament{position:absolute;right:3%;top:-40%;font-family:serif;font-size:420px;color:#ffffff08;user-select:none}.pick-art{position:absolute;right:11%;top:10%;width:290px;height:290px}.pick-orbit{position:absolute;inset:0;border:1px solid #d7a7be55;border-radius:50%}.orbit-one{transform:rotate(-22deg) scaleX(.6)}.orbit-two{transform:rotate(32deg) scaleX(.85)}.pick-moon{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:155px;font-family:serif;color:#e1b8c7;text-shadow:0 0 65px #c9a3be5c}.pick-star{position:absolute;color:#f2cad5;font-size:24px}.star-one{left:5%;top:23%}.star-two{right:5%;bottom:15%}.journal{background:#0c1220}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.journal-card{padding:25px 25px 31px;background:#151e30;border:1px solid #ffffff0f;border-radius:8px}.journal-num{font-size:10px;color:#c5a1ae;letter-spacing:.15em}.journal-graphic{display:grid;place-items:center;height:130px;margin:19px 0 22px;border-radius:6px;font-size:90px;font-family:Georgia,serif;color:#ffffffa0;overflow:hidden}.journal-graphic-one{background:radial-gradient(circle at center,#ac87a780,transparent 50%),linear-gradient(130deg,#26334f,#41416a)}.journal-graphic-two{background:repeating-linear-gradient(120deg,#ffffff10 0 1px,transparent 1px 20px),linear-gradient(130deg,#254254,#435776)}.journal-graphic-three{background:radial-gradient(circle at center,#d5a6bb50,transparent 50%),linear-gradient(130deg,#4a3049,#242f4b)}.journal-card h3{font-size:20px;line-height:1.4;margin:0 0 12px;letter-spacing:-.02em}.journal-card p{color:#9aa5b6;font-size:12px;line-height:1.75;margin:0}.footer{padding:54px 6.4%;display:flex;justify-content:space-between;gap:40px;align-items:start;border-top:1px solid var(--line)}.footer p{font-size:12px;color:#8792a5;line-height:1.9}.footer-links{display:flex;flex-direction:column;gap:13px;font-size:12px;color:#a9b2c2}.footer-links a:hover{color:white}.footer-right{align-self:end;display:flex;flex-direction:column;gap:13px;text-align:right;color:#8d97aa;font-size:10px;letter-spacing:.08em}.footer-right small{font-size:10px;color:#626e83}.details-dialog{border:1px solid #576075;background:#141c2d;color:#fff;border-radius:14px;width:min(760px,calc(100% - 30px));max-height:85vh;padding:0;box-shadow:0 25px 100px #000b}.details-dialog::backdrop{background:#050813d9;backdrop-filter:blur(7px)}.dialog-layout{display:grid;grid-template-columns:39% 1fr}.dialog-poster{height:100%;min-height:410px;aspect-ratio:auto;border-radius:14px 0 0 14px;pointer-events:none}.dialog-copy{padding:46px 38px;align-self:center}.dialog-copy h2{font-size:30px;line-height:1.2;letter-spacing:-.03em}.dialog-original{color:#e2b4b7;font-family:Georgia,serif;font-style:italic}.dialog-description{color:#b4bed0;line-height:1.85;font-size:14px}.dialog-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.dialog-tags span{border:1px solid #4e596c;padding:9px 12px;border-radius:5px;color:#b9c3d3;font-size:11px}.modal-close{position:absolute;z-index:4;right:14px;top:10px;background:#111827bb;border:0;color:white;border-radius:50%;width:37px;height:37px;font-size:25px}.toast{position:fixed;z-index:20;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e4b7b8;color:#172033;border-radius:8px;padding:14px 23px;font-size:13px;transition:.25s}.toast.shown{opacity:1;transform:translate(-50%,0)}.skip-link{position:absolute;top:-50px;left:10px;z-index:100;background:white;color:black;padding:12px}.skip-link:focus{top:10px}
@media(max-width:1100px){.mood-grid,.anime-grid{grid-template-columns:repeat(3,1fr)}.mood-grid .mood-tile:last-child{grid-column:1/-1}.hero-content{max-width:700px}.hero-sun{right:7%}.catalog-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.journal-card h3{font-size:18px}}
@media(max-width:720px){.site-header{height:72px;padding:0 5%}.brand-word{font-size:26px}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;padding:24px 6%;background:#12192a;flex-direction:column;gap:23px;border-bottom:1px solid #485066}.nav-links.is-open{display:flex}.saved-button{margin-left:auto;margin-right:13px;padding:9px}.saved-button>span:not(.saved-count){display:none}.mobile-menu{display:flex;flex-direction:column;gap:4px;background:transparent;border:0;padding:10px}.mobile-menu span{width:21px;height:2px;background:#eee}.hero{height:675px}.hero-content{padding:125px 6% 0}.hero h1{font-size:clamp(42px,9vw,61px)}.hero-description{font-size:14px}.hero-sun{right:-18%;top:80px;width:255px;height:255px}.city{width:100%;opacity:.7}.hero-side{display:none}.hero-caption{margin-top:42px;font-size:8px}.hero-bottom{left:6%;right:6%}.hero-bottom span:last-child{display:none}.strip{padding:22px 6%}.strip-jp{display:none}.section-pad{padding:75px 6%}.section-heading{display:block}.section-heading>p{margin:15px 0 0}.mood-grid{grid-template-columns:repeat(2,1fr)}.mood-grid .mood-tile:last-child{grid-column:auto}.mood-tile{min-height:155px;padding:18px}.mood-tile strong{font-size:13px}.mood-tile small{font-size:10px}.anime-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 13px}.poster-symbol{font-size:110px}.poster-title{font-size:14px}.card-title{font-size:13px}.card-meta,.card-genre{font-size:10px}.catalog-index{display:none}.pick-art{right:-15%;opacity:.45}.pick-copy{padding:57px 8%}.journal-grid{grid-template-columns:1fr}.journal-card{padding:23px}.journal-graphic{height:105px}.footer{padding:45px 6%;flex-wrap:wrap}.footer-right{text-align:left;align-self:start;width:100%}.dialog-layout{grid-template-columns:1fr}.dialog-poster{min-height:180px;height:180px;border-radius:14px 14px 0 0}.dialog-poster .poster-symbol{top:10%;font-size:140px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:23px}}
@media(max-width:390px){.hero-actions{gap:9px}.btn{padding:14px 13px;font-size:11px;gap:8px}.filter-chips{gap:5px}.chip{padding:10px;font-size:11px}.mood-grid{gap:9px}.mood-tile{padding:15px}.poster-symbol{font-size:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}