@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{color:#f2f6f4;font-synthesis:none;--glass:#e0f4f013;--line:#e0f4f024;--mint:#9bf4dc;--accent-rgb:155,244,220;--coral:#ff806a;background:#020507;font-family:DM Sans,Hiragino Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#020507;overflow-x:hidden}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit;color:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:1px solid var(--mint);outline-offset:5px}.app{isolation:isolate;background:#020507;min-height:100vh;transition:color .8s;position:relative}.app.mood-escape{--mint:#a8ddff;--accent-rgb:168,221,255}.app.mood-quiet{--mint:#9bf4dc;--accent-rgb:155,244,220}.app.mood-warm{--mint:#ffd09f;--accent-rgb:255,208,159}.app.mood-thrill{--mint:#ff9aae;--accent-rgb:255,154,174}.app.mood-think{--mint:#c9b7ff;--accent-rgb:201,183,255}.app.mood-light{--mint:#ffdb91;--accent-rgb:255,219,145}.atmosphere{z-index:-3;width:100vw;height:100vh;position:fixed;inset:0}.noise{z-index:-2;opacity:.22;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:fixed;inset:0}.experience{min-height:100vh}.touch-ripples{z-index:116;pointer-events:none;--ripple-color:var(--accent-rgb);position:fixed;inset:0;overflow:hidden}.touch-ripple{background:radial-gradient(circle,rgba(var(--ripple-color),.32),rgba(var(--ripple-color),.08) 42%,transparent 70%);width:16px;height:16px;box-shadow:0 0 30px rgba(var(--ripple-color),.2);border-radius:50%;animation:1.2s cubic-bezier(.1,.72,.2,1) forwards water-touch;position:absolute;translate:-50% -50%}.touch-ripple:before,.touch-ripple:after{content:"";border:1px solid rgba(var(--ripple-color),.58);border-radius:50%;animation:1.15s cubic-bezier(.08,.68,.2,1) forwards water-ring;position:absolute;inset:-3px}.touch-ripple:after{opacity:.55;animation-delay:.13s}@keyframes water-touch{0%{opacity:.95;scale:.4}65%{opacity:.38}to{opacity:0;scale:17}}@keyframes water-ring{0%{opacity:.9;scale:.3}72%{opacity:.34}to{opacity:0;scale:15}}.intro{background:radial-gradient(circle,#0000 0,#0000003d 50%,#000000b3 100%);place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}.intro-orbit{aspect-ratio:1;border:1px solid #a6f5e124;border-radius:50%;width:min(70vw,650px);position:absolute;box-shadow:0 0 100px #59e7c612,inset 0 0 100px #5de0c10d}.intro-orbit:before,.intro-orbit:after{content:"";border:1px solid #d2fcf117;border-radius:50%;position:absolute;inset:12%;transform:rotate(54deg)scaleY(.42)}.intro-orbit:after{inset:26%;transform:rotate(-38deg)scaleX(.62)}.intro-orbit i{background:#b9ffe9;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 22px 8px #8effde80}.intro-orbit i:first-child{top:48%;left:6%}.intro-orbit i:nth-child(2){background:#ff8876;top:12%;right:16%;box-shadow:0 0 22px 8px #ff624f73}.intro-orbit i:nth-child(3){width:4px;height:4px;bottom:35%;right:7%}.intro-copy{text-align:center;z-index:2;position:relative}.intro-copy>p{color:#d5f5ed80;letter-spacing:.55em;margin:0 0 42px;font-size:9px}.intro h1{letter-spacing:.12em;text-shadow:0 0 45px #cdfff11f;margin:0;font-family:Noto Serif JP;font-size:clamp(35px,5vw,65px);font-weight:400;line-height:1.6}.intro h1 span{display:block}.enter-button{cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);letter-spacing:.18em;background:radial-gradient(circle at 40% 30%,#d7fff436,#68e6c60e);border:1px solid #c3ffee40;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:128px;height:128px;margin:62px auto 0;font-size:10px;display:flex;position:relative;box-shadow:0 0 65px #40e8c121,inset 0 0 35px #aeffea14}.enter-button svg{color:#b7ffe9}.enter-pulse{border:1px solid #9cfae133;border-radius:50%;animation:3s ease-out infinite pulse;position:absolute;inset:-14px}.enter-pulse:before{content:"";border:1px solid #9cfae117;border-radius:50%;animation:3s ease-out 1s infinite pulse;position:absolute;inset:-15px}.resume-last{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;cursor:pointer;background:linear-gradient(115deg,#b5ffeb17,#876fff0e);border:1px solid #baffec2e;border-radius:18px;grid-template-columns:24px 1fr 16px;align-items:center;gap:13px;width:min(330px,100vw - 40px);min-height:78px;margin:26px auto 0;padding:13px 18px;display:grid;box-shadow:0 18px 50px #0003,inset 0 0 30px #97ffe206}.resume-last>svg{width:17px;color:var(--mint)}.resume-last>svg:last-child{color:#e6faf473;width:14px}.resume-last span,.resume-last small,.resume-last strong,.resume-last em{display:block}.resume-last small{color:#a9ffe8a1;letter-spacing:.18em;font-size:9px}.resume-last strong{letter-spacing:.07em;margin-top:5px;font-family:Noto Serif JP;font-size:13px;font-weight:400}.resume-last em{color:#eafaf6a6;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-family:Noto Serif JP;font-size:11px;font-style:normal;line-height:1.5;overflow:hidden}.intro-foot{color:#e6faf547;letter-spacing:.34em;font-size:8px;position:absolute;bottom:28px}@keyframes pulse{0%{opacity:0;transform:scale(.85)}35%{opacity:1}to{opacity:0;transform:scale(1.3)}}.immersive-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e7fff914;align-items:center;height:76px;padding:0 clamp(24px,4vw,62px);display:flex;position:relative}.brand{letter-spacing:.25em;cursor:pointer;background:0 0;align-items:center;gap:11px;font-size:10px;font-weight:600;display:flex}.brand-dot{background:var(--mint);width:8px;height:8px;box-shadow:0 0 14px var(--mint);border-radius:50%;animation:2.4s ease-in-out infinite glow}@keyframes glow{50%{opacity:.35;box-shadow:0 0 26px var(--mint)}}.night-status{color:#e0f4ef52;letter-spacing:.25em;align-items:center;gap:9px;margin:auto;font-size:8px;display:flex}.night-status span{background:#72e6c8;border-radius:50%;width:4px;height:4px;box-shadow:0 0 9px #72e6c8}.night-status b{color:#e0f4ef80;font-weight:400}.immersive-header nav{gap:28px;display:flex}.immersive-header nav button{color:#e7f8f461;letter-spacing:.15em;cursor:pointer;background:0 0;padding:29px 0;font-family:Noto Serif JP;font-size:11px;position:relative}.immersive-header nav button.active{color:#eafff8}.immersive-header nav button.active:after{content:"";background:var(--mint);height:1px;box-shadow:0 0 12px var(--mint);position:absolute;bottom:0;left:0;right:0}.menu{cursor:pointer;background:0 0;display:none}.menu svg{width:19px}.page{min-height:calc(100svh - 76px);position:relative}.format-space{grid-template-columns:34% 66%;align-items:center;padding:45px clamp(35px,7vw,110px);display:grid;overflow:hidden}.format-heading{z-index:3;padding-left:2vw;position:relative}.format-heading>p{color:var(--mint);letter-spacing:.42em;margin:0 0 26px;font-size:8px;font-weight:600}.format-heading h1{letter-spacing:.09em;margin:0 0 28px;font-family:Noto Serif JP;font-size:clamp(36px,4.3vw,61px);font-weight:400;line-height:1.55}.format-heading>span{color:#e1f3ee6e;letter-spacing:.1em;font-family:Noto Serif JP;font-size:11px}.format-auto{text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(110deg,#7cffdb14,#ae8bff0d);border:1px solid #b1ffe830;border-radius:60px;grid-template-columns:24px 1fr 16px;align-items:center;gap:11px;width:min(310px,100%);margin-top:42px;padding:15px 17px;display:grid;box-shadow:0 0 38px #59f5cb0f}.format-auto>svg{width:15px;color:var(--mint)}.format-auto>svg:last-child{color:#e6f9f359;width:12px}.format-auto strong,.format-auto small{display:block}.format-auto strong{letter-spacing:.07em;font-family:Noto Serif JP;font-size:11px;font-weight:400}.format-auto small{color:#e2f5ef57;letter-spacing:.05em;margin-top:5px;font-size:7px}.format-portals{justify-content:center;align-items:center;gap:clamp(20px,4vw,70px);height:min(62vw,650px);display:flex;position:relative}.format-portals:before{content:"";background:linear-gradient(90deg,#0000,#a4ffe538,#0000);width:82%;height:1px;position:absolute;transform:rotate(-18deg)}.format-portal{aspect-ratio:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:radial-gradient(circle at 40% 32%,#dffff726,#87ffdd06 57%,#0000 70%);border:1px solid #c7ffef2e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:clamp(220px,20vw,300px);display:flex;position:relative;box-shadow:inset 0 0 70px #a1ffe509,0 0 70px #48f1c70f}.format-portal.listen{background:radial-gradient(circle at 40% 32%,#e2d6ff24,#966cff06 57%,#0000 70%);border-color:#d5c8ff2b;margin-top:120px}.format-portal:after{content:"";border:1px solid #ddfff712;border-radius:50%;position:absolute;inset:9px}.format-portal .portal-aura{pointer-events:none;background:radial-gradient(circle,#57f9ce24,#0000 66%);border-radius:50%;animation:5s ease-in-out infinite breathe;position:absolute;inset:-25%}.format-portal.listen .portal-aura{background:radial-gradient(circle,#9769ff21,#0000 66%);animation-delay:-2.2s}.format-portal>i{color:#e8fbf642;letter-spacing:.18em;font-size:8px;font-style:normal;position:absolute;top:13%}.format-portal>svg{width:28px;height:28px;color:var(--mint);filter:drop-shadow(0 0 15px #7dffdd80);margin-bottom:18px}.format-portal.listen>svg{color:#c1afff;filter:drop-shadow(0 0 15px #a37fff7a)}.format-portal strong{letter-spacing:.15em;font-family:Noto Serif JP;font-size:26px;font-weight:400}.format-portal small{color:#e5f8f26b;letter-spacing:.08em;margin-top:9px;font-size:9px}.format-portal b{letter-spacing:.17em;color:#e4f8f257;align-items:center;gap:7px;font-size:7px;font-weight:500;display:flex;position:absolute;bottom:13%}.format-portal b svg{width:11px}.format-foot{letter-spacing:.3em;color:#e1f5ef38;font-size:7px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.mood-space{grid-template-rows:1fr auto;grid-template-columns:minmax(260px,32%) 1fr;align-items:center;padding:35px clamp(35px,7vw,110px) 46px;display:grid;overflow:hidden}.question-progress{z-index:6;align-items:center;gap:7px;display:flex;position:absolute;top:25px;left:50%;translate:-50%}.question-progress>span{background:#dafaf221;width:34px;height:1px;transition:all .6s}.question-progress>span.active{background:var(--mint);box-shadow:0 0 9px #84ffde73}.question-progress small{color:#e1f6f04d;letter-spacing:.16em;margin-left:7px;font-size:7px}.mood-heading{z-index:4;padding-left:2vw}.mood-heading>p,.history-title>p{color:var(--mint);letter-spacing:.42em;margin:0 0 26px;font-size:8px;font-weight:600}.mood-heading h1{letter-spacing:.09em;margin:0 0 28px;font-family:Noto Serif JP;font-size:clamp(32px,4vw,55px);font-weight:400;line-height:1.55}.mood-heading>span{color:#e1f3ee6e;letter-spacing:.1em;font-family:Noto Serif JP;font-size:11px}.mood-constellation{z-index:3;height:min(56vw,570px);min-height:430px;position:relative}.mood-constellation svg{opacity:.24;width:100%;height:82%;position:absolute;inset:9% 0;overflow:visible}.mood-constellation path{fill:none;stroke:#a7f6e061;stroke-width:.8px;stroke-dasharray:2 8;animation:14s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-100px}}.feeling{aspect-ratio:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transform-origin:50%;background:radial-gradient(circle at 40% 35%,#e9fff81f,#aeffe904 62%);border:1px solid #d5fff321;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:145px;display:flex;position:absolute;box-shadow:inset 0 0 38px #adffe809}.feeling:after{content:"";border:1px solid #dcfff60f;border-radius:50%;position:absolute;inset:8px}.feeling-aura{opacity:.3;pointer-events:none;background:radial-gradient(circle,#63f5ce21,#0000 67%);border-radius:50%;animation:5s ease-in-out infinite breathe;position:absolute;inset:-32%}@keyframes breathe{50%{opacity:.75;transform:scale(1.18)}}.feeling i{color:#e0faf340;letter-spacing:.2em;font-size:7px;font-style:normal;position:absolute;top:19px}.feeling strong{letter-spacing:.08em;text-shadow:0 0 20px #dcfff640;font-family:Noto Serif JP;font-size:13px;font-weight:400}.feeling small{color:#e2f5ef59;letter-spacing:.06em;margin-top:7px;font-size:8px}.feeling.selected{border-color:rgba(var(--accent-rgb),.75);background:radial-gradient(circle at 40% 35%,#ffffff2e,rgba(var(--accent-rgb),.07));box-shadow:0 0 50px rgba(var(--accent-rgb),.2),inset 0 0 38px rgba(var(--accent-rgb),.09)}.feeling.selected .feeling-aura{opacity:1}.feeling.selected i{color:var(--mint);letter-spacing:.12em;font-size:6px}.feeling-0{top:35%;left:3%}.feeling-1{width:122px;top:2%;left:23%}.feeling-2{width:134px;top:45%;left:38%}.feeling-3{width:154px;top:9%;right:27%}.feeling-4{width:128px;top:42%;right:7%}.feeling-5{width:104px;top:4%;right:0}.night-question-options{z-index:3;align-content:center;gap:13px;width:min(680px,100%);height:min(52vw,520px);margin:auto;display:grid;position:relative}.night-question-options:before{content:"";border:1px solid rgba(var(--accent-rgb),.08);box-shadow:0 0 100px rgba(var(--accent-rgb),.04);pointer-events:none;border-radius:50%;position:absolute;inset:5% 12%;transform:rotate(-13deg)}.night-question-options button{text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(105deg,#dafff613,#89ffe005);border:1px solid #d0fff321;border-radius:80px;grid-template-rows:1fr 1fr;grid-template-columns:42px 1fr;align-items:end;column-gap:14px;height:92px;padding:0 28px;transition:border-color .4s,background .4s,box-shadow .4s;display:grid;position:relative;overflow:hidden}.night-question-options button:nth-child(2n){margin-left:9%}.night-question-options button:nth-child(odd){margin-right:9%}.night-question-options button.selected{border-color:rgba(var(--accent-rgb),.58);background:linear-gradient(105deg,rgba(var(--accent-rgb),.16),#9776ff0a);box-shadow:0 0 38px rgba(var(--accent-rgb),.11),inset 0 0 30px rgba(var(--accent-rgb),.05)}.night-question-options i{color:#e6faf44d;letter-spacing:.1em;border:1px solid #d2fff424;border-radius:50%;grid-row:1/3;align-self:center;place-items:center;width:34px;height:34px;font-size:7px;font-style:normal;display:grid}.night-question-options i svg{width:14px;color:var(--mint)}.night-question-options strong{letter-spacing:.08em;align-self:end;font-family:Noto Serif JP;font-size:14px;font-weight:400}.night-question-options small{color:#e4f7f15e;letter-spacing:.05em;align-self:start;margin-top:5px;font-size:8px}.option-orbit{aspect-ratio:1;border:1px solid rgba(var(--accent-rgb),.05);pointer-events:none;border-radius:50%;width:180px;animation:28s linear infinite spin;position:absolute;top:-55px;right:-45px}.shelf-options{z-index:3;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;width:min(720px,100%);height:min(52vw,520px);margin:auto;display:grid;position:relative}.shelf-options button{text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(120deg,#dafff612,#89ffe004);border:1px solid #d0fff31f;border-radius:18px;grid-template-columns:31px 1fr auto;align-items:center;gap:12px;min-height:72px;padding:12px 18px;transition:border-color .4s,background .4s,box-shadow .4s,opacity .4s;display:grid;position:relative}.shelf-options button.selected{border-color:rgba(var(--accent-rgb),.58);background:linear-gradient(120deg,rgba(var(--accent-rgb),.17),#9776ff0a);box-shadow:0 0 34px rgba(var(--accent-rgb),.1),inset 0 0 24px rgba(var(--accent-rgb),.05)}.shelf-options button:disabled{cursor:not-allowed}.shelf-options i{color:#e6faf46b;border:1px solid #d2fff421;border-radius:50%;place-items:center;width:29px;height:29px;font-size:8px;font-style:normal;display:grid}.shelf-options span{min-width:0}.shelf-options strong{letter-spacing:.07em;font-family:Noto Serif JP;font-size:13px;font-weight:400;display:block}.shelf-options small{color:#e4f7f17a;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:8px;display:block;overflow:hidden}.shelf-options em{color:#e2f8f16b;white-space:nowrap;font-size:9px;font-style:normal}.shelf-options button>svg{width:13px;color:var(--mint);position:absolute;top:10px;right:12px}.shelf-options .shelf-all{border-radius:60px;grid-column:1/-1;grid-template-columns:34px 1fr 22px;padding-inline:23px}.shelf-all>svg:first-child{width:18px;position:static}.shelf-all>svg:last-child{opacity:0;position:static}.shelf-all.selected>svg:last-child{opacity:1}.mood-controls{z-index:5;grid-column:1/-1;justify-content:center;align-items:center;gap:32px;display:flex}.question-back{color:#eafbf68c;letter-spacing:.08em;cursor:pointer;background:#dcfff709;border:1px solid #dcfff71a;border-radius:50px;justify-content:center;align-items:center;gap:10px;min-width:150px;height:52px;padding:0 18px;font-size:9px;display:flex}.question-back svg{width:14px}.current-format{text-align:left;cursor:pointer;color:#effffbcc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#dcfff70a;border:1px solid #dcfff71c;border-radius:50px;grid-template-columns:24px 1fr 18px;align-items:center;gap:9px;min-width:190px;height:52px;padding:0 16px;display:grid}.current-format>svg{width:15px;color:var(--mint)}.current-format>svg:last-child{color:#e6f9f34d;width:12px}.current-format span{letter-spacing:.08em;font-size:9px}.current-format small{color:#e4f8f24d;margin-bottom:2px;font-size:7px;display:block}.format-switch{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#02080a47;border:1px solid #e1faf31c;border-radius:50px;padding:4px;display:flex}.format-switch button{color:#e4f9f359;letter-spacing:.12em;cursor:pointer;background:0 0;border-radius:40px;justify-content:center;align-items:center;gap:7px;width:92px;padding:11px;font-size:9px;display:flex}.format-switch button.active{color:#eafff8;background:#c1ffed1c;box-shadow:inset 0 0 16px #a5ffe60d}.format-switch svg{width:14px}.begin-button{cursor:pointer;color:#e6faf557;letter-spacing:.12em;background:#dcfff70b;border:1px solid #ddfff71f;border-radius:60px;justify-content:space-between;align-items:center;gap:25px;min-width:260px;height:56px;padding:0 26px;font-size:10px;transition:all .5s;display:flex;position:relative;overflow:visible}.begin-button:disabled{cursor:default}.begin-button.ready{color:#eafff8;border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.09);box-shadow:0 0 38px rgba(var(--accent-rgb),.1),inset 0 0 25px rgba(var(--accent-rgb),.05)}.begin-button svg{width:16px}.begin-ring{border:1px solid #0000;border-radius:60px;position:absolute;inset:-5px}.ready .begin-ring{border-color:#81ffdc1f;animation:2.5s infinite soft-ring}@keyframes soft-ring{50%{opacity:.3;inset:-10px}}.vertical-caption{writing-mode:vertical-rl;color:#e6faf533;letter-spacing:.35em;font-size:7px;position:absolute;top:50%;right:20px}.portal{z-index:100;background:#010304;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.portal-core{aspect-ratio:1;background:radial-gradient(circle,#c4fff0,#34e8bd99 25%,#295da840 55%,#0000 70%);border-radius:50%;width:90px;box-shadow:0 0 100px #60ffd8a6}.portal-warm .portal-core{background:radial-gradient(circle,#fff4dc,#ffbf7cb8 25%,#9d4c2a47 55%,#0000 70%);box-shadow:0 0 110px #ffaf688f}.portal-light .portal-core{filter:hue-rotate(145deg)}.portal-thrill .portal-core{filter:hue-rotate(245deg)}.portal p{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.22em;text-shadow:0 1px 10px #000;background:#01050794;border:1px solid #e8fff91a;border-radius:40px;margin:0;padding:12px 18px;font-family:Noto Serif JP;font-size:11px;position:absolute;box-shadow:0 8px 35px #0000004d}.result-space{grid-template-columns:48% 52%;align-items:center;min-height:calc(100svh - 76px);padding:30px clamp(35px,7vw,105px) 100px;display:grid}.ghost-back{color:#e7f9f459;letter-spacing:.12em;cursor:pointer;z-index:5;background:0 0;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;top:30px;left:clamp(25px,4vw,60px)}.ghost-back svg{width:14px}.result-art{perspective:1200px;place-items:center;height:600px;display:grid;position:relative}.book-reveal-caption{z-index:4;color:#ebfff9d1;text-shadow:0 1px 18px #000;white-space:nowrap;margin:0;font-family:Noto Serif JP;font-size:9px;position:absolute}.book-reveal-light{z-index:0;aspect-ratio:1;background:radial-gradient(circle,#ffffffa8 0,rgba(var(--accent-rgb),.24) 24%,rgba(var(--accent-rgb),.07) 48%,transparent 70%);filter:blur(10px);mix-blend-mode:screen;pointer-events:none;border-radius:50%;width:min(42vw,560px);position:absolute}.book-halo{aspect-ratio:1;border:1px solid rgba(var(--accent-rgb),.18);width:min(34vw,470px);box-shadow:0 0 120px rgba(var(--accent-rgb),.09),inset 0 0 100px rgba(var(--accent-rgb),.035);border-radius:50%;position:absolute}.book-halo:before,.book-halo:after{content:"";border:1px dashed #c2ffee1f;border-radius:50%;position:absolute;inset:13%;transform:scaleY(.38)rotate(35deg)}.book-halo:after{inset:-9%;transform:scaleX(.56)rotate(-32deg)}.revealed-book{z-index:2;transform-style:preserve-3d;position:relative}.book-drift{transform-style:preserve-3d;will-change:transform;position:relative}.book-drift:after{content:"";z-index:-1;filter:blur(16px);background:#0000009e;border-radius:50%;width:86%;height:22px;animation:7.5s ease-in-out 3.6s infinite book-shadow-breathe;position:absolute;bottom:-46px;left:14%;transform:rotate(4deg)}@keyframes book-shadow-breathe{50%{opacity:.52;filter:blur(19px);scale:.88}}.book-object{filter:drop-shadow(12px 14px 15px #0000004d);flex:none;width:76px;height:110px;position:relative}.book-object.large{filter:drop-shadow(30px 38px 30px #00000080);width:250px;height:360px}.book-cover{z-index:2;color:var(--cover-ink,#f2f6f4);background:linear-gradient(150deg,var(--cover-b),var(--cover-a) 58%);border-radius:1px 4px 4px 1px;flex-direction:column;padding:9px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 7px 0 10px #0003,inset 1px 0 #ffffff40}.large .book-cover{padding:29px 27px}.cover-rule{opacity:.7;background:currentColor;width:18px;height:1px;margin-bottom:6px}.large .cover-rule{width:55px;margin-bottom:22px}.cover-genre{letter-spacing:.2em;opacity:.7;font-size:4px}.large .cover-genre{font-size:8px}.cover-title{writing-mode:vertical-rl;letter-spacing:.11em;height:55px;margin:9px auto 0;font-family:Noto Serif JP;font-size:8px}.large .cover-title{height:190px;margin-top:20px;font-size:23px}.cover-motif{opacity:.6;font-size:6px;position:absolute;top:48%;right:7px;transform:rotate(90deg)}.large .cover-motif{font-size:14px;right:19px}.cover-author{margin-top:auto;font-family:Noto Serif JP;font-size:4px}.large .cover-author{font-size:10px}.book-pages{z-index:1;background:repeating-linear-gradient(90deg,#d5d0c3 0,#eee9df 1px,#c4bfb5 2px);width:8px;position:absolute;top:3px;bottom:3px;right:-4px;overflow:hidden;transform:skewY(3deg)}.book-pages:after{content:"";background:linear-gradient(#0000 15%,#ffffffb3 44%,#0000 68%);animation:5.8s ease-in-out 3.8s infinite page-light;position:absolute;inset:-20% 0;translate:0 -100%}.large .book-pages{width:19px;top:7px;bottom:8px;right:-11px}@keyframes page-light{0%,28%{opacity:0;translate:0 -100%}42%{opacity:.72}64%,to{opacity:0;translate:0 100%}}.match-badge{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);letter-spacing:.14em;background:#dffff71a;border:1px solid #c8ffef40;border-radius:40px;align-items:center;gap:7px;padding:10px 15px;font-size:7px;display:flex;position:absolute;bottom:15%;right:12%;box-shadow:0 0 30px #65ffd71a}.match-badge svg{width:13px}.result-copy{max-width:515px;padding:70px 0 30px 30px}.result-number{color:var(--mint);letter-spacing:.34em;border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:14px;font-size:8px;display:flex}.result-copy h1{letter-spacing:.1em;text-shadow:0 0 35px #e0fff621;margin:32px 0 12px;font-family:Noto Serif JP;font-size:clamp(36px,4vw,57px);font-weight:400}.author{color:#e7f9f473;letter-spacing:.1em;font-size:11px}.result-copy blockquote{color:#f2fffbd1;margin:32px 0 15px;font-family:Noto Serif JP;font-size:15px}.description{color:#e2f4ef70;max-width:470px;font-size:11px;line-height:2}.entry-verdict{background:#76ffd911;border:1px solid #9dffe238;border-radius:50px;align-items:center;gap:10px;width:max-content;margin:20px 0 0;padding:10px 15px 10px 12px;display:flex;box-shadow:0 0 28px #53f3c912}.entry-verdict.listen{background:#9f7bff11;border-color:#c6b2ff3d}.entry-verdict>svg{width:17px;color:var(--mint)}.entry-verdict.listen>svg{color:#c1afff}.entry-verdict small,.entry-verdict strong{display:block}.entry-verdict small{color:#e4f7f159;letter-spacing:.08em;font-size:7px}.entry-verdict strong{letter-spacing:.1em;margin-top:2px;font-family:Noto Serif JP;font-size:11px;font-weight:400}.book-meta{color:#e2f4ef5c;flex-wrap:wrap;gap:10px 22px;margin:23px 0;font-size:9px;display:flex}.book-meta span{align-items:center;gap:7px;display:flex}.book-meta svg{width:14px}.reason-story{border:1px solid rgba(var(--accent-rgb),.15);border-left-color:rgba(var(--accent-rgb),.56);background:linear-gradient(115deg,rgba(var(--accent-rgb),.08),#02080a1f 70%);box-shadow:inset 18px 0 45px rgba(var(--accent-rgb),.03);margin:27px 0;padding:24px 25px;position:relative;overflow:hidden}.story-glow{background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.08),transparent);filter:blur(10px);pointer-events:none;width:22%;animation:9s ease-in-out 4.5s infinite story-page-turn;position:absolute;inset:-45% auto -45% -26%;rotate:13deg}@keyframes story-page-turn{0%,46%{opacity:0;left:-26%}55%{opacity:1}72%,to{opacity:0;left:118%}}.reason-title{letter-spacing:.05em;color:#f2fffbeb;border-bottom:1px solid #dafbf31a;align-items:center;gap:12px;margin:0 0 20px;padding-bottom:16px;font-family:Noto Serif JP;font-size:13px;display:flex;position:relative}.reason-title>svg{width:17px;color:var(--mint)}.reason-title small{color:var(--mint);letter-spacing:.25em;margin-bottom:5px;font-family:DM Sans;font-size:6px;display:block}.reason-paragraph{color:#e8f8f3c2;letter-spacing:.025em;perspective:500px;margin:0 0 13px;font-family:Noto Serif JP;font-size:12px;line-height:2.05;position:relative}.reason-paragraph:last-of-type{color:#f2fffbed}.reason-signals{border-top:1px solid #dafbf317;flex-wrap:wrap;gap:7px;margin-top:19px;padding-top:15px;display:flex;position:relative}.reason-signals span{color:#def6ef7a;letter-spacing:.04em;border:1px solid #c7ffef1c;border-radius:30px;padding:6px 9px;font-size:7px}.reason-paragraph>span{transform-origin:0;display:block}.recommendation-feedback{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin:-8px 0 18px;padding:13px 0;display:flex}.recommendation-feedback>p{letter-spacing:.06em;margin:0;font-family:Noto Serif JP;font-size:10px}.recommendation-feedback small{color:#e0f4ee57;margin-top:5px;font-family:Inter,sans-serif;font-size:7px;display:block}.recommendation-feedback>div{gap:7px;display:flex}.recommendation-feedback button{color:#e6f9f38c;cursor:pointer;background:#dcfff709;border:1px solid #dcfff71f;border-radius:50px;align-items:center;gap:6px;padding:9px 12px;font-size:8px;transition:all .25s;display:flex}.recommendation-feedback button:hover,.recommendation-feedback button.selected{color:var(--mint);background:#6fffd81a;border-color:#81ffdc8c;box-shadow:0 0 20px #55f5cb14}.recommendation-feedback svg{width:12px;height:12px}.result-actions{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.result-actions a{letter-spacing:.08em;background:#6fffd817;border:1px solid #98ffe259;border-radius:50px;justify-content:space-between;align-items:center;gap:13px;min-width:220px;height:52px;padding:0 20px;font-size:10px;text-decoration:none;display:flex;box-shadow:0 0 32px #55f5cb17}.result-actions a.alternative-store{min-width:190px;box-shadow:none;color:#ebfbf7b8;background:#dcfff706;border-color:#dcfff729}.result-actions svg{width:16px}.result-actions button{color:#e6f9f361;cursor:pointer;background:0 0;align-items:center;gap:7px;font-size:9px;display:flex}.result-actions button svg{width:13px}.result-actions button:disabled{opacity:.45;cursor:default}.after-reading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 0;display:flex;position:absolute;bottom:24px;left:8%;right:8%}.after-reading>p{letter-spacing:.1em;color:#e8faf58c;font-family:Noto Serif JP;font-size:11px}.after-reading>div{gap:8px;display:flex}.after-reading button{cursor:pointer;background:#dcfff709;border:1px solid #dcfff71a;align-items:center;gap:6px;padding:10px 13px;font-size:8px;display:flex}.after-reading button:hover{border-color:var(--mint)}.after-reading svg{width:13px}.return-checkin{z-index:115;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#010507d6;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow:hidden}.return-checkin-card{overscroll-behavior:contain;background:linear-gradient(145deg,#142526f7,#050c0ff7);border:1px solid #b2ffe933;width:min(720px,94vw);max-height:calc(100svh - 56px);padding:42px 44px 38px;position:relative;overflow-y:auto;box-shadow:0 35px 120px #0000009e,inset 0 0 70px #71ffda06}.return-checkin-card:before{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #8fffe012;border-radius:50%;width:320px;position:absolute;top:-180px;right:-80px}.checkin-later{color:#ebfaf6a3;cursor:pointer;z-index:2;background:0 0;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex;position:absolute;top:20px;right:20px}.checkin-later svg{width:14px}.checkin-overline{color:var(--mint);letter-spacing:.28em;margin:0 0 31px;font-size:10px;font-weight:600}.checkin-content h2{letter-spacing:.07em;margin:0;font-family:Noto Serif JP;font-size:clamp(26px,4vw,36px);font-weight:400;line-height:1.55}.checkin-book{color:#e9f9f4ad;margin:15px 0 27px;font-family:Noto Serif JP;font-size:13px;line-height:1.8}.checkin-back{color:#ebfbf7a6;cursor:pointer;background:0 0;align-items:center;gap:8px;margin:0 0 18px;padding:7px 0;font-size:11px;display:flex}.checkin-back svg{width:14px}.checkin-options{gap:9px;display:grid}.checkin-options.outcomes{grid-template-columns:1fr 1fr}.checkin-options button{text-align:left;cursor:pointer;background:#dcfff709;border:1px solid #d3fff421;justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:13px 17px;transition:all .3s;display:flex}.checkin-options button:hover{background:#7affd814;border-color:#91ffe080;transform:translate(3px)}.checkin-options button>span,.checkin-options strong,.checkin-options small{display:block}.checkin-options strong{font-family:Noto Serif JP;font-size:13px;font-weight:400;line-height:1.55}.checkin-options small{color:#e5f8f294;margin-top:5px;font-size:10px;line-height:1.5}.checkin-options button>svg{color:#b0ffe99e;flex:none;width:15px}.checkin-options.disposition button:first-child{background:#7affd812;border-color:#91ffe059}.onboarding{z-index:90;background:radial-gradient(circle at 72% 42%,#25746333,#0000 35%),radial-gradient(circle at 18% 80%,#4f348121,#0000 34%),#010608;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow:hidden}.onboarding:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0 48%,#9fffe509 48.1% 48.25%,#0000 48.35%),repeating-radial-gradient(circle at 68% 44%,#0000 0 62px,#9fffe506 63px,#0000 64px 126px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.onboarding:after{content:"";opacity:.16;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:70px 70px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.setup-orbit{aspect-ratio:1;pointer-events:none;border:1px solid #aaffe814;border-radius:50%;width:min(95vmax,1120px);animation:55s linear infinite spin;position:absolute;top:50%;right:-14vmax;translate:0 -50%}.setup-orbit:before,.setup-orbit:after,.setup-orbit>i{content:"";border:1px solid #aaffe812;border-radius:50%;position:absolute}.setup-orbit:before{border-style:dashed;inset:13%;transform:scaleY(.46)rotate(28deg)}.setup-orbit:after{inset:29%;box-shadow:0 0 90px #48f3c70f}.setup-orbit>i:first-child{aspect-ratio:1;background:var(--mint);width:8px;box-shadow:0 0 20px var(--mint);border:0;top:14%;left:28%}.setup-orbit>i:nth-child(2){inset:7% 22%;transform:rotate(-42deg)}.setup-orbit>i:nth-child(3){inset:23% 5%;transform:rotate(17deg)}@keyframes spin{to{transform:rotate(360deg)}}.setup-card{z-index:2;width:min(1180px,100vw - 56px);min-height:min(690px,100svh - 56px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(250px,.78fr) minmax(420px,1.22fr);column-gap:clamp(42px,7vw,105px);padding:34px clamp(22px,4vw,64px) 30px;display:grid;position:relative}.setup-progress{border-bottom:1px solid #cafff11a;grid-column:1/-1;justify-content:space-between;padding-bottom:28px;display:flex;color:var(--mint)!important;letter-spacing:.42em!important;margin:0!important;font-size:10px!important}.setup-progress span{color:#e7f9f470;letter-spacing:.24em}.setup-copy{grid-area:2/1;align-self:center}.setup-copy>p{color:var(--mint);letter-spacing:.38em;margin:0 0 24px;font-size:10px;font-weight:600}.setup-copy h2{letter-spacing:.08em;margin:0 0 25px;font-family:Noto Serif JP;font-size:clamp(32px,4vw,53px);font-weight:400;line-height:1.58}.setup-copy>span{color:#e8f9f4a3;letter-spacing:.04em;max-width:380px;font-family:Noto Serif JP;font-size:13px;line-height:2;display:block}.setup-stage{grid-area:2/2;align-self:center;min-width:0}.setup-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.setup-grid button,.setup-stack button{color:#effffb;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(120deg,#d8fff611,#6cffd803);border:1px solid #cdfff221;transition:border-color .35s,background .35s,box-shadow .35s;position:relative;overflow:hidden}.setup-grid button{text-align:left;border-radius:17px;grid-template-columns:31px 1fr 18px;align-items:center;gap:12px;min-height:82px;padding:13px 16px;display:grid}.setup-grid button>i{color:#e5faf475;border:1px solid #d2fff421;border-radius:50%;place-items:center;width:29px;height:29px;font-size:8px;font-style:normal;display:grid}.setup-grid button>span{min-width:0}.setup-grid strong,.setup-grid small{display:block}.setup-grid strong{letter-spacing:.06em;font-family:Noto Serif JP;font-size:14px;font-weight:400}.setup-grid small{color:#e5f8f28c;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:10px;overflow:hidden}.setup-grid svg{opacity:0;width:15px}.setup-grid button.selected,.setup-stack button.selected{background:linear-gradient(120deg,#68ffd629,#664eb80d);border-color:#8effe09e;box-shadow:0 0 38px #4ef5c81a,inset 0 0 28px #5fffd60b}.setup-grid button.selected svg{opacity:1;color:var(--mint)}.setup-stack{gap:13px;width:min(560px,100%);margin:auto;display:grid}.setup-stack button{text-align:left;border-radius:60px;grid-template-columns:36px 1fr 18px;align-items:center;gap:18px;min-height:105px;padding:17px 24px;display:grid}.setup-stack em{color:#e5faf47a;letter-spacing:.15em;font-size:10px;font-style:normal}.setup-stack strong,.setup-stack small{display:block}.setup-stack strong{letter-spacing:.08em;font-family:Noto Serif JP;font-size:17px;font-weight:400}.setup-stack small{color:#e5f8f28c;margin-top:7px;font-size:11px}.setup-stack i{border:1px solid #dcfff64d;border-radius:50%;width:15px;height:15px}.setup-stack .selected i{background:var(--mint);box-shadow:0 0 16px var(--mint);border-color:var(--mint)}.setup-complete{place-items:center;height:440px;display:grid;position:relative}.setup-complete>i{aspect-ratio:1;border:1px solid #aaffe81a;border-radius:50%;width:330px;animation:5s ease-in-out infinite breathe;position:absolute}.setup-complete>i:nth-of-type(2){border-style:dashed;width:245px;animation-delay:-2s}.setup-moon{z-index:2;width:135px;height:135px;color:var(--mint);background:radial-gradient(circle,#85ffde29,#85ffde06 60%);border:1px solid #b4ffea4d;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 90px #4ff6c92e,inset 0 0 38px #a7ffe714}.setup-moon svg{width:42px}.setup-complete>p{color:#e5faf485;letter-spacing:.35em;margin:0;font-size:10px;position:absolute;bottom:32px}.setup-actions{border-top:1px solid #cafff11a;grid-area:3/1/auto/-1;justify-content:space-between;align-items:center;padding-top:28px;display:flex}.setup-actions button{letter-spacing:.1em;color:#ebfbf7a6;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;min-height:50px;padding:0 18px;font-size:11px;display:flex}.setup-actions button:last-child{color:#f1fffb;background:#65ffd61a;border:1px solid #8fffe07a;border-radius:50px;justify-content:center;min-width:190px;box-shadow:0 0 35px #4df5c814}.setup-actions button:disabled{opacity:.34;cursor:default}.setup-actions svg{width:15px}@media (width>=781px) and (width<=1024px){.setup-card{grid-template-columns:minmax(255px,.85fr) minmax(405px,1.15fr);column-gap:34px;padding-inline:36px}.setup-copy h2{font-size:36px}.setup-copy>span{font-size:12px}.setup-grid button{grid-template-columns:27px 1fr 14px;gap:9px;padding-inline:13px}.setup-grid button>i{width:26px;height:26px}.setup-grid strong{font-size:13px}.setup-grid small{font-size:9px}}.account-space{grid-template-columns:minmax(300px,.9fr) minmax(460px,1.1fr);align-items:center;gap:clamp(45px,8vw,120px);padding:82px clamp(34px,8vw,120px) 90px;display:grid;overflow:hidden}.account-orbit{aspect-ratio:1;pointer-events:none;border:1px solid #89ffdd14;border-radius:50%;place-items:center;width:min(62vw,780px);display:grid;position:absolute;top:50%;left:-20%;translate:0 -47%}.account-orbit:before,.account-orbit:after,.account-orbit>i{content:"";border:1px solid #89ffdd13;border-radius:50%;animation:42s linear infinite spin;position:absolute;inset:13%}.account-orbit:after{border-style:dashed;animation-duration:29s;animation-direction:reverse;inset:28%}.account-orbit>i:first-child{aspect-ratio:1;background:var(--mint);width:7px;box-shadow:0 0 18px var(--mint);border:0;inset:9% 28% auto auto}.account-orbit>i:nth-child(2){inset:6% 19%;transform:rotate(34deg)}.account-orbit>i:nth-child(3){inset:21% 4%;transform:rotate(-18deg)}.account-orbit>svg{color:#91ffe038;filter:drop-shadow(0 0 35px #75ffd933);width:72px;height:72px}.account-intro{z-index:2;position:relative}.account-intro>p{color:var(--mint);letter-spacing:.4em;margin:0 0 30px;font-size:10px}.account-intro h1{letter-spacing:.07em;margin:0 0 28px;font-family:Noto Serif JP;font-size:clamp(34px,4.2vw,58px);font-weight:400;line-height:1.58}.account-intro>span{color:#e7f9f4ab;max-width:500px;font-family:Noto Serif JP;font-size:14px;line-height:2.1;display:block}.account-panel{z-index:3;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#d2fff511,#46a18b04);border:1px solid #aaffe824;border-radius:30px;min-height:470px;padding:clamp(27px,4vw,48px);position:relative;box-shadow:0 30px 95px #00000047,inset 0 0 65px #75ffda06}.account-coming,.magic-link-sent{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:370px;display:flex}.account-coming>svg{width:44px;height:44px;color:var(--mint);opacity:.7}.account-coming p,.magic-link-sent>p{letter-spacing:.05em;margin:24px 0 11px;font-family:Noto Serif JP;font-size:22px}.account-coming span,.magic-link-sent small{color:#e8f9f499;max-width:390px;font-size:13px;line-height:1.9}.magic-link-form{flex-direction:column;min-height:370px;display:flex}.magic-link-form>svg{width:35px;height:35px;color:var(--mint);margin-bottom:25px}.magic-link-form>p{margin:0 0 27px}.magic-link-form>p strong,.magic-link-form>p span{display:block}.magic-link-form>p strong{letter-spacing:.05em;font-family:Noto Serif JP;font-size:22px;font-weight:400}.magic-link-form>p span{color:#e6f8f39e;margin-top:13px;font-size:13px;line-height:1.85}.magic-link-form label>span{color:#e7faf494;letter-spacing:.12em;margin-bottom:9px;font-size:10px;display:block}.magic-link-form input{color:#effffb;width:100%;height:58px;font:inherit;background:#020b0c7a;border:1px solid #abffe833;border-radius:13px;outline:0;padding:0 18px;font-size:15px;transition:border-color .3s,box-shadow .3s}.magic-link-form input:focus{border-color:#8bffe0a3;box-shadow:0 0 32px #5cf6cc1a}.magic-link-form>button{color:#effffb;letter-spacing:.09em;cursor:pointer;background:#5bfacf1a;border:1px solid #90ffe180;border-radius:50px;justify-content:center;align-items:center;gap:13px;height:58px;margin-top:14px;font-size:12px;display:flex}.magic-link-form>button:disabled{opacity:.5}.magic-link-form>button svg{width:17px}.magic-link-form>em{color:#ffc7bf;margin-top:13px;font-size:12px;font-style:normal;line-height:1.65}.magic-link-sent>span{width:92px;height:92px;color:var(--mint);border:1px solid #8effe05c;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 48px #53f3c921}.magic-link-sent>span svg{width:31px}.magic-link-sent>strong{color:var(--mint);margin-bottom:16px;font-size:13px;font-weight:400}.magic-link-sent>button{color:#e8f9f49e;cursor:pointer;background:0 0;border:0;margin-top:23px;font-size:11px;text-decoration:underline}.cloud-status{border-bottom:1px solid #b9ffec1a;align-items:center;gap:17px;padding-bottom:24px;display:flex}.cloud-status>svg{width:28px;color:var(--mint);filter:drop-shadow(0 0 11px #6fffda59)}.cloud-status>span{min-width:0}.cloud-status small,.cloud-status strong,.cloud-status em{display:block}.cloud-status small{letter-spacing:.25em;color:#e6f9f473;font-size:8px}.cloud-status strong{color:#edfff9;text-overflow:ellipsis;margin:7px 0 5px;font-size:13px;font-weight:400;overflow:hidden}.cloud-status em{color:#e4f8f291;font-size:10px;font-style:normal}.cloud-status.saving>svg{animation:1.5s ease-in-out infinite breathe}.cloud-status.error>svg{color:#ffd2c7}.delivery-preferences{margin-top:26px}.delivery-preferences>p{align-items:center;gap:13px;margin:0 0 18px;display:flex}.delivery-preferences>p>svg{width:21px;color:var(--mint)}.delivery-preferences>p small,.delivery-preferences>p strong{display:block}.delivery-preferences>p small{letter-spacing:.2em;color:#e7f8f36b;font-size:8px}.delivery-preferences>p strong{margin-top:5px;font-family:Noto Serif JP;font-size:16px;font-weight:400}.delivery-preferences>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.delivery-preferences>div button{color:#effffb;text-align:left;cursor:pointer;background:#d9fff706;border:1px solid #b8ffec1f;border-radius:13px;grid-template-columns:24px 1fr 15px;align-items:center;gap:8px;min-height:65px;padding:10px 11px;display:grid}.delivery-preferences>div button>i{color:#e7faf473;border:1px solid #cefff326;border-radius:50%;place-items:center;width:24px;height:24px;font-size:7px;font-style:normal;display:grid}.delivery-preferences>div button strong,.delivery-preferences>div button small{display:block}.delivery-preferences>div button strong{font-family:Noto Serif JP;font-size:11px;font-weight:400}.delivery-preferences>div button small{color:#e7f8f378;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:8px;overflow:hidden}.delivery-preferences>div button>svg{opacity:0;width:13px}.delivery-preferences>div button.selected{background:#66ffd61a;border-color:#8bffe08c;box-shadow:0 0 23px #53f3c912}.delivery-preferences>div button.selected>svg{opacity:1;color:var(--mint)}.delivery-note{color:#e5f8f282;margin-top:15px;font-size:10px;line-height:1.65;display:block}.sign-out{color:#e7f9f47a;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:21px auto 0;font-size:10px;display:flex}.sign-out svg{width:14px}.shelf-invitation{color:#effffb;text-align:left;cursor:pointer;background:linear-gradient(120deg,#67ffd61a,#6d4cb80a);border:1px solid #8effe045;border-radius:18px;grid-template-columns:35px 1fr 20px;align-items:center;gap:15px;width:100%;margin:22px 0 8px;padding:20px 22px;display:grid;box-shadow:inset 0 0 28px #67ffd609}.shelf-invitation>svg{width:26px;color:var(--mint)}.shelf-invitation>span>*{display:block}.shelf-invitation small{letter-spacing:.18em;color:#b0ffe9a3;font-size:8px}.shelf-invitation strong{margin:7px 0;font-family:Noto Serif JP;font-size:15px;font-weight:400}.shelf-invitation em{color:#e7f9f491;font-size:10px;font-style:normal;line-height:1.55}.shelf-invitation>svg:last-child{color:#e6f9f37a;width:16px}.favorite-shelf{border-bottom:1px solid #b9ffec1a;margin-bottom:27px;padding-bottom:27px}.favorite-shelf-heading{grid-template-columns:30px 1fr 30px;align-items:center;gap:13px;display:grid}.favorite-shelf-heading>svg{width:22px;color:var(--mint);filter:drop-shadow(0 0 12px #6fffda4d)}.favorite-shelf-heading small,.favorite-shelf-heading strong{display:block}.favorite-shelf-heading small{color:#e6f9f473;letter-spacing:.22em;font-size:8px}.favorite-shelf-heading strong{margin-top:5px;font-family:Noto Serif JP;font-size:16px;font-weight:400}.favorite-shelf-heading>b{width:29px;height:29px;color:var(--mint);border:1px solid #91ffe033;border-radius:50%;place-items:center;font-size:10px;font-weight:400;display:grid}.favorite-empty{color:#e7f9f48c;border:1px dashed #b7ffec1f;border-radius:14px;margin:18px 0 0;padding:17px;font-size:11px;line-height:1.8}.favorite-books{gap:8px;margin-top:18px;display:grid}.favorite-books article{background:#d8fff606;border:1px solid #b9ffec1f;border-radius:16px;position:relative;overflow:hidden}.favorite-open{color:#effffb;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:54px 1fr 15px;align-items:center;gap:14px;width:100%;min-height:96px;padding:11px 44px 11px 12px;display:grid}.favorite-open>svg{color:#e0f8f173;width:15px}.favorite-cover{background:linear-gradient(145deg,var(--favorite-b),var(--favorite-a));border-radius:2px 6px 6px 2px;flex-direction:column;width:54px;height:74px;padding:7px 6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 5px 0 8px #0003,7px 9px 20px #00000038}.favorite-cover:after{content:"";background:linear-gradient(125deg,#ffffff2e,#0000 35%);position:absolute;inset:0}.favorite-cover small{letter-spacing:.08em;opacity:.75;font-size:4px}.favorite-cover strong{z-index:1;margin:auto;font-family:Noto Serif JP;font-size:7px;font-weight:400;line-height:1.5;position:relative}.favorite-cover i{opacity:.55;text-align:right;font-size:5px;font-style:normal}.favorite-copy{min-width:0}.favorite-copy>small{color:var(--mint);align-items:center;gap:6px;font-size:9px;display:flex}.favorite-copy>small svg{width:12px}.favorite-copy>strong,.favorite-copy>em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.favorite-copy>strong{margin-top:9px;font-family:Noto Serif JP;font-size:14px;font-weight:400}.favorite-copy>em{color:#e7f9f48a;margin-top:6px;font-size:10px;font-style:normal}.favorite-remove{color:#e7f9f466;cursor:pointer;background:#02090a73;border:1px solid #ddfff717;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:9px;right:9px}.favorite-remove:hover{color:#ffc0b7;border-color:#ff9b8e4d}.favorite-remove svg{width:12px}@media (width>=781px) and (width<=1024px){.night-status{display:none}.account-space{grid-template-columns:minmax(285px,.82fr) minmax(0,1.18fr);gap:28px;padding:78px 30px 65px}.account-intro h1{font-size:34px}.account-intro>span{font-size:12px}.account-panel{min-width:0;padding:29px}.account-coming p{font-size:19px}.account-coming span{font-size:11px}.delivery-preferences>div{grid-template-columns:1fr}.delivery-preferences>div button{min-height:58px}.favorite-open{grid-template-columns:48px 1fr 13px}.favorite-cover{width:48px;height:67px}}.history-space{padding:45px clamp(30px,8vw,120px) 100px}.history-title{text-align:center;padding:70px 0 55px}.history-title h1{letter-spacing:.1em;margin:0 0 18px;font-family:Noto Serif JP;font-size:clamp(35px,5vw,55px);font-weight:400}.history-title>span{color:#e0f4ef66;letter-spacing:.08em;font-size:10px}.empty{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#dffff705;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:340px;display:flex}.empty>svg{color:var(--mint)}.empty h2{font-family:Noto Serif JP;font-size:17px;font-weight:400}.empty button{color:var(--mint);cursor:pointer;background:0 0;align-items:center;gap:8px;font-size:9px;display:flex}.empty button svg{width:14px}.history-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.history-cards article{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#dffff706;align-items:center;gap:24px;padding:22px;display:flex}.history-cards small{color:var(--mint);font-size:8px}.history-cards h2{margin:7px 0;font-family:Noto Serif JP;font-size:17px;font-weight:400}.toast{z-index:120;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);letter-spacing:.08em;white-space:nowrap;background:#081212c7;border:1px solid #adffe840;border-radius:40px;align-items:center;gap:10px;padding:13px 20px;font-size:9px;display:flex;position:fixed;bottom:28px;left:50%;translate:-50%}.toast span{background:var(--mint);width:5px;height:5px;box-shadow:0 0 10px var(--mint);border-radius:50%}.affiliate-disclosure{color:#e1f4ef47;letter-spacing:.05em;text-align:center;border-top:1px solid #e0f4f012;padding:14px 20px 18px;font-size:8px}@media (prefers-reduced-motion:reduce){.touch-ripple{display:none}.book-drift:after,.book-pages:after,.story-glow{animation:none}}.intro-copy>p{color:#e0f8f2ad;font-size:11px}.intro-foot{color:#e6faf57a;font-size:9px}.enter-button{font-size:12px}.brand{font-size:11px}.night-status{color:#e0f4ef85;font-size:10px}.immersive-header nav button{color:#e7f8f49e;font-size:12px}.format-heading>p,.mood-heading>p,.history-title>p{font-size:10px}.format-heading>span,.mood-heading>span{color:#e7f9f4ad;font-size:13px;line-height:1.9}.format-auto strong{font-size:13px}.format-auto small{color:#e6f8f3a3;font-size:11px;line-height:1.5}.format-portal>i{color:#ecfdf98c;font-size:10px}.format-portal small{color:#ebfbf7ad;font-size:12px}.format-portal b{color:#ebfbf794;font-size:10px}.format-foot{color:#e6f9f47a;font-size:9px}.question-progress small{color:#e7f9f494;font-size:10px}.feeling i{color:#e6fbf58c;font-size:9px}.feeling strong{font-size:14px}.feeling small{color:#e8f9f49e;font-size:10px;line-height:1.45}.feeling.selected i{font-size:9px}.night-question-options i{color:#ecfcf894;font-size:10px}.night-question-options strong{font-size:15px}.night-question-options small{color:#e9faf5a6;font-size:11px}.question-back{color:#f0fdf9b8;font-size:11px}.current-format span{font-size:11px}.current-format small{color:#e8faf594;font-size:9px}.begin-button{font-size:12px}.portal p{font-size:13px}.shelf-options strong{font-size:14px}.shelf-options small{color:#e9faf5a3;font-size:10px}.shelf-options em{color:#e9faf594;font-size:10px}.ghost-back{color:#ecfbf7ad;font-size:11px}.book-reveal-caption{font-size:11px}.match-badge{font-size:9px}.result-number{font-size:10px}.result-number span{color:#ebfbf78f}.author{color:#ebfaf6ad;font-size:13px}.result-copy blockquote{font-size:17px;line-height:1.9}.description{color:#e7f8f3b8;font-size:13px;line-height:2.05}.entry-verdict small{color:#eafaf5a3;font-size:10px}.entry-verdict strong{font-size:13px}.book-meta{color:#e8f8f39e;font-size:11px;line-height:1.6}.reason-title{font-size:15px}.reason-title small{font-size:9px}.reason-paragraph{font-size:14px;line-height:2.15}.reason-signals span{color:#e6f8f3a3;font-size:10px}.recommendation-feedback>p{font-size:12px}.recommendation-feedback small{color:#e7f8f399;font-size:10px;line-height:1.5}.recommendation-feedback button{color:#ecfbf7b8;min-height:42px;font-size:11px}.result-actions a{font-size:12px}.result-actions button{color:#ebfaf6a6;min-height:42px;font-size:11px}.after-reading>p{color:#eefcf8b8;font-size:13px}.after-reading button{min-height:42px;font-size:11px}.setup-progress{font-size:10px!important}.setup-progress span{color:#ebfaf694}.setup-card>p:not(.setup-progress){color:#e9f9f4a6;font-size:12px;line-height:1.7}.setup-grid button,.setup-stack button{font-size:13px}.setup-stack strong{font-size:14px}.setup-stack small{color:#e8f9f49e;font-size:11px}.setup-actions button{color:#ecfbf7ad;font-size:11px}.history-title>span{color:#e8f9f4a6;font-size:12px;line-height:1.7}.empty button{font-size:11px}.history-cards small{font-size:10px}.history-cards p{color:#e8f9f49e;font-size:11px}.toast{font-size:11px}.affiliate-disclosure{color:#e8f8f385;font-size:10px;line-height:1.6}@media (width>=781px){.mood-space{grid-template-columns:minmax(320px,38%) minmax(0,1fr);column-gap:clamp(10px,2vw,30px)}.mood-heading{padding-left:1vw}.mood-heading h1{letter-spacing:.07em;white-space:nowrap;font-size:clamp(32px,3vw,46px)}.mood-constellation{min-width:0}.feeling{width:150px;padding:24px 12px 13px}.feeling i{top:18px}.feeling strong{white-space:nowrap;font-size:14px;line-height:1.5}.feeling small{white-space:nowrap;font-size:10px;line-height:1.45}.feeling-0{width:150px}.feeling-1{width:142px}.feeling-2{width:146px}.feeling-3{width:158px}.feeling-4{width:146px}.feeling-5{width:142px}}@media (width>=781px) and (width<=1000px){.mood-space{padding:55px 45px 65px;display:block;overflow:hidden}.question-progress{justify-content:center;margin-bottom:42px;position:relative;top:auto;left:auto;translate:none}.mood-heading{text-align:center;padding:0}.mood-heading h1{margin-bottom:20px;font-size:38px;line-height:1.55}.mood-heading>p{margin-bottom:18px}.mood-constellation{max-width:720px;height:560px;min-height:0;margin:14px auto 0}.mood-constellation svg{display:none}.feeling-0{top:8%;left:5%;right:auto}.feeling-1{top:2%;left:auto;right:6%}.feeling-2{top:25%;left:40%;right:auto}.feeling-3{top:48%;left:8%;right:auto}.feeling-4{top:46%;left:auto;right:7%}.feeling-5{top:68%;left:41%;right:auto}}@media (width<=780px){.immersive-header{height:64px;padding:0 20px}.night-status{display:none}.menu{margin-left:auto;display:block}.immersive-header nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#02080aeb;padding:14px 22px;display:none;position:absolute;top:64px;left:0;right:0}.immersive-header nav.open{display:flex}.immersive-header nav button{padding:12px 0}.immersive-header nav button.active:after{display:none}.intro-orbit{width:135vw}.intro-copy>p{margin-bottom:30px}.intro h1{font-size:34px;line-height:1.7}.enter-button{width:110px;height:110px;margin-top:45px}.intro-copy:has(.resume-last) .enter-button{margin-top:34px}.resume-last{min-height:82px;margin-top:22px}.format-space{padding:48px 20px 45px;display:block;overflow:hidden}.format-heading{text-align:center;padding:0}.format-heading>p{margin-bottom:18px}.format-heading h1{margin-bottom:17px;font-size:36px}.format-heading>span{font-size:9px}.format-auto{text-align:left;margin:25px auto 0}.format-portals{height:560px;margin-top:0;display:block}.format-portals:before{width:120%;top:50%;left:-10%;transform:rotate(-54deg)}.format-portal{width:220px;position:absolute}.format-portal.read{top:25px;left:-8px}.format-portal.listen{margin:0;bottom:20px;right:-8px}.format-portal strong{font-size:23px}.format-foot{text-align:center;width:100%;bottom:19px}.page{min-height:calc(100svh - 64px)}.mood-space{padding:58px 20px 125px;display:block;overflow:hidden}.question-progress{justify-content:center;margin-bottom:27px;position:relative;top:auto;left:auto;translate:none}.mood-heading{text-align:center;padding:0}.mood-heading>p{margin-bottom:18px}.mood-heading h1{margin-bottom:18px;font-size:32px;line-height:1.55}.mood-heading>span{font-size:9px}.mood-constellation{height:470px;min-height:0;margin:10px 0 0}.mood-constellation svg{display:none}.feeling{width:120px}.feeling-0{top:9%;left:2%}.feeling-1{width:106px;top:1%;left:auto;right:2%}.feeling-2{width:118px;top:26%;left:31%}.feeling-3{width:128px;top:46%;left:0;right:auto}.feeling-4{width:112px;top:44%;right:2%}.feeling-5{width:103px;top:67%;left:35%;right:auto}.night-question-options{gap:10px;height:auto;margin:55px 0 25px}.night-question-options:before{inset:-8% 2%}.night-question-options button{grid-template-columns:38px 1fr;height:82px;padding:0 18px}.night-question-options button:nth-child(n){margin-left:0;margin-right:0}.night-question-options i{width:31px;height:31px}.shelf-options{gap:8px;height:auto;margin:34px 0 20px}.shelf-options button{border-radius:14px;grid-template-columns:24px 1fr;gap:8px;min-height:72px;padding:10px 12px}.shelf-options i{width:24px;height:24px;font-size:7px}.shelf-options strong{font-size:11px}.shelf-options small{white-space:normal;font-size:8px;line-height:1.45}.shelf-options em{display:none}.shelf-options .shelf-all{grid-template-columns:27px 1fr 17px;min-height:66px;padding-inline:17px}.shelf-options button>svg{width:11px;top:7px;right:7px}.mood-controls{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:40;background:#030b0cd4;border:1px solid #c2ffee24;border-radius:70px;grid-template-columns:minmax(125px,auto) 1fr;gap:9px;padding:9px;display:grid;position:fixed;bottom:12px;left:14px;right:14px;box-shadow:0 18px 55px #00000080,0 0 40px #4cedc412}.current-format,.question-back{width:100%;min-width:0;height:50px;margin:0}.current-format{grid-template-columns:19px 1fr 13px;padding:0 11px}.current-format span{font-size:8px}.begin-button{gap:9px;width:100%;min-width:0;height:50px;padding:0 15px}.vertical-caption{display:none}.result-space{padding:35px 20px 150px;display:block}.ghost-back{top:20px;left:20px}.result-art{height:470px;margin-top:10px;overflow:hidden}.book-object.large{width:205px;height:295px}.large .cover-title{height:150px;font-size:19px}.book-halo{width:330px}.match-badge{bottom:11%;right:2%}.result-copy{padding:10px 0}.result-copy h1{font-size:38px}.result-copy blockquote{color:#f2fffbe6;font-size:14px}.description{color:#e6f7f2a8;font-size:12px}.reason-story{margin:29px 0;padding:22px 19px}.reason-title{font-size:13px;line-height:1.7}.recommendation-feedback{flex-direction:column;align-items:flex-start}.recommendation-feedback>div{width:100%}.recommendation-feedback button{flex:1;justify-content:center}.result-actions{display:block}.result-actions a{width:100%}.result-actions a.alternative-store{margin-top:10px}.result-actions button{margin:17px auto}.after-reading{display:block;bottom:18px;left:20px;right:20px}.after-reading>div{grid-template-columns:repeat(3,1fr);display:grid}.after-reading button{justify-content:center;padding:10px 4px}.onboarding{padding:0;display:block;overflow-y:auto}.setup-orbit{width:190vw;position:fixed;right:-95vw}.setup-card{flex-direction:column;width:100%;min-height:100svh;padding:28px 20px 24px;display:flex}.setup-progress{flex:none;padding-bottom:20px}.setup-copy{text-align:center;margin-top:32px}.setup-copy>p{margin-bottom:16px}.setup-copy h2{margin-bottom:16px;font-size:31px;line-height:1.58}.setup-copy>span{max-width:340px;margin:auto;font-size:12px;line-height:1.85}.setup-stage{width:100%;margin:30px 0 24px}.setup-grid{grid-template-columns:1fr 1fr;gap:8px}.setup-grid button{grid-template-columns:25px 1fr;gap:8px;min-height:74px;padding:10px}.setup-grid button>i{width:24px;height:24px;font-size:7px}.setup-grid button>svg{width:11px;position:absolute;top:7px;right:7px}.setup-grid strong{font-size:11px}.setup-grid small{white-space:normal;font-size:8px;line-height:1.4}.setup-stack{gap:10px}.setup-stack button{grid-template-columns:28px 1fr 15px;gap:11px;min-height:85px;padding:13px 20px}.setup-complete{height:330px}.setup-complete>i{width:260px}.setup-complete>i:nth-of-type(2){width:190px}.setup-moon{width:110px;height:110px}.setup-actions{background:linear-gradient(#0000,#010608f5 22%);border:0;margin-top:auto;padding-top:18px;position:sticky;bottom:0}.setup-actions button:last-child{min-width:150px}.return-checkin{align-items:center;padding:16px}.return-checkin-card{border-radius:22px;width:100%;height:calc(100svh - 32px);max-height:calc(100svh - 32px);padding:48px 18px 26px}.checkin-later{top:14px;right:13px}.checkin-overline{margin-bottom:24px;font-size:10px}.checkin-content h2{font-size:27px}.checkin-book{margin:13px 0 22px;font-size:13px}.checkin-options.outcomes{grid-template-columns:1fr}.checkin-options button{border-radius:11px;min-height:66px;padding:12px 14px}.checkin-options strong{font-size:14px}.checkin-options small{font-size:11px}.checkin-back{font-size:12px}.history-space{padding:35px 20px 80px}.history-title{padding:75px 0 40px}.history-cards{grid-template-columns:1fr}.history-cards article{padding:18px}.account-space{padding:68px 20px 80px;display:block;overflow:hidden}.account-space>.ghost-back{top:18px}.account-orbit{opacity:.72;width:155vw;position:absolute;top:20%;left:-72%}.account-intro{text-align:center;padding:48px 0 35px}.account-intro>p{margin-bottom:19px}.account-intro h1{margin-bottom:18px;font-size:30px;line-height:1.65}.account-intro>span{font-size:12px;line-height:1.9}.account-panel{border-radius:22px;min-height:0;padding:25px 18px}.account-coming,.magic-link-sent,.magic-link-form{min-height:390px}.magic-link-form>p strong{font-size:19px}.magic-link-form>p span{font-size:12px}.delivery-preferences>div{grid-template-columns:1fr}.delivery-preferences>div button{min-height:62px}.delivery-preferences>div button strong{font-size:12px}.delivery-preferences>div button small{font-size:9px}.shelf-invitation{grid-template-columns:28px 1fr 16px;gap:11px;padding:17px 15px}.shelf-invitation>svg{width:22px}.shelf-invitation strong{font-size:14px;line-height:1.6}.shelf-invitation em{font-size:10px}.toast{white-space:normal;text-align:left;width:max-content;max-width:calc(100vw - 32px);line-height:1.6}.format-heading>span,.mood-heading>span{font-size:12px}.format-auto strong{font-size:13px}.format-auto small{font-size:10px}.format-portal small{font-size:11px}.format-portal b,.format-foot{font-size:9px}.feeling strong{font-size:12px}.feeling small,.feeling i,.feeling.selected i{font-size:9px}.night-question-options strong{font-size:14px}.night-question-options small,.night-question-options i,.current-format span{font-size:10px}.current-format small{font-size:9px}.question-back{font-size:10px}.begin-button{font-size:11px}.result-number{font-size:10px;line-height:1.7}.author{font-size:12px}.description{font-size:14px;line-height:2.1}.entry-verdict small{font-size:10px}.entry-verdict strong{font-size:13px}.book-meta{font-size:11px}.reason-title{font-size:15px}.reason-title small{font-size:9px}.reason-paragraph{font-size:15px;line-height:2.2}.reason-signals span{font-size:10px}.recommendation-feedback>p{font-size:13px}.recommendation-feedback small{font-size:10px}.recommendation-feedback button{font-size:12px}.result-actions a{font-size:13px}.result-actions button{font-size:12px}.after-reading>p{font-size:13px}.after-reading button{font-size:11px}.setup-card>p:not(.setup-progress){font-size:12px}.setup-grid button{font-size:13px}.setup-stack strong{font-size:14px}.setup-stack small,.setup-actions button{font-size:11px}.history-title>span{font-size:12px}.history-cards p{font-size:11px}.toast{font-size:12px}.affiliate-disclosure{font-size:10px}.favorite-open{grid-template-columns:48px 1fr 12px;gap:11px;padding-right:40px}.favorite-cover{width:48px;height:67px}.favorite-copy>strong{font-size:13px}.favorite-empty{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.atmosphere{opacity:.75}}.contribution-space{grid-template-columns:minmax(340px,39%) 1fr;align-items:start;gap:clamp(35px,6vw,100px);padding:80px clamp(35px,7vw,110px) 100px;display:grid;overflow:hidden}.contribution-back{top:26px}.contribution-intro{padding:25px 0 40px;position:sticky;top:120px}.contribution-progress{align-items:center;gap:7px;margin-bottom:40px;display:flex}.contribution-progress>span{background:#e0faf321;width:42px;height:1px}.contribution-progress>span.active{background:var(--mint);box-shadow:0 0 12px rgba(var(--accent-rgb),.45)}.contribution-progress small{color:#e8faf58c;letter-spacing:.15em;margin-left:7px;font-size:10px}.contribution-intro>div>div>p,.contribution-success>p,.admin-heading>p,.admin-gate>div>p{color:var(--mint);letter-spacing:.34em;margin:0 0 23px;font-size:10px;font-weight:600}.contribution-intro h1{letter-spacing:.07em;margin:0;font-family:Noto Serif JP;font-size:clamp(35px,4vw,55px);font-weight:400;line-height:1.6}.contribution-intro h1 span{display:block}.contribution-intro em{color:#e8f9f4a8;margin-top:24px;font-family:Noto Serif JP;font-size:13px;font-style:normal;line-height:1.9;display:block}.contribution-intro blockquote{border:1px solid rgba(var(--accent-rgb),.15);background:rgba(var(--accent-rgb),.045);color:#e8f9f4ad;border-radius:16px;align-items:flex-start;gap:11px;max-width:390px;margin:46px 0 0;padding:17px 18px;font-family:Noto Serif JP;font-size:12px;line-height:1.9;display:flex}.contribution-intro blockquote svg{width:16px;color:var(--mint);flex:none}.contribution-form{width:min(720px,100%);padding:18px 0}.contribution-panel{border:1px solid rgba(var(--accent-rgb),.15);background:linear-gradient(145deg,rgba(var(--accent-rgb),.07),#03090b4d);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:610px;padding:32px;box-shadow:0 28px 90px #00000040}.contributor-kinds{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:30px;display:grid}.contributor-kinds button{text-align:left;cursor:pointer;background:#dffff706;border:1px solid #dffff71f;min-height:132px;padding:19px 14px;position:relative}.contributor-kinds button.selected{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.1);box-shadow:inset 0 0 30px rgba(var(--accent-rgb),.04)}.contributor-kinds button>svg:first-child{width:22px;color:var(--mint);margin-bottom:15px}.contributor-kinds button>svg:last-child{width:14px;color:var(--mint);position:absolute;top:13px;right:13px}.contributor-kinds strong,.contributor-kinds small{display:block}.contributor-kinds strong{font-family:Noto Serif JP;font-size:14px;font-weight:400}.contributor-kinds small{color:#e7f8f394;margin-top:7px;font-size:10px;line-height:1.6}.contribution-panel>label,.contributor-details label{margin-top:19px;display:block}.contribution-panel label>span,.field-title{color:#effdf9cc;align-items:center;gap:8px;margin:0 0 9px;font-family:Noto Serif JP;font-size:13px;line-height:1.6;display:flex}.contribution-panel label>span b{background:rgba(var(--accent-rgb),.1);color:var(--mint);border-radius:20px;padding:2px 6px;font-family:DM Sans;font-size:9px;font-weight:500}.contribution-panel label>span small,.field-title small{color:#e7f8f380;margin-left:auto;font-family:DM Sans;font-size:10px}.contribution-panel input,.contribution-panel textarea{color:#f3fcf9;resize:vertical;background:#01060861;border:1px solid #defff621;border-radius:10px;outline:0;width:100%;padding:15px 16px;font-family:Noto Serif JP;font-size:14px;line-height:1.9;transition:all .3s}.contribution-panel input:focus,.contribution-panel textarea:focus{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 30px rgba(var(--accent-rgb),.07)}.contribution-panel input::placeholder,.contribution-panel textarea::placeholder{color:#e6f7f259}.catalog-match{border:1px solid rgba(var(--accent-rgb),.18);background:rgba(var(--accent-rgb),.065);color:#effdf9c2;border-radius:12px;gap:10px;margin:22px 0 0;padding:15px 16px;font-family:Noto Serif JP;font-size:12px;line-height:1.9;display:flex}.catalog-match svg{width:17px;color:var(--mint);flex:none}.field-title{margin:4px 0 13px}.submission-formats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.submission-formats button{text-align:left;cursor:pointer;background:#defff606;border:1px solid #defff61f;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;min-height:96px;padding:14px;display:flex;position:relative}.submission-formats button.selected{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.09)}.submission-formats button>svg{width:20px;color:var(--mint)}.submission-formats button>svg:last-child{width:13px;position:absolute;top:9px;right:10px}.submission-formats span{font-family:Noto Serif JP;font-size:12px;line-height:1.6}.mood-field-title{margin-top:34px}.submission-moods{grid-template-columns:1fr 1fr;gap:8px;display:grid}.submission-moods button{text-align:left;cursor:pointer;background:#defff606;border:1px solid #defff61c;border-radius:12px;grid-template-columns:28px 1fr 16px;align-items:center;gap:10px;min-height:82px;padding:12px 14px;display:grid}.submission-moods button.selected{border-color:rgba(var(--accent-rgb),.52);background:rgba(var(--accent-rgb),.09)}.submission-moods i{color:var(--mint);font-size:16px;font-style:normal}.submission-moods strong,.submission-moods small{display:block}.submission-moods strong{font-family:Noto Serif JP;font-size:13px;font-weight:400}.submission-moods small{color:#e7f8f38a;margin-top:5px;font-size:10px}.submission-moods svg{width:14px;color:var(--mint)}.words-panel{min-height:780px}.contributor-details{grid-template-columns:1fr 1fr;gap:12px;display:grid}.words-confirm{background:#defff606;border:1px solid #defff61a;border-radius:12px;align-items:flex-start;gap:11px;padding:15px;display:flex!important}.words-confirm input{appearance:none;cursor:pointer;flex:none;place-items:center;width:21px;height:21px;padding:0;display:grid}.words-confirm input:checked{background:var(--mint);border-color:var(--mint)}.words-confirm>span{color:#eafaf5b3!important;margin:0!important;font-family:Noto Serif JP!important;font-size:11px!important;line-height:1.85!important;display:block!important}.words-confirm svg{color:#07100e;width:12px;display:none}.words-confirm:has(input:checked) svg{vertical-align:middle;margin-right:5px;display:inline}.hidden-honeypot{overflow:hidden;width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important}.submission-error{color:#ffc4b9;background:#ff604c12;border:1px solid #ff806a4d;border-radius:10px;margin:16px 0 0;padding:12px 14px;font-size:12px;line-height:1.7}.contribution-actions{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.contribution-actions button{color:#ebfbf7a6;cursor:pointer;background:0 0;border-radius:50px;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-size:12px;display:flex}.contribution-actions button svg{width:15px}.contribution-actions button.primary{border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.1);color:#f2fffb;min-width:180px;box-shadow:0 0 35px rgba(var(--accent-rgb),.08);justify-content:center}.contribution-actions button:disabled{opacity:.35;cursor:default}.contribution-actions .send-book{min-width:230px}.contribution-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:70px 20px;display:flex}.delivered-orbit{border:1px solid rgba(var(--accent-rgb),.35);width:145px;height:145px;color:var(--mint);box-shadow:0 0 90px rgba(var(--accent-rgb),.12),inset 0 0 45px rgba(var(--accent-rgb),.07);border-radius:50%;place-items:center;margin-bottom:42px;display:grid;position:relative}.delivered-orbit:after{content:"";border:1px solid rgba(var(--accent-rgb),.12);border-radius:50%;animation:4s infinite pulse;position:absolute;inset:-18px}.delivered-orbit svg{width:39px}.contribution-success h1{letter-spacing:.08em;margin:0;font-family:Noto Serif JP;font-size:clamp(35px,5vw,57px);font-weight:400;line-height:1.65}.contribution-success>span{color:#e8f9f4ab;margin-top:25px;font-family:Noto Serif JP;font-size:13px;line-height:2}.contribution-success>button{border:1px solid rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.09);cursor:pointer;border-radius:50px;align-items:center;gap:12px;margin-top:38px;padding:14px 21px;display:flex}.contribution-success>button svg{width:15px}.admin-gate{text-align:center;place-items:center;padding:70px 20px;display:grid}.admin-gate>div{border:1px solid rgba(var(--accent-rgb),.16);background:linear-gradient(145deg,rgba(var(--accent-rgb),.07),#03090b73);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:min(520px,100%);padding:45px 42px;box-shadow:0 30px 100px #0006}.admin-key{border:1px solid rgba(var(--accent-rgb),.28);width:82px;height:82px;color:var(--mint);box-shadow:0 0 55px rgba(var(--accent-rgb),.08);border-radius:50%;place-items:center;margin:0 auto 28px;display:grid}.admin-key svg{width:27px}.admin-gate h1{letter-spacing:.08em;margin:0;font-family:Noto Serif JP;font-size:35px;font-weight:400;line-height:1.65}.admin-gate em{color:#e8f9f494;margin:15px 0 30px;font-family:Noto Serif JP;font-size:12px;font-style:normal;display:block}.admin-gate label{text-align:left;display:block}.admin-gate label span{color:#eefcf8b8;margin-bottom:8px;font-size:12px;display:block}.admin-gate input{color:#f4fffc;background:#01060873;border:1px solid #defff626;border-radius:10px;outline:0;width:100%;height:52px;padding:0 15px}.admin-gate input:focus{border-color:var(--mint)}.admin-enter{border:1px solid rgba(var(--accent-rgb),.38);background:rgba(var(--accent-rgb),.1);cursor:pointer;border-radius:50px;justify-content:center;align-items:center;gap:11px;width:100%;height:52px;margin-top:16px;display:flex}.admin-enter svg{width:16px}.admin-space{padding:105px clamp(25px,7vw,105px) 100px}.admin-heading{text-align:center;position:relative}.admin-heading h1{letter-spacing:.1em;margin:0 0 16px;font-family:Noto Serif JP;font-size:clamp(38px,5vw,58px);font-weight:400}.admin-heading>span{color:#e8f9f499;font-family:Noto Serif JP;font-size:13px}.admin-heading>button{color:#ebfaf6a3;cursor:pointer;background:#defff608;border:1px solid #defff61f;border-radius:40px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:flex;position:absolute;bottom:0;right:0}.admin-heading>button svg{width:14px}.admin-filters{background:#02080a66;border:1px solid #defff61a;border-radius:60px;grid-template-columns:repeat(3,1fr);width:min(670px,100%);margin:55px auto 35px;padding:5px;display:grid}.admin-filters button{color:#e8f9f494;cursor:pointer;background:0 0;border-radius:50px;justify-content:center;align-items:center;gap:10px;height:48px;display:flex}.admin-filters button.active{background:rgba(var(--accent-rgb),.1);color:#effffb}.admin-filters span{font-family:Noto Serif JP;font-size:12px}.admin-filters b{border:1px solid rgba(var(--accent-rgb),.18);min-width:23px;height:23px;color:var(--mint);border-radius:50%;place-items:center;font-size:10px;font-weight:400;display:grid}.admin-error{width:min(700px,100%);margin:0 auto 20px}.submission-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.submission-list article{border:1px solid rgba(var(--accent-rgb),.14);background:linear-gradient(145deg,rgba(var(--accent-rgb),.055),#02080a4d);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:27px}.submission-card-head{color:var(--mint);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.submission-card-head time{color:#e9f9f480;letter-spacing:0;align-items:center;gap:7px;display:flex}.submission-card-head time svg{width:13px}.submission-list h2{letter-spacing:.05em;margin:23px 0 7px;font-family:Noto Serif JP;font-size:25px;font-weight:400}.submission-author{color:#e9f9f494;margin:0;font-family:Noto Serif JP;font-size:12px}.submission-tags{flex-wrap:wrap;gap:6px;margin:18px 0;display:flex}.submission-tags span{border:1px solid rgba(var(--accent-rgb),.14);color:#ebfbf7a6;border-radius:30px;padding:5px 9px;font-size:10px}.catalog-linked{background:rgba(var(--accent-rgb),.07);color:#effdf9b8;border-radius:9px;gap:8px;margin:16px 0;padding:11px 12px;font-size:11px;line-height:1.7;display:flex}.catalog-linked svg{width:15px;color:var(--mint);flex:none}.submission-list blockquote{color:#f6fffdeb;border-top:1px solid #defff61a;border-bottom:1px solid #defff61a;margin:21px 0;padding:18px 0;font-family:Noto Serif JP;font-size:17px;line-height:1.9}.submission-list dl{margin:0}.submission-list dl>div{margin-top:17px}.submission-list dt{color:var(--mint);letter-spacing:.12em;font-size:10px}.submission-list dd{color:#ebfaf6bd;white-space:pre-wrap;margin:7px 0 0;font-family:Noto Serif JP;font-size:12px;line-height:1.9}.submission-list dd small{color:#e9f9f480;margin-top:7px;font-family:DM Sans;font-size:10px;display:block}.submission-review-actions{border-top:1px solid #defff617;flex-wrap:wrap;gap:7px;margin-top:25px;padding-top:18px;display:flex}.submission-review-actions button{color:#eafaf59e;cursor:pointer;background:#defff608;border:1px solid #defff61f;border-radius:40px;align-items:center;gap:7px;min-height:40px;padding:8px 12px;font-size:10px;display:flex}.submission-review-actions button.approve{border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.09);color:#effffb}.submission-review-actions svg{width:13px}.admin-empty{text-align:center;color:#e9f9f48c;border:1px solid #defff61a;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:330px;display:flex}.admin-empty>svg{width:35px;color:var(--mint)}.admin-empty h2{color:#f1fbf8;margin:18px 0 7px;font-family:Noto Serif JP;font-size:20px;font-weight:400}.admin-empty p{font-family:Noto Serif JP;font-size:12px}@media (width<=780px){.contribution-space{padding:70px 16px 85px;display:block;overflow:hidden}.contribution-back{top:17px;left:17px}.contribution-intro{text-align:center;padding:20px 4px 38px;position:relative;top:auto}.contribution-progress{justify-content:center;margin-bottom:28px}.contribution-intro>div>div>p{margin-bottom:17px}.contribution-intro h1{font-size:31px;line-height:1.62}.contribution-intro em{margin-top:17px;font-size:12px}.contribution-intro blockquote{text-align:left;margin:27px auto 0}.contribution-form{padding:0}.contribution-panel{min-height:0;padding:21px 16px}.contributor-kinds{grid-template-columns:1fr;margin-bottom:25px}.contributor-kinds button{grid-template-columns:26px 1fr 16px;align-items:center;gap:11px;min-height:91px;padding:15px;display:grid}.contributor-kinds button>svg:first-child{margin:0}.contributor-kinds button>svg:last-child{position:static}.contributor-kinds small{margin-top:4px}.submission-formats{grid-template-columns:1fr}.submission-formats button{grid-template-columns:25px 1fr 15px;align-items:center;min-height:70px;display:grid}.submission-formats button>svg:last-child{position:static}.submission-moods{grid-template-columns:1fr}.contributor-details{grid-template-columns:1fr;gap:0}.words-panel{min-height:0}.contribution-actions{z-index:20;border:1px solid rgba(var(--accent-rgb),.14);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#030a0ce0;border-radius:60px;margin:15px -4px 0;padding:8px;position:sticky;bottom:10px}.contribution-actions button{padding:0 13px;font-size:11px}.contribution-actions button.primary{min-width:155px}.contribution-actions .send-book{min-width:205px}.contribution-success{min-height:calc(100svh - 64px);padding:60px 20px}.delivered-orbit{width:120px;height:120px;margin-bottom:34px}.contribution-success h1{font-size:34px}.contribution-success>span{font-size:12px}.admin-gate{min-height:calc(100svh - 64px);padding:70px 16px 40px}.admin-gate>div{padding:35px 20px}.admin-gate h1{font-size:29px}.admin-space{padding:90px 16px 70px}.admin-heading>button{width:max-content;margin:22px auto 0;position:static}.admin-heading h1{font-size:38px}.admin-heading>span{font-size:12px;line-height:1.8;display:block}.admin-filters{margin:35px auto 25px}.admin-filters button{gap:5px}.admin-filters span{font-size:11px}.submission-list{grid-template-columns:1fr}.submission-list article{padding:21px 17px}.submission-card-head{align-items:flex-start;gap:10px}.submission-card-head time{text-align:right}.submission-list h2{font-size:23px}.submission-list blockquote{font-size:16px}.submission-review-actions button{flex:1;justify-content:center;min-width:130px}}