:root{color:#f4eadb;font-synthesis:none;text-rendering:optimizelegibility;background:#17120e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,a{font:inherit}button{color:inherit}body{cursor:default}body.can-pick{cursor:grab}body.ceremony-target{cursor:pointer}.app-shell{isolation:isolate;background:#17120e;width:100%;height:100%;min-height:620px;position:relative}.app-shell:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 42%,#0d09072e 88%),linear-gradient(#110b0824,#0000 28% 74%,#0c080647);position:absolute;inset:0}.tea-canvas{z-index:0;inset:0;position:absolute!important}.webgl-fallback{background:#18120e;place-items:center;height:100%;display:grid}.topbar,.instruction-card,.mode-panel,.status-panel,.controls-strip,.ceremony-panel,.action-dock,.asset-credit{z-index:3;position:absolute}.asset-credit{color:#e0cfb76b;font-size:8px;text-decoration:none;bottom:8px;right:12px}.asset-credit:hover{color:#f0d4a7c7}.topbar{pointer-events:none;background:linear-gradient(#130d09c2,#0000);justify-content:space-between;align-items:center;padding:24px 30px;display:flex;top:0;left:0;right:0}.brand,.topbar__actions{align-items:center;display:flex}.brand{gap:12px}.brand__seal{color:#e7b86f;background:#562314b3;border:1px solid #ebb363b3;border-radius:7px;place-items:center;width:40px;height:40px;font-family:STKaiti,KaiTi,serif;font-size:25px;display:grid;box-shadow:0 0 28px #da843024}.brand p,.brand h1{margin:0}.brand p{letter-spacing:.22em;color:#bda991;font-size:9px}.brand h1{letter-spacing:.08em;margin-top:3px;font-family:STSong,Songti SC,serif;font-size:18px;font-weight:500}.topbar__actions{pointer-events:auto;gap:8px}.ghost-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#2017118f;border:1px solid #edd7b62e;border-radius:8px;padding:9px 13px;font-size:12px;transition:border-color .16s,background .16s}.ghost-button:hover{background:#4d2d1bb3;border-color:#e7b86f94}kbd{color:#dfcfb9;background:#ffffff0f;border:1px solid #ecdcc340;border-bottom-color:#ecdcc380;border-radius:5px;place-items:center;min-width:22px;min-height:20px;padding:1px 6px;font-family:inherit;font-size:10px;display:inline-grid}.instruction-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#1b130ea3;border:1px solid #e4c59a29;border-radius:12px;align-items:center;gap:12px;width:min(430px,100% - 48px);padding:12px 17px;display:flex;top:104px;left:50%;transform:translate(-50%);box-shadow:0 18px 46px #08050338}.instruction-card strong{font-size:14px;font-weight:500}.instruction-card--ceremony{width:min(500px,100% - 48px)}.phase-dot{background:#a39178;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #a3917814}.phase-dot--held,.phase-dot--pouring{background:#e2a654;box-shadow:0 0 0 6px #e2a6541f,0 0 18px #e2a65473}.eyebrow{color:#bca487;letter-spacing:.2em;text-transform:uppercase;margin:0 0 4px;font-size:9px}.mode-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b130e9e;border:1px solid #ebd5b724;border-radius:13px;width:218px;padding:15px;top:50%;left:28px;transform:translateY(-42%)}.ceremony-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b130eb3;border:1px solid #ebd5b724;border-radius:13px;width:216px;padding:14px;top:112px;bottom:88px;left:26px;overflow:hidden}.ceremony-panel__heading{justify-content:space-between;align-items:end;display:flex}.ceremony-panel__heading strong{font-family:STSong,Songti SC,serif;font-size:15px;font-weight:500}.ceremony-panel__heading>span{color:#d0ae7d;font-size:11px}.ceremony-progress,.ceremony-metric__track{background:#ffffff14;border-radius:99px;height:4px;overflow:hidden}.ceremony-progress{margin:10px 0 11px}.ceremony-progress span,.ceremony-metric__track span{border-radius:inherit;background:linear-gradient(90deg,#91431e,#e1a64d);height:100%;transition:width .22s;display:block}.ceremony-steps{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ceremony-steps li{color:#7e6e5d;border-radius:7px;align-items:center;gap:8px;min-height:25px;padding:3px 6px;display:flex}.ceremony-steps li>span{border:1px solid #ffffff17;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:8px;display:grid}.ceremony-steps b{font-size:10px;font-weight:450}.ceremony-steps li.done{color:#9d947f}.ceremony-steps li.done>span{color:#bdccaa;background:#607e4c33;border-color:#9bbe8042}.ceremony-steps li.active{color:#f4dfbe;background:linear-gradient(90deg,#994e1f75,#6e3e1e1a)}.ceremony-steps li.active>span{color:#2b170e;background:#e6aa55;border-color:#e6aa55;box-shadow:0 0 15px #e6aa554d}.mode-switch{gap:8px;display:grid}.mode-switch button{text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:12px;display:flex}.mode-switch button.active{background:linear-gradient(135deg,#86481f66,#55341e47);border-color:#e0a95b85}.mode-switch span{gap:2px;display:grid}.mode-switch strong{font-family:STSong,Songti SC,serif;font-size:13px;font-weight:500}.mode-switch small{color:#a9947a;font-size:10px}.status-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b130e9e;border:1px solid #ebd5b724;border-radius:13px;width:240px;padding:16px;top:50%;right:28px;transform:translateY(-42%)}.ceremony-status{top:50%}.ceremony-metric{margin-top:19px}.ceremony-metric>div:first-child{color:#b7a58e;justify-content:space-between;align-items:baseline;font-size:10px;display:flex}.ceremony-metric>div strong{color:#f0d4a7;font-family:STSong,Songti SC,serif;font-size:27px;font-weight:400}.ceremony-metric__track{height:6px;margin-top:11px}.ceremony-metric__track span{box-shadow:0 0 14px #e1a64d5c}.ceremony-metric p{color:#9f8d76;margin:11px 0 0;font-size:10px;line-height:1.5}.status-panel__heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.status-panel__heading strong{font-size:12px;font-weight:500}.balance-badge{color:#ad9980;background:#ffffff0f;border-radius:999px;padding:4px 7px;font-size:9px}.balance-badge.done{color:#cde1bd;background:#5d8c5247}.fill-meters{gap:12px;margin:18px 0 14px;display:grid}.fill-meter__label{color:#cdbba2;justify-content:space-between;font-size:10px;display:flex}.fill-meter__track{background:#ffffff14;border-radius:999px;height:4px;margin-top:6px;overflow:hidden}.fill-meter__track span{border-radius:inherit;background:linear-gradient(90deg,#9d4e1e,#e1a64d);height:100%;transition:width .1s linear;display:block;box-shadow:0 0 12px #e1a64d5c}.waste-line{color:#9f8d76;border-top:1px solid #ffffff12;justify-content:space-between;padding-top:11px;font-size:10px;display:flex}.controls-strip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#a99377;white-space:nowrap;background:#18110c99;border:1px solid #eed7b51f;border-radius:10px;gap:17px;padding:9px 14px;font-size:10px;display:flex;bottom:24px;left:50%;transform:translate(-50%)}.action-dock{justify-items:center;gap:7px;min-width:330px;display:grid;bottom:25px;left:50%;transform:translate(-50%)}.primary-action{color:#fff1d8;cursor:pointer;background:linear-gradient(#9a4e22f0,#682f19f0);border:1px solid #f6be6b9e;border-radius:10px;min-width:230px;padding:12px 22px;font-family:STSong,Songti SC,serif;font-size:14px;box-shadow:0 12px 38px #260f0657,inset 0 1px #ffffff1a}.primary-action:hover:not(:disabled){filter:brightness(1.08);border-color:#f0bf78}.primary-action:disabled{cursor:default;opacity:.58;filter:grayscale(.22)}.action-dock>span{color:#ae9679;background:#18110c9e;border-radius:7px;padding:5px 9px;font-size:9px}.gesture-prompt{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#eed7b2;background:#27180fc7;border:1px solid #ebb25d4d;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:300px;max-width:460px;padding:10px 17px;font-size:12px;display:flex;box-shadow:0 12px 38px #140a0540}.gesture-prompt strong{font-weight:500}.gesture-prompt__ring{border:2px solid #e6a653;border-radius:50%;flex:0 0 13px;width:13px;height:13px;box-shadow:0 0 0 5px #e6a6531a,0 0 16px #e6a65357}@media (width<=900px){.mode-panel{width:190px;left:16px}.ceremony-panel{width:190px;left:14px}.status-panel{width:210px;right:16px}.topbar{padding:18px}.ghost-button{padding:8px 9px}}@media (width<=700px){.brand p,.topbar__actions .ghost-button:first-child{display:none}.brand h1{font-size:14px}.mode-panel,.status-panel{width:calc(50% - 20px);top:auto;bottom:74px;transform:none}.controls-strip{display:none}.ceremony-panel{width:176px;height:236px;top:auto;bottom:74px;left:10px;overflow-y:auto}.ceremony-status{width:176px;bottom:74px;right:10px}.instruction-card--ceremony{top:82px}.action-dock{min-width:280px;bottom:15px}.primary-action{min-width:210px;padding:10px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}