:root{--walnut: #2a2119;--walnut-2: #3a2e23;--walnut-3: #4b3d2f;--linen: #ece3cc;--linen-dim: #b9ad92;--madder: #a3262a;--madder-hi: #c23a36;--ochre: #d4a245;--indigo: #2f3f73;--good: #8fb35a;--bad: #e0675c;--font-title: "Alegreya", Georgia, "Times New Roman", serif;--font-ui: "Alegreya Sans", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{display:grid;grid-template-rows:auto auto 1fr auto;height:100dvh;overflow:hidden;background:var(--walnut);color:var(--linen);font:16px/1.4 var(--font-ui);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ochre);outline-offset:2px}.topbar{display:flex;align-items:center;gap:18px;padding:6px 14px;min-height:56px;overflow-x:auto;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.brand{display:flex;align-items:center;gap:10px;flex:none;font:700 25px/1 var(--font-title)}.mark{width:14px;height:22px;flex:none;background:linear-gradient(var(--madder),var(--madder)) center 7px / 6px 6px no-repeat,#8b867b;clip-path:polygon(0 100%,0 30%,50% 0,100% 30%,100% 100%)}.stats{display:flex;gap:16px;margin:0;flex:none}.stat{display:flex;flex-direction:column;min-width:54px}.stat dt{font-size:12px;color:var(--linen-dim)}.stat dd{margin:0;font-weight:700;font-size:18px;font-variant-numeric:tabular-nums}.clock{display:flex;align-items:center;gap:10px;flex:none;margin-inline-start:auto}#date{font:500 17px var(--font-title);white-space:nowrap}.speed{display:flex;border:1px solid var(--walnut-3);border-radius:3px;overflow:hidden}.speed button{background:none;border:0;padding:6px 9px;cursor:pointer;font-size:11px;letter-spacing:-2px;color:var(--linen-dim)}.speed button[aria-pressed=true]{background:var(--linen);color:var(--walnut)}.account{display:flex;align-items:center;gap:8px;flex:none}.demo-timer{font-variant-numeric:tabular-nums;color:var(--linen-dim);white-space:nowrap}.demo-timer.warn{color:var(--ochre);font-weight:700}.who{color:var(--linen-dim);white-space:nowrap}.btn{background:var(--walnut-2);border:1px solid var(--walnut-3);color:var(--linen);padding:7px 13px;border-radius:3px;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--linen-dim)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--madder);border-color:var(--madder);color:#fff}.btn-primary:hover{background:var(--madder-hi);border-color:var(--madder-hi)}.btn-quiet{background:transparent;border-color:transparent;color:var(--linen-dim)}.stitch{height:12px;background:var(--linen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Cpath d='M6 1 11 6 6 11 1 6z' fill='%23a3262a'/%3E%3Cpath d='M6 4 8 6 6 8 4 6z' fill='%232a2119'/%3E%3Cpath d='M18 3 21 6 18 9 15 6z' fill='%232a2119'/%3E%3C/svg%3E") repeat-x center}.stage{position:relative;min-height:0;overflow:hidden;background:#c3d2da}#view{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#view.tool{cursor:crosshair}#view.drag{cursor:grabbing}.panel{background:#2a2119f0;border:1px solid var(--walnut-3);border-radius:6px;box-shadow:0 10px 30px #00000059}.info{position:absolute;top:14px;inset-inline-end:14px;width:min(320px,calc(100% - 28px));padding:16px 18px}.info h2{font:700 22px/1.2 var(--font-title);margin:0 28px 6px 0}.info p{margin:0 0 10px;color:var(--linen-dim)}.info .info-cap{color:var(--linen)}.close{position:absolute;top:8px;inset-inline-end:10px;background:none;border:0;font-size:24px;cursor:pointer;color:var(--linen-dim)}.hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:max-content;max-width:calc(100% - 28px);display:flex;align-items:center;gap:12px;padding:8px 10px 8px 14px;background:#2a2119eb;border:1px solid var(--walnut-3);border-radius:6px}.toasts{position:absolute;top:14px;inset-inline-start:14px;display:flex;flex-direction:column;gap:6px;pointer-events:none;max-width:min(380px,calc(100% - 28px))}.toast{background:#ece3ccf5;color:var(--walnut);padding:7px 12px;border-radius:3px;border-inline-start:4px solid var(--indigo);box-shadow:0 4px 14px #00000040;animation:toast-in .2s ease-out}.toast.bad{border-inline-start-color:var(--madder)}.toast.good{border-inline-start-color:var(--good)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.perf{position:absolute;inset-inline-end:10px;bottom:8px;font-size:12px;color:#2a2119bf;pointer-events:none;font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:6px;padding:8px 10px;overflow-x:auto;border-top:1px solid var(--walnut-2)}.tool-btn{flex:none;min-width:104px;text-align:start;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:7px 11px;border-radius:3px;background:transparent;border:1px solid var(--walnut-2)}.tool-btn:hover{border-color:var(--linen-dim)}.tool-btn .t-name{font-weight:700}.tool-btn .t-key{font-size:12px;color:var(--linen-dim)}.tool-btn[aria-pressed=true]{background:var(--linen);color:var(--walnut);border-color:var(--linen)}.tool-btn[aria-pressed=true] .t-key{color:#6b5d45}.tool-sep{flex:none;width:1px;background:var(--walnut-2);margin:4px}.dialog{width:min(480px,calc(100% - 28px));background:var(--linen);color:var(--walnut);border:0;border-radius:6px;padding:0 26px 22px;box-shadow:0 30px 80px #00000080}.dialog-wide{width:min(640px,calc(100% - 28px))}.dialog:before{content:"";display:block;height:12px;margin:0 -26px 18px;background:var(--walnut) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Cpath d='M6 1 11 6 6 11 1 6z' fill='%23a3262a'/%3E%3Cpath d='M6 4 8 6 6 8 4 6z' fill='%23ece3cc'/%3E%3Cpath d='M18 3 21 6 18 9 15 6z' fill='%23ece3cc'/%3E%3C/svg%3E") repeat-x center}.dialog::backdrop{background:#1a140eb8}.dialog h2{font:700 26px/1.15 var(--font-title);margin:0 0 8px}.dialog h3{font:700 18px var(--font-title);margin:18px 0 6px}.dialog p{margin:0 0 12px}.dialog .btn{background:transparent;color:var(--walnut);border-color:#b8a984}.dialog .btn-primary{background:var(--madder);border-color:var(--madder);color:#fff}.dialog .btn-quiet{border-color:transparent;color:#6b5d45}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:14px}.tabs{display:flex;gap:14px;margin:6px 0 14px;border-bottom:1px solid #cdbf9f}.tabs button{background:none;border:0;padding:8px 2px;cursor:pointer;color:#6b5d45;border-bottom:3px solid transparent;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--walnut);border-bottom-color:var(--madder);font-weight:700}#auth-form,.menu-grid{display:grid;gap:12px}.menu-grid{grid-template-columns:1fr 1fr}#auth-form label,.menu-grid label{display:grid;gap:4px;font-weight:500}#auth-form input,.menu-grid select{padding:9px 11px;border-radius:3px;border:1px solid #b8a984;background:#fbf7ec;color:var(--walnut)}.msg{min-height:1.4em;color:var(--madder);margin:0!important}.msg.ok{color:#3f6b2a}.help{margin:0;padding-inline-start:20px;font-size:15px}.help li{margin-bottom:6px}.version{font-size:13px;color:#6b5d45;margin-top:12px!important}.saves{list-style:none;margin:0;padding:0;max-height:52vh;overflow-y:auto}.saves li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:10px 0;border-bottom:1px solid #d8cbab}.saves .s-name{font-weight:700}.saves .s-meta{font-size:14px;color:#6b5d45}.saves .s-actions{grid-row:span 2;display:flex;gap:6px}.saves .btn{padding:5px 10px;font-size:14px}.loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--walnut);font:500 22px var(--font-title);z-index:20}@media (max-width: 760px){.topbar{flex-wrap:wrap;gap:6px 12px;overflow:visible}.brand{order:1;font-size:21px}.account{order:2;margin-inline-start:auto}.stats{order:3;width:100%;justify-content:space-between}.clock{order:4;width:100%;margin:0;justify-content:space-between}.menu-grid{grid-template-columns:1fr}.info{top:auto;bottom:14px}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}