@font-face{font-family:HomePoem;src:url('fonts/WenKai.woff2') format('woff2');font-weight:400;font-display:swap}
.quiet-header{display:flex;justify-content:space-between;align-items:center;min-height:76px;padding:12px 32px;font-size:10px;color:var(--muted)}
.quiet-tools{display:flex;align-items:center;gap:6px}.quiet-tool{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;border-radius:3px;color:var(--muted);font-size:24px;transition:background 160ms,color 160ms}.quiet-tool:hover{color:var(--gold);background:var(--pale)}.quiet-tool:disabled{cursor:progress;opacity:.35}.quiet-tool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sound-on-mark{display:none}[aria-checked=true] .sound-on-mark{display:block}[aria-checked=true] .sound-off-mark{display:none}
.quiet-tools{flex-shrink:0}.quiet-header>span{white-space:nowrap}.language-button{white-space:nowrap}
.corner-footer .entry-choices{display:grid;grid-template-columns:max-content max-content;justify-content:space-between}.corner-footer .enter-link{display:grid;grid-template-columns:max-content max-content}
.welcome{padding:16px 24px 30px}.welcome-content{padding:0;max-width:720px}.logo-play{display:block;position:relative;width:clamp(260px,31vw,405px);max-width:100%;aspect-ratio:1592/988;margin:0 auto 18px;padding:0;border:0;background:transparent}.logo-eye,.logo-law{position:absolute;inset:0;width:100%;height:100%}.logo-eye{transform-origin:50% 43%}.logo-eye img{display:block;width:100%;height:100%;clip-path:inset(0 0 16% 0)}.logo-law{clip-path:inset(84% 0 0 0);pointer-events:none}.eye-hand,.eye-dropper,.eye-drop{position:absolute;opacity:0;pointer-events:none;fill:white;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.eye-hand{width:26%;right:3%;top:24%;filter:drop-shadow(2px 3px 0 #d6bd8540)}.eye-dropper{width:10%;right:25%;top:-12%;transform-origin:50% 75%}.bottle-label{fill:var(--ochre);stroke:none}.eye-drop{width:3%;right:28%;top:30%;fill:var(--ochre);stroke:var(--gold);stroke-width:1}.logo-play-hint{position:absolute;right:0;bottom:0;font:18px var(--body);color:var(--gold);opacity:0;transition:opacity 160ms}.logo-play:hover .logo-play-hint,.logo-play:focus-visible .logo-play-hint{opacity:1}
.welcome .moment-line{font:400 24px/1.8 HomePoem,KaiTi,serif;letter-spacing:.025em;min-height:86px;max-width:660px;margin:14px auto 0;display:grid;place-items:center;text-wrap:balance}.moment-line[data-state=loading]:empty:after{content:'· · ·';color:#aa9980;font:16px var(--latin);letter-spacing:.3em}.moment-line[data-state=error]:empty:after{content:'↗';font:16px var(--latin);color:var(--gold)}html[lang=en] .welcome .moment-line{font:400 27px/1.65 var(--latin);letter-spacing:-.01em}
.local-context{justify-content:center;gap:12px;padding:0;min-height:48px;margin:6px auto 0}.corner-footer{padding:18px 34px 26px}.corner-footer .entry-choices{justify-content:space-between;gap:20px;margin:0}.corner-footer .enter-link{min-width:130px;min-height:48px;font-size:13px;gap:26px}.corner-footer .secondary-entry{min-width:120px}.corner-footer .secondary-entry:hover{box-shadow:0 2px 0 var(--gold)}
@media(max-width:600px){.quiet-header{min-height:68px;padding:10px 16px;font-size:9px}.quiet-tools{gap:0}.quiet-tool{width:40px}.welcome{padding:12px 22px 26px}.logo-play{width:min(320px,100%);margin-bottom:14px}.welcome .moment-line{font-size:21px;min-height:90px;line-height:1.8;letter-spacing:0}html[lang=en] .welcome .moment-line{font-size:23px;min-height:112px}.local-context{gap:3px;margin-top:2px}.local-context time{font-size:11px}.corner-footer{padding:10px 16px 20px}.corner-footer .entry-choices{gap:12px}.corner-footer .enter-link{min-width:110px;font-size:12px;gap:16px;padding:8px}.corner-footer .secondary-entry{min-width:106px}}
@media(max-height:600px){.logo-play{width:240px}.welcome .moment-line{min-height:66px;margin-top:4px}.quiet-header{min-height:56px}.welcome{padding-top:0;padding-bottom:0}.corner-footer{padding-top:6px}}
@media(max-width:360px){.quiet-header{padding:8px 12px;font-size:8px}.quiet-tool{width:36px;min-width:36px}.corner-footer{padding-left:12px;padding-right:12px}.corner-footer .entry-choices{flex-wrap:nowrap;gap:8px}.corner-footer .entry-choices .enter-link{min-width:0;font-size:11px;gap:8px;padding-left:4px;padding-right:4px}.corner-footer .enter-arrow{font-size:17px}}