/* 籃 basket — court dark. gather what blooms; the basket holds five. */
*{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}
#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 .flower{border-left:2px solid #211921;padding-left:.8em}
#essay .flower.gathered{border-left-color:#10a0a0;background:rgba(16,160,160,.08)}
.gather-btn{font:inherit;font-size:.78em;background:none;border:1px solid #211921;border-radius:20px;padding:3px 11px;color:#9a8f9a;cursor:pointer;margin-left:.6em;white-space:nowrap}
.gather-btn:hover{border-color:#10a0a0;color:#fff5ee}
.gather-btn:disabled{opacity:.55;cursor:default;border-color:#10a0a0;color:#10a0a0}
#basket-wrap{margin-top:2.5em;border-top:1px solid #211921;padding-top:1.2em}
#basket-wrap h2{font-size:.95em;font-weight:400;color:#9a8f9a;margin:0 0 .4em;letter-spacing:.08em;text-transform:uppercase}
#readout{font-size:.95em;margin:0 0 .6em;font-variant-numeric:tabular-nums}
#basket-list{list-style:decimal;padding-left:1.4em}
#basket-list li{display:flex;gap:.6em;align-items:baseline;padding:.45em 0;border-bottom:1px solid #211921}
#basket-list li.sounding .snippet{color:#10a0a0}
#essay .flower.sounding{border-left-color:#e8a33d}
#basket-list .snippet{flex:1;font-size:.88em}
.remove-btn{font:inherit;font-size:.78em;background:none;border:1px solid #211921;border-radius:20px;padding:3px 11px;color:#9a8f9a;cursor:pointer;white-space:nowrap}
.remove-btn:hover{border-color:#10a0a0;color:#fff5ee}
#controls{margin-top:2em;display:flex;gap:.8em;align-items:center}
#controls button{font:inherit;font-size:.85em;background:none;border:1px solid #211921;border-radius:20px;padding:6px 14px;color:#9a8f9a;cursor:pointer}
#controls button:hover{border-color:#10a0a0;color:#fff5ee}
#badge{margin-left:auto;font-size:12px;color:#9a8f9a;opacity:.7;white-space:nowrap}
@media(max-width:700px){#badge{display:none}body{font-size:15px}}