:root{--white:#f6f4ed;--soft:#d8e1f0;--dim:#a4b0c7;--muted:#8390ac;--gold:#dfc79e;--glass:rgba(8,12,28,.58);--line:rgba(220,230,255,.16);color-scheme:dark}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}html{background:#070b17}body{overflow:hidden;color:var(--white);background:#070b17;font-family:Georgia,'Times New Roman','Apple SD Gothic Neo','Malgun Gothic',serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 74% at 50% 40%,transparent 25%,rgba(1,3,9,.5) 100%);z-index:1}#cursor{position:fixed;top:-100px;left:-100px;width:14px;height:14px;border:1px solid rgba(235,239,255,.9);border-radius:100%;box-shadow:0 0 18px 4px rgba(165,198,255,.45),inset 0 0 10px rgba(255,255,255,.35);pointer-events:none;transform:translate(-50%,-50%);z-index:30;transition:width .25s,height .25s,opacity .25s;opacity:0}#cursor.pulse{width:56px;height:56px}#app{position:fixed;inset:0;z-index:5;pointer-events:none}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:clamp(16px,3.4vw,42px) clamp(18px,4vw,58px);gap:12px}.brand{display:flex;align-items:center;gap:13px;color:rgba(244,246,253,.78);font-family:Arial,'Malgun Gothic',sans-serif;font-size:11px;letter-spacing:.33em;font-weight:500;white-space:nowrap}.brand-mark{color:var(--gold);font-size:26px;animation:rotate-star 50s linear infinite;line-height:1}.brand i{font-style:normal;color:rgba(240,240,255,.35);padding:0 .5em}.top-meta{display:flex;align-items:center;gap:20px}.small-label{color:rgba(244,246,255,.66);font:10px Arial,'Malgun Gothic',sans-serif;letter-spacing:.2em;white-space:nowrap}.small-label strong{color:var(--gold);font-weight:normal}.muted{color:var(--muted)}.status-separator{width:1px;height:12px;background:var(--line)}.center{position:absolute;inset:70px 0 145px;display:flex;justify-content:center;align-items:center;pointer-events:none}.intro{text-align:center;width:min(90vw,720px);pointer-events:none;transition:opacity 1.8s ease,transform 1.8s ease;transform:translateY(-5px)}.intro.hidden{opacity:0;transform:translateY(-26px) scale(.975)}.halo{width:120px;height:95px;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;position:relative}.halo-core{width:7px;height:7px;border-radius:50%;background:#f7f3e8;box-shadow:0 0 16px 5px rgba(224,235,255,.8),0 0 65px 25px rgba(125,173,242,.4)}.halo-ring{position:absolute;width:84px;height:84px;border:1px solid rgba(191,210,255,.35);border-radius:50%;animation:halo-breath 5s ease-in-out infinite}.eyebrow{font:10px Arial,'Malgun Gothic',sans-serif;letter-spacing:.39em;color:var(--gold);margin:0 0 16px}.intro h1{font-family:'Times New Roman',Georgia,'Malgun Gothic',serif;font-weight:400;font-size:clamp(70px,10vw,152px);line-height:1.25;margin:0;letter-spacing:.2em;text-indent:.2em;text-shadow:0 0 65px rgba(195,208,255,.27)}.en-title{font-family:Georgia,serif;font-size:clamp(12px,1.7vw,20px);font-style:italic;letter-spacing:.55em;text-indent:.55em;margin:0;color:rgba(219,226,244,.65)}.fine-rule{height:1px;width:52px;margin:35px auto 28px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.lead{font-size:clamp(14px,1.5vw,18px);line-height:1.9;letter-spacing:.075em;margin:0;color:rgba(238,240,250,.9)}.intro-guide{margin:16px 0 0;color:rgba(216,224,247,.56);font-size:12px;letter-spacing:.06em;line-height:1.7}.enter-button{display:inline-flex;align-items:center;gap:15px;margin-top:26px;padding:12px 23px;border:1px solid rgba(220,219,195,.38);border-radius:99px;background:rgba(24,32,58,.43);font-size:12px;letter-spacing:.1em;pointer-events:auto;transition:background .2s,border-color .2s,transform .2s}.enter-button:hover{background:rgba(83,103,140,.25);border-color:rgba(220,219,195,.75);transform:translateY(-2px)}.enter-button span{font-size:15px;color:var(--gold)}.whisper{position:absolute;bottom:13%;width:min(80vw,700px);text-align:center;white-space:pre-line;font-size:clamp(17px,2.2vw,28px);letter-spacing:.09em;line-height:1.8;text-shadow:0 3px 26px rgba(5,8,25,.8);opacity:0;transform:translateY(10px);transition:opacity 1.35s ease,transform 1.35s ease}.whisper.show{opacity:.94;transform:translateY(0)}.pointer-hint{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);color:rgba(229,231,249,.35);font:10px Arial,'Malgun Gothic',sans-serif;letter-spacing:.15em;opacity:0;transition:opacity 1.2s}.pointer-hint.show{opacity:1}.bottom-ui{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(245px,360px) 1fr auto;align-items:end;gap:24px;padding:15px clamp(18px,4vw,58px) max(25px,env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(0,0,10,.55),transparent);pointer-events:none}.time-panel{pointer-events:auto;max-width:360px}.time-heading,.time-foot{display:flex;justify-content:space-between;align-items:center}.time-heading{margin-bottom:12px;gap:12px}.time-heading>div{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.micro-label{color:var(--dim);font:9px Arial,'Malgun Gothic',sans-serif;letter-spacing:.24em}.time-name{color:var(--gold);font-size:12px;letter-spacing:.04em}.time-value{font:14px Georgia,serif;color:rgba(244,245,255,.92);font-variant-numeric:tabular-nums}#time-slider{width:100%;margin:0;cursor:pointer;height:15px;background:none;appearance:none;-webkit-appearance:none}#time-slider::-webkit-slider-runnable-track{height:3px;border-radius:10px;background:linear-gradient(90deg,#6d81a7,#d3a988,#b6cfe6,#a6758e,#44527a)}#time-slider::-moz-range-track{height:3px;border-radius:10px;background:linear-gradient(90deg,#6d81a7,#d3a988,#b6cfe6,#a6758e,#44527a)}#time-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:#eee9de;border:2px solid #d2b994;box-shadow:0 0 12px rgba(252,237,216,.4)}#time-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#eee9de;border:2px solid #d2b994}.time-foot{color:rgba(216,226,247,.5);font:8px Arial,sans-serif;letter-spacing:.16em;margin-top:7px}.instructions{text-align:center;align-self:end;margin:0 0 11px;font-size:10px;line-height:1.8;letter-spacing:.035em;color:rgba(238,240,253,.67);white-space:nowrap}.instructions span{color:var(--gold);margin:0 7px}.controls{display:flex;align-items:center;gap:7px;pointer-events:auto}.tool{width:39px;height:39px;flex:none;border:1px solid rgba(222,231,255,.23);border-radius:50%;background:rgba(8,14,30,.5);backdrop-filter:blur(9px);font:17px Georgia,serif;display:flex;align-items:center;justify-content:center;color:rgba(237,242,255,.75);transition:border-color .2s,background .2s,color .2s,transform .2s}.tool:hover{border-color:rgba(229,222,194,.7);background:rgba(41,55,80,.7);transform:translateY(-2px)}.tool[aria-pressed=true]{color:var(--gold);border-color:rgba(224,194,140,.75);background:rgba(76,60,43,.38)}.help-panel{position:absolute;right:clamp(18px,4vw,58px);bottom:96px;width:min(420px,calc(100vw - 36px));max-height:min(65vh,530px);overflow:auto;padding:21px 23px 19px;border:1px solid rgba(226,223,208,.25);border-radius:18px;background:rgba(8,15,33,.96);box-shadow:0 15px 70px rgba(0,0,0,.45);backdrop-filter:blur(20px);pointer-events:auto;font-family:'Malgun Gothic',Arial,sans-serif;line-height:1.8;scrollbar-color:rgba(220,229,255,.3) transparent}.help-panel[hidden]{display:none}.help-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.help-panel h2{margin:0;color:#f5e8ce;font-size:16px;font-weight:500}.help-panel p{color:#c6cfdf;font-size:12px;margin:14px 0}.help-panel p:last-child{margin-bottom:0}.help-panel strong{color:var(--gold)}.help-panel code,.help-panel kbd{border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:1px 4px;font-family:monospace;color:#eee}.help-panel .help-note{border-top:1px solid var(--line);padding-top:12px;color:#aab5c7}.help-heading button{background:none;border:0;font:25px Arial,sans-serif;color:var(--white);padding:0 4px}.toast{position:absolute;top:92px;left:50%;transform:translate(-50%,-12px);padding:12px 18px;border:1px solid rgba(224,220,194,.23);background:rgba(8,15,33,.92);border-radius:99px;font:12px Arial,'Malgun Gothic',sans-serif;letter-spacing:.05em;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;inset:0;z-index:100;background:#080c17;display:grid;place-items:center;padding:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@keyframes halo-breath{0%,100%{transform:scale(.82);opacity:.25}50%{transform:scale(1.3);opacity:.75}}@keyframes rotate-star{to{transform:rotate(360deg)}}
@media (max-width:1050px){.bottom-ui{grid-template-columns:minmax(240px,360px) 1fr;gap:12px 24px}.instructions{grid-column:1/-1;grid-row:1;text-align:center}.controls{justify-self:end;grid-column:2;grid-row:2}.time-panel{grid-column:1;grid-row:2}.center{bottom:160px}}
@media (max-width:620px){.topbar{padding:17px 17px}.brand{gap:8px;font-size:9px;letter-spacing:.12em}.brand-mark{font-size:19px}.top-meta{gap:9px}.small-label{font-size:8px;letter-spacing:.08em}.status-separator{height:10px}.center{top:62px;bottom:208px}.halo{width:80px;height:75px;margin-bottom:10px}.halo-ring{width:65px;height:65px}.eyebrow{font-size:8px;letter-spacing:.22em;margin-bottom:9px}.intro h1{font-size:clamp(64px,18vw,98px)}.en-title{font-size:11px}.fine-rule{margin:19px auto 16px}.lead{font-size:13px}.intro-guide{font-size:11px;margin-top:11px}.enter-button{margin-top:16px;padding:10px 18px}.whisper{bottom:18%;font-size:17px}.bottom-ui{padding:12px 17px max(15px,env(safe-area-inset-bottom));grid-template-columns:1fr;gap:11px}.instructions{grid-row:1;grid-column:1;white-space:normal;font-size:9px;line-height:1.5;padding:0 14px}.time-panel{grid-row:2;grid-column:1;width:100%;max-width:none}.controls{grid-row:3;grid-column:1;justify-content:center;gap:10px}.time-heading{margin-bottom:5px}.tool{width:42px;height:42px}.help-panel{bottom:80px;right:17px;max-height:67vh}.pointer-hint{font-size:9px}}
@media (max-height:670px){.center{top:58px;bottom:120px}.intro .halo{display:none}.intro h1{font-size:clamp(46px,10vh,92px)}.intro .fine-rule{margin:12px auto}.intro .enter-button{margin-top:10px}.lead{font-size:12px}.intro-guide{font-size:10px}.eyebrow{margin-bottom:5px}.whisper{bottom:20%}.bottom-ui{padding-top:5px;padding-bottom:12px}.help-panel{max-height:70vh}}
@media (hover:none),(pointer:coarse){#cursor{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.reduced-motion .halo-ring,body.reduced-motion .brand-mark{animation:none}