:root{color:#f7f0e2;font-synthesis:none;background:#0b1024;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 6%,#5c459a75,#0000 28rem),radial-gradient(circle at 92% 27%,#bf676633,#0000 27rem),#0b1024;min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;content:"";opacity:.48;pointer-events:none;background-image:radial-gradient(#f7f0e2 1px,#0000 1px),radial-gradient(#e6b95b 1px,#0000 1px);background-position:16px 19px,118px 71px;background-size:155px 155px,241px 241px;position:fixed;inset:0}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{font-weight:700}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #f4cb71}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{font-family:Hiragino Mincho ProN,Yu Mincho,serif}.app-shell{width:min(100% - 32px,810px);margin:0 auto;padding:28px 0 64px}.site-header{justify-content:space-between;align-items:baseline;margin-bottom:44px;display:flex}.brand,.eyebrow{color:#e7bd67;letter-spacing:.17em;margin:0;font-size:.71rem;font-weight:700}h1{color:#f7f0e2;letter-spacing:.08em;margin:0;font-size:clamp(1.3rem,4vw,1.65rem)}h2{letter-spacing:.025em;margin:0;font-size:clamp(1.7rem,6vw,2.85rem);line-height:1.45}h3{color:#f7f0e2;margin:6px 0 8px;font-size:clamp(1.35rem,4vw,1.7rem);line-height:1.45}.hero,.question-card,.results{gap:24px;display:grid}.hero,.question-card,.recommendation-card,.reflection-card{background:linear-gradient(145deg,#1f264cf5,#101430f5);border:1px solid #f7f0e233;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 26px 65px #0000004f}.hero{isolation:isolate;min-height:440px;padding:clamp(31px,7vw,58px)}.hero:after{z-index:-1;content:"";border:1px solid #f7f0e230;border-radius:50%;height:23rem;position:absolute;inset:auto -17% -42% 32%;transform:rotate(-24deg)}.hero>p:not(.eyebrow):not(.notice),.results-heading>p{color:#ded9e8;max-width:38rem;margin:0;font-size:1.04rem;line-height:1.9}.hero-projection{z-index:-1;background:radial-gradient(circle,#f6cb6d75 0 4%,#f6cb6d2e 5% 22%,#0000 23%);border:1px solid #f7f0e23d;border-radius:50%;width:235px;height:235px;position:absolute;top:-55px;right:-34px}.hero-projection span{border-radius:inherit;background:repeating-conic-gradient(#f7f0e21a 0 1deg, transparent 1deg 18deg);width:100%;height:100%;animation:42s linear infinite slow-spin;display:block}.primary-button,.secondary-button,.text-button,.scenic-option,.watch-links a{cursor:pointer;min-height:46px;transition:transform .17s,border-color .17s,background-color .17s}.primary-button{color:#151832;background:#f0be55;border:1px solid #f6ca69;border-radius:14px;width:fit-content;padding:13px 21px;box-shadow:0 8px 23px #f0be5533}.primary-button:hover,.secondary-button:hover,.scenic-option:hover,.watch-links a:hover{transform:translateY(-2px)}.secondary-button{color:#f7f0e2;background:0 0;border:1px solid #f7f0e27a;border-radius:14px;width:fit-content;padding:12px 19px}.text-button{color:#e7bd67;text-underline-offset:3px;background:0 0;border:0;width:fit-content;padding:4px 0;text-decoration:underline}.notice{color:#bcb9cb;margin:0;font-size:.82rem;line-height:1.7}.site-footer{width:min(100% - 32px,810px);margin:0 auto;padding:0 0 32px}.site-footer-panel{color:#c8c5d5;border-top:1px solid #f7f0e238;gap:16px;padding:22px;display:grid}.footer-title{color:#e7bd67;letter-spacing:.16em;margin:0;font-size:.75rem;font-weight:700}.site-footer nav ul{flex-wrap:wrap;gap:10px 18px;margin:0;padding:0;list-style:none;display:flex}.site-footer a{color:#f7f0e2;text-underline-offset:4px}.site-footer a[aria-current=page]{color:#e7bd67}.footer-note{margin:0;font-size:.82rem;line-height:1.7}.legal-page{padding-bottom:28px}.legal-header{margin-bottom:26px}.brand-link{color:#e7bd67;text-decoration:none}.legal-header>p{color:#bcb9cb;letter-spacing:.12em;margin:0;font-size:.71rem;font-weight:700}.legal-card{background:linear-gradient(145deg,#1f264cf5,#101430f5);border:1px solid #f7f0e233;border-radius:28px;gap:24px;padding:clamp(26px,6vw,48px);display:grid;box-shadow:0 26px 65px #0000004f}.legal-card h1{font-size:clamp(1.8rem,6vw,2.7rem)}.legal-lead{color:#ded9e8;max-width:42rem;margin:-8px 0 0;font-size:1.04rem;line-height:1.85}.legal-section{border-top:1px solid #f7f0e224;gap:11px;padding-top:22px;display:grid}.legal-section h2{font-size:clamp(1.2rem,4vw,1.5rem)}.legal-section p{color:#ded9e8;margin:0;line-height:1.85}.legal-section a{color:#e7bd67;text-underline-offset:4px;width:fit-content}.question-card{padding:clamp(25px,6vw,48px)}.question-card:before{aspect-ratio:1;content:"";border:1px solid #b8a0e83d;border-radius:50%;width:20rem;position:absolute;top:-30%;right:-12%}.question-card>*{position:relative}.film-progress{align-items:center;gap:8px;display:flex}.progress-frame{border:1px solid #f7f0e252;border-radius:999px;width:31px;height:7px}.progress-frame.is-lit{background:#e7bd67;border-color:#e7bd67;box-shadow:0 0 12px #e7bd6780}.question-hint{color:#c8c5d5;margin:-12px 0 0;line-height:1.7}.scenic-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.scenic-option{color:#f7f0e2;text-align:left;background:#ffffff0a;border:1px solid #f7f0e238;border-radius:16px;align-items:center;gap:12px;min-height:76px;padding:15px 16px;display:flex}.scenic-option:hover,.scenic-option.is-selected{background:#e7bd6721;border-color:#e7bd67}.option-number{color:#e7bd67;letter-spacing:.08em;font-family:ui-monospace,monospace;font-size:.75rem}.reveal-button{justify-self:start;margin-top:4px}.reflection-card{background:linear-gradient(120deg,#38245f,#142a52);padding:clamp(26px,6vw,42px)}.reflection-card .eyebrow{color:#f6ca69}.reflection-card>p:not(.eyebrow):not(.notice){color:#f7f0e2;max-width:48rem;margin:18px 0;font-size:1.08rem;line-height:1.9}.reading-card>p.reading-lead{color:#dfd7be;letter-spacing:.08em;margin:14px 0 0;font-size:.95rem}.reading-card .reading-type{color:#f9eab9;margin:4px 0 6px;font-size:clamp(1.9rem,7vw,2.8rem);line-height:1.3}.reading-card>p.reading-evidence{background:#f6ca6917;border-left:3px solid #f6ca69;border-radius:0 12px 12px 0;padding:12px 16px;font-size:1rem}.reading-card>p.reading-blend{color:#d9d2f0;font-size:.98rem}.reading-card>p.reading-prescription{color:#f6ca69;font-weight:700}.results-heading{gap:11px;padding:14px 4px 0;display:grid}.results-heading h2{font-size:clamp(1.5rem,5vw,2.25rem)}.recommendation-list{gap:17px;display:grid}.recommendation-card{grid-template-columns:120px minmax(0,1fr);gap:24px;padding:clamp(20px,4vw,30px);display:grid}.sigil-frame{background:#0c0f258f;border:1px solid #f7f0e22e;border-radius:18px;align-self:start;padding:6px}.movie-sigil{filter:drop-shadow(0 10px 12px #0000002e);width:100%;height:auto;display:block}.slot-label{color:#e7bd67;letter-spacing:.08em;margin:0;font-size:.79rem;font-weight:700;display:inline-block}.metadata,.provider-note{color:#bcb9cb;margin:0;font-size:.87rem}.time-notice{color:#dfd7be;background:#e7bd6717;border:1px solid #e7bd6757;border-radius:999px;width:fit-content;margin:10px 0 0;padding:6px 10px;font-size:.79rem;line-height:1.45}.reason{color:#f6ca69;gap:6px;margin:19px 0 11px;font-weight:700;line-height:1.7;display:grid}.reason span{color:#bcb9cb;letter-spacing:.05em;font-size:.77rem;font-weight:600}.overview{color:#e5e1eb;margin:0;line-height:1.8}.watch-links{flex-wrap:wrap;gap:9px;margin-top:19px;display:flex}.watch-links a{color:#f7f0e2;border:1px solid #f7f0e25e;border-radius:12px;align-items:center;padding:10px 13px;text-decoration:none;display:inline-flex}.provider-note{margin-top:10px}.seen-controls{gap:8px;display:grid}.seen-action:disabled{cursor:not-allowed;opacity:.54;transform:none}.seen-feedback{color:#ded9e8;min-height:3.4em;margin:0;line-height:1.7}.share-panel{background:#0e132dc7;border:1px solid #f7f0e233;border-radius:24px;gap:14px;padding:clamp(22px,5vw,34px);display:grid}.share-panel h2{font-size:clamp(1.35rem,4vw,1.8rem)}.share-intro,.share-unavailable,.share-feedback{color:#ded9e8;margin:0;line-height:1.7}.share-unavailable{color:#f4cb71}.share-selection{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;padding:0;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.share-choice{color:#f7f0e2;cursor:pointer;background:#ffffff0a;border:1px solid #f7f0e245;border-radius:14px;gap:6px;min-height:76px;padding:13px;display:grid}.share-choice:has(input:checked){background:#e7bd6721;border-color:#e7bd67}.share-choice input{accent-color:#e7bd67}.share-actions{flex-wrap:wrap;gap:10px;display:flex}.share-actions button{min-height:44px}.share-actions button:disabled{cursor:not-allowed;opacity:.54}.share-feedback{color:#f4cb71;min-height:1.7em}.result-state{color:#ded9e8;background:#101430e6;border:1px solid #f7f0e233;border-radius:24px;gap:16px;padding:clamp(25px,6vw,42px);line-height:1.8;display:grid}.result-state h2,.result-state p{margin:0}.result-restart{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@keyframes slow-spin{to{transform:rotate(1turn)}}@media (width<=520px){.app-shell{width:min(100% - 24px,810px);padding-top:20px}.site-header{margin-bottom:30px}.hero,.question-card,.recommendation-card,.reflection-card{border-radius:20px}.hero{min-height:500px}.scenic-options,.recommendation-card{grid-template-columns:1fr}.recommendation-card{gap:18px}.sigil-frame{width:112px}.primary-button,.secondary-button,.watch-links a{justify-content:center;width:100%}.share-selection{grid-template-columns:1fr}.share-actions button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}