:root{color:#f6f1e8;background:#030303;--serif-stack: Georgia, "Times New Roman", "Songti SC", "STSong", "SimSun", serif;--intro-bg-image: none;--loading-bg-image: none;font-family:var(--serif-stack);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ease-cinema: cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.08),transparent 30rem),#030303}button{font:inherit}.view{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity 1.2s var(--ease-cinema),visibility 1.2s var(--ease-cinema);visibility:hidden}.view.is-visible{opacity:1;pointer-events:auto;visibility:visible}.intro-view{display:grid;place-items:center;overflow:hidden;padding:7vh clamp(1.25rem,4vw,4rem);background:#030303}.intro-view:before,.intro-view:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.intro-view:before{background:linear-gradient(180deg,#000000a3,#00000057 42%,#000000c7),radial-gradient(circle at 50% 38%,rgba(255,255,255,.12),transparent 34rem),var(--intro-bg-image),radial-gradient(circle at 42% 22%,rgba(141,167,198,.2),transparent 24rem),radial-gradient(circle at 67% 68%,rgba(92,127,118,.16),transparent 28rem),#030303;background-position:center;background-size:cover;filter:saturate(.88) contrast(1.08);transform:scale(1.03)}.intro-view:after{background:radial-gradient(ellipse at center,transparent 28%,rgba(0,0,0,.28) 68%,rgba(0,0,0,.82) 100%),linear-gradient(90deg,rgba(0,0,0,.55),transparent 24%,transparent 76%,rgba(0,0,0,.55))}.intro-inner{position:relative;z-index:1;width:min(880px,100%);text-align:center}.brand-mark{margin:0 0 2.75rem;color:#f6f1e86b;font-family:var(--serif-stack);font-size:.72rem;letter-spacing:.28em;text-shadow:0 0 40px rgba(255,255,255,.18);text-transform:uppercase}h1{max-width:760px;margin:0 auto;color:#f6f1e8f0;font-family:var(--serif-stack);font-size:clamp(2.1rem,5.2vw,4.9rem);font-weight:400;line-height:1.22;letter-spacing:0;text-shadow:0 0 40px rgba(255,255,255,.18)}.theme-list{display:grid;grid-template-columns:repeat(4,minmax(6.75rem,1fr));gap:clamp(.85rem,1.8vw,1.35rem);width:min(700px,100%);margin:clamp(3.9rem,8vh,5.2rem) auto 0}.theme-btn{display:grid;min-height:auto;aspect-ratio:1;place-items:center;padding:1rem;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fffaf1d1;background:#ffffff0f;box-shadow:inset 0 0 1.25rem #ffffff0e,inset 0 0 .08rem #ffffff70,0 1.1rem 4rem #00000047;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);cursor:pointer;font-size:clamp(.86rem,1.2vw,.98rem);line-height:1.55;text-align:center;text-shadow:0 0 40px rgba(255,255,255,.18);transition:opacity .5s var(--ease-cinema),filter .5s var(--ease-cinema),transform .5s var(--ease-cinema),border-color .5s var(--ease-cinema),background .5s var(--ease-cinema),box-shadow .5s var(--ease-cinema),color .5s var(--ease-cinema)}.theme-list.is-hovering .theme-btn:not(.is-previewed){opacity:.34;filter:saturate(.58)}.theme-btn:hover,.theme-btn:focus-visible,.theme-btn.is-previewed{border-color:#ffffff6b;color:#fffaf1;background:#ffffff1a;box-shadow:inset 0 0 2.7rem #ffffff29,inset 0 0 .1rem #ffffffb8,0 1.35rem 4.8rem #00000061,0 0 3rem #ffffff14;outline:none;transform:translateY(-4px) scale(1.035)}.theme-preview{min-height:5.5rem;max-width:34rem;margin:2.15rem auto 0;opacity:.58;text-shadow:0 0 40px rgba(255,255,255,.18);transform:translateY(.35rem);transition:opacity .5s var(--ease-cinema),transform .5s var(--ease-cinema)}.theme-preview.is-active{opacity:.96;transform:translateY(0)}.theme-preview-title,.theme-preview-desc{margin:0}.theme-preview-title{color:#fffaf1cc;font-size:clamp(.86rem,1.1vw,1rem);letter-spacing:.18em;text-transform:uppercase}.theme-preview-desc{margin-top:.72rem;color:#f6f1e88f;font-size:clamp(.88rem,1.2vw,1rem);line-height:1.75}.theater-view{overflow:hidden;background:#030303;transition-duration:2s}#bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04);opacity:0;transform:scale(1.03);transition:opacity 1.6s var(--ease-cinema),transform 5.2s var(--ease-cinema)}.theater-view.is-ready #bg-image{opacity:1;transform:scale(1)}.film-overlay,.film-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.film-overlay{background:linear-gradient(to bottom,#0000001a,#0006,#000000d9)}.film-grain{opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:soft-light}#back-btn,#refresh-btn{position:absolute;z-index:4;top:max(1.25rem,env(safe-area-inset-top));display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgba(246,241,232,.2);border-radius:999px;color:#f6f1e8d1;background:#0000003d;cursor:pointer;font-size:1.35rem;line-height:1;transition:background .25s ease,border-color .25s ease,color .25s ease}#back-btn{left:max(1.25rem,env(safe-area-inset-left))}#refresh-btn{right:max(1.25rem,env(safe-area-inset-right))}#back-btn:hover,#back-btn:focus-visible,#refresh-btn:hover,#refresh-btn:focus-visible{border-color:#f6f1e88c;color:#fff;background:#ffffff1a;outline:none}.loading-state{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;padding:clamp(2rem,6vw,5rem);color:#f6f1e8c7;opacity:0;pointer-events:none;transition:opacity .9s var(--ease-cinema)}.loading-state:before,.loading-state:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.loading-state:before{background:linear-gradient(180deg,#000000c2,#00000057 45%,#000000d1),radial-gradient(circle at 48% 40%,rgba(183,218,205,.16),transparent 22rem),radial-gradient(circle at 58% 62%,rgba(86,115,143,.2),transparent 28rem),var(--loading-bg-image),radial-gradient(circle at 46% 38%,rgba(255,255,255,.08),transparent 26rem),#020505;background-position:center;background-size:cover;filter:saturate(.86) contrast(1.08);transform:scale(1.04)}.loading-state:after{background:radial-gradient(ellipse at center,transparent 34%,rgba(0,0,0,.36) 72%,rgba(0,0,0,.86) 100%),linear-gradient(90deg,rgba(0,0,0,.48),transparent 26%,transparent 74%,rgba(0,0,0,.48))}.loading-state.is-visible{opacity:1}.constellation-loader,.loading-copy{position:relative;z-index:1}.constellation-loader{width:min(15rem,62vw);height:min(7rem,30vw);margin-bottom:1.55rem;opacity:0;animation:constellation-drift 5s var(--ease-cinema) infinite alternate}.constellation-line,.constellation-dot{position:absolute;display:block}.constellation-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);box-shadow:0 0 1rem #ffffff2e;transform-origin:left center}.constellation-line-a{top:48%;left:17%;width:42%;transform:rotate(-17deg)}.constellation-line-b{top:39%;left:48%;width:36%;transform:rotate(24deg)}.constellation-dot{width:.36rem;height:.36rem;border-radius:50%;background:#ffffffdb;box-shadow:0 0 .65rem #ffffffbd,0 0 1.4rem #b3dad53d}.constellation-dot-a{top:52%;left:14%}.constellation-dot-b{top:37%;left:39%}.constellation-dot-c{top:29%;left:62%}.constellation-dot-d{top:55%;left:82%}.constellation-dot-e{top:70%;left:55%;opacity:.72}.loading-copy{width:min(82vw,28rem);margin:0;color:#f6f1e8b3;font-size:clamp(.92rem,1.4vw,1.06rem);letter-spacing:.1em;line-height:1.8;text-align:center;text-shadow:0 0 40px rgba(255,255,255,.18)}.cinema-cursor{display:inline-block;margin-left:.5em;color:#ffffffe6;animation:cinema-cursor 1.2s steps(2,end) infinite}.subtitle-container{position:absolute;z-index:3;right:clamp(1.2rem,7vw,7rem);bottom:clamp(4.2rem,10vh,8rem);left:clamp(1.2rem,7vw,7rem);max-width:760px;opacity:0;transform:translateY(18px);transition:opacity 1.3s var(--ease-cinema),transform 1.3s var(--ease-cinema)}.theater-view.is-ready:not(.is-loading) .subtitle-container{opacity:1;transform:translateY(0)}#quote-text{margin:0;color:#fffaf1f5;font-family:var(--serif-stack);font-size:clamp(2rem,4.7vw,4.8rem);font-weight:400;line-height:1.16;letter-spacing:0;text-shadow:0 .18rem 1.2rem rgba(0,0,0,.52);text-wrap:balance}#quote-source{margin-top:1.35rem;color:#f6f1e89e;font-size:clamp(.82rem,1.1vw,.98rem);letter-spacing:.12em}#interpretation-text{max-width:650px;margin:1rem 0 0;color:#f6f1e8c2;font-size:clamp(.96rem,1.45vw,1.16rem);line-height:1.9;text-shadow:0 .12rem .9rem rgba(0,0,0,.58)}#photo-credit{margin-top:1.2rem;color:#f6f1e857;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}#photo-credit a{color:#f6f1e894;text-decoration:none;transition:color .25s ease}#photo-credit a:hover,#photo-credit a:focus-visible{color:#fffaf1e0;outline:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.theme-btn{background:#18181ab8}}@keyframes constellation-drift{0%{opacity:.34;transform:translate(-.55rem) scale(.96)}to{opacity:1;transform:translate(.55rem) scale(1)}}@keyframes cinema-cursor{0%,48%{opacity:1}49%,to{opacity:0}}@media (max-width: 760px){body{overflow:hidden}.intro-view{align-items:center;padding:3.2rem 1.1rem}.brand-mark{margin-bottom:2rem;font-size:.66rem}h1{font-size:clamp(2rem,10.4vw,3.3rem);line-height:1.28}.theme-list{grid-template-columns:repeat(2,minmax(7rem,1fr));gap:.9rem;width:min(20rem,100%);margin-top:3rem}.theme-btn{font-size:.9rem}.theme-preview{min-height:6.4rem;margin-top:1.65rem}.theme-preview-desc{font-size:.86rem;line-height:1.65}.constellation-loader{width:min(13rem,74vw);height:min(6.2rem,35vw)}.loading-copy{width:min(84vw,23rem);font-size:.9rem}#back-btn,#refresh-btn{width:2.75rem;height:2.75rem}.subtitle-container{bottom:calc(max(2.75rem,env(safe-area-inset-bottom)) + .5rem);left:1.15rem;right:1.15rem;max-width:none}#quote-text{font-size:clamp(1.85rem,9vw,3.05rem)}#interpretation-text{font-size:.95rem;line-height:1.78}}@media (max-width: 760px) and (max-height: 720px){.intro-view{padding:2rem 1rem}.brand-mark{margin-bottom:1.35rem}h1{font-size:clamp(1.75rem,8.5vw,2.55rem)}.theme-list{gap:.65rem;width:min(17rem,100%);margin-top:2.1rem}.theme-preview{min-height:4.8rem;margin-top:1.1rem}.theme-preview-desc{margin-top:.45rem;font-size:.8rem;line-height:1.5}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}