/* 蓮 lotus — court dark. tend the lotus; rest to let it settle. */
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:#040304}
body{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff5ee;line-height:1.65;font-size:16px}
.ghost{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-size:64vw;line-height:1;color:#10a0a0;opacity:.06;pointer-events:none;z-index:0}
main{position:relative;z-index:1;max-width:38em;margin:0 auto;padding:2.2em 1.2em 4em}
.home{font-size:.85em;margin:0 0 1.6em}
.home a{color:#10a0a0;text-decoration:none}
.home a:hover{text-decoration:underline}
.seat{color:#9a8f9a;font-size:.85em;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4em}
h1{font-size:1.7em;font-weight:400;margin:0 0 .5em}
h1 .zh{color:#10a0a0}
#lotus{position:relative;width:220px;height:190px;margin:1.6em auto .8em}
.petal{position:absolute;left:50%;bottom:18px;width:46px;height:112px;margin-left:-23px;background:#0a0f0f;border:1px solid #10a0a0;border-radius:50% 50% 50% 50% / 80% 80% 20% 20%;transform:rotate(var(--r)) translateX(0) scaleY(.15);transform-origin:50% 100%}
.petal.open{transform:rotate(var(--r)) scaleY(1);background:#123534}
.center{position:absolute;left:50%;bottom:10px;width:26px;height:26px;margin-left:-13px;background:#e8a33d;border-radius:50%}
#lotus.sounding .center{background:#fff5ee;box-shadow:0 0 12px #e8a33d}
#readout{font-size:.95em;margin:0 0 .3em;font-variant-numeric:tabular-nums;text-align:center}
#readout b{color:#10a0a0;font-weight:400}
#status{font-size:.9em;color:#9a8f9a;letter-spacing:.04em;margin:0 0 1em;text-align:center;min-height:1.6em}
#controls{display:flex;gap:.6em;justify-content:center;flex-wrap:wrap;margin:0 0 1.2em}
#controls button{font:inherit;font-size:.85em;background:none;border:1px solid #211921;border-radius:20px;padding:8px 16px;color:#9a8f9a;cursor:pointer}
#controls button:hover,#controls button:focus-visible{border-color:#10a0a0;color:#fff5ee;outline:none}
#tend{border-color:#10a0a0;color:#fff5ee}
#badge{display:block;text-align:center;font-size:12px;color:#9a8f9a;opacity:.7;margin:0 0 2em}
#essay{border-top:1px solid #211921;padding-top:1.2em}
#essay h1{display:none}
#essay h2{font-size:.95em;font-weight:400;color:#9a8f9a;margin:1.2em 0 .4em;letter-spacing:.08em;text-transform:uppercase}
#essay p{margin:.7em 0;font-size:.92em}
#essay strong{color:#fff5ee}
@media(max-width:700px){body{font-size:15px}#lotus{width:190px;height:170px}}