:root{--cream: #fffaf3;--cream-2: #fff1e4;--coffee: #7a5540;--coffee-deep: #4a3327;--caramel: #d9a066;--gold: #e8b45a;--butter: #f8dfa8;--pink: #f5bbc9;--pink-deep: #e38fa6;--pink-soft: #fde7ed;--leaf: #4e7a5a;--mint: #bde3cf;--mint-deep: #6fa98d;--brick: #d8798e;--ink: #4a3a32;--muted: #96827a;--line: rgba(122, 85, 64, .14);--glass: rgba(255, 250, 243, .8);--shadow: 0 18px 40px -18px rgba(122, 85, 64, .4);--radius: 22px;font-synthesis:none}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(120% 90% at 15% 0%,#fff8f0,#fff8f000 62%),radial-gradient(90% 70% at 92% 96%,#fde3ea,#fde3ea00 58%),radial-gradient(70% 60% at 70% 10%,#e7f5ec,#e7f5ec00 55%),var(--cream);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}button{font-family:inherit}#app{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto minmax(0,1fr)}.hud{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:10px 18px;background:linear-gradient(180deg,#fffbf5f5,#fff6eec2);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);z-index:5}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.brand-mark{position:relative;width:42px;height:42px;display:grid;place-items:center;font-size:21px;border-radius:15px;background:linear-gradient(150deg,#f9c9d6,#e38fa6);box-shadow:inset 0 1px #ffffffb3,0 8px 16px -8px #e38fa6e6}.brand-mark:after{content:"♥";position:absolute;right:-3px;top:-5px;width:15px;height:15px;display:grid;place-items:center;font-size:9px;color:#fff;border-radius:50%;background:var(--pink-deep);box-shadow:0 2px 4px #e38fa680}.brand-text strong{display:block;font-family:"Baloo 2",system-ui,sans-serif;font-size:19px;line-height:1.1;letter-spacing:.2px;color:#4a3327}.brand-text span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.stats{display:flex;gap:8px;flex:1 1 auto;min-width:0;margin-left:6px}.stat{position:relative;flex:1 1 0;min-width:0;padding:6px 12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fffdf9,#fff6ec);box-shadow:0 6px 14px -14px #7a5540cc}.stat-label{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--muted);white-space:nowrap}.stat b{display:block;font-family:"Baloo 2",system-ui,sans-serif;font-size:17px;font-weight:700;line-height:1.2;white-space:nowrap}.stat.money b{color:#c06f88}.stat.money b.neg{color:var(--brick)}.meter{height:5px;margin-top:4px;overflow:hidden;border-radius:99px;background:#f5bbc947}.meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f8cad6,var(--pink-deep));transition:width .3s ease}.meter.time i{background:linear-gradient(90deg,var(--butter),#efb98c)}.hud-actions{display:flex;gap:8px;flex:0 0 auto}.btn{padding:9px 14px;border:1px solid transparent;border-radius:14px;font-size:13px;font-weight:700;line-height:1.1;white-space:nowrap;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{color:#34503f;background:linear-gradient(180deg,#d6f0e1,#9ed4b8);box-shadow:inset 0 1px #fffc,0 10px 20px -12px #6fa98de6}.btn.gold{color:#6a3346;background:linear-gradient(180deg,#ffd9e3,#f3aec1);box-shadow:inset 0 1px #fffc,0 10px 20px -12px #e38fa6e6}.btn.ghost{color:var(--coffee-deep);background:#fffc;border-color:#f5bbc9b3}.btn:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.6)}.btn.big{padding:14px 24px;font-size:15px;border-radius:14px}.btn:focus-visible,.tab:focus-visible,.card:focus-visible{outline:3px solid rgba(227,143,166,.45);outline-offset:2px}.stage{position:relative;min-height:0;overflow:hidden}#scene{display:block;width:100%;height:100%;touch-action:manipulation}.event-chips{position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:6px;max-width:min(70%,560px);pointer-events:none}.event-chips.empty{display:none}.chip{padding:5px 11px;border-radius:99px;font-size:11.5px;font-weight:700;color:var(--coffee-deep);background:#fffbf5e6;border:1px solid rgba(245,187,201,.65);backdrop-filter:blur(6px);box-shadow:0 6px 14px -10px #7a5540b3}.chip.good{color:#37624a;background:#bde3cff0;border-color:#6fa98d80}.chip.warn{color:#8a3f52;background:#fde7edf2;border-color:#e38fa68c}.chip.vip{color:#6a4a18;background:linear-gradient(180deg,#fbe8bc,#f6d79a);border-color:#e8b45a8c}.toasts{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;width:min(330px,74%);pointer-events:none;z-index:3}.toast{padding:10px 13px;border-radius:16px;font-size:12.5px;font-weight:600;line-height:1.4;color:var(--coffee-deep);background:#fffbf5f0;border:1px solid rgba(245,187,201,.5);border-left:4px solid var(--pink-deep);box-shadow:0 14px 26px -18px #7a5540b3;backdrop-filter:blur(8px);animation:toast-in .28s cubic-bezier(.2,.9,.3,1.2)}.toast.good{border-left-color:var(--mint-deep)}.toast.warn{border-left-color:#e07a5f}.toast.info{border-left-color:var(--caramel)}.toast.out{opacity:0;transform:translate(12px);transition:opacity .3s ease,transform .3s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes float-soft{0%,to{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-7px) rotate(-3deg)}}@keyframes breathe{0%,to{transform:scale(1);box-shadow:inset 0 1px #fffc,0 10px 20px -12px #6fa98de6}50%{transform:scale(1.02);box-shadow:inset 0 1px #fffc,0 16px 26px -14px #6fa98df2}}.hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);margin:0;padding:7px 15px;border-radius:99px;font-size:12px;font-weight:600;color:var(--coffee-deep);background:#fffbf5e0;border:1px solid rgba(245,187,201,.6);backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}.paused-note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:12px 14px 12px 18px;border-radius:16px;background:#fffaf3f0;border:1px solid var(--line);box-shadow:var(--shadow);font-weight:700;z-index:4}.panel{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:linear-gradient(180deg,#fffbf5f7,#fef3eaf2);backdrop-filter:blur(18px)}.tabs{display:flex;gap:6px;padding:12px;border-bottom:1px solid var(--line)}.tab{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 4px;border:1px solid transparent;border-radius:13px;font-size:12px;font-weight:700;color:var(--muted);background:transparent;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.tab span{font-size:13px}.tab.active{color:#7c3f52;background:linear-gradient(180deg,#fff6f9,var(--pink-soft));border-color:#f5bbc9bf;box-shadow:inset 0 1px #ffffffd9,0 8px 16px -14px #e38fa6e6}.panel-body{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;min-height:0;padding:12px 12px 24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(111,78,55,.3) transparent}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-thumb{background:#6f4e3742;border-radius:99px}.panel-summary{display:flex;flex-wrap:wrap;gap:5px}.pill{padding:4px 9px;border-radius:99px;font-size:10.5px;font-weight:700;color:var(--coffee);background:#ffffffc7;border:1px solid rgba(245,187,201,.45);white-space:nowrap}.pill.cost{color:#8a5a3a;background:#f8dfa847;border-color:#d9a06652}.sec-title{margin:8px 2px 0;font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.sec-note{margin:0 2px 4px;font-size:11px;line-height:1.45;color:var(--muted)}.card{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border:1px solid rgba(245,187,201,.45);border-radius:18px;font:inherit;color:inherit;text-align:left;background:linear-gradient(180deg,#ffffffeb,#fff9f2c7);cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.card:hover:not(:disabled){transform:translateY(-1px);border-color:#e38fa6b3;box-shadow:0 14px 24px -20px #7a5540cc}.card:disabled{cursor:not-allowed;opacity:.58}.card.static{cursor:default}.card.is-locked{background:#ffffff73}.card-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;font-size:18px;border:1px solid rgba(245,187,201,.5);border-radius:13px;background:linear-gradient(145deg,#fff8f0,#fde7ed)}.card-main{flex:1 1 auto;min-width:0}.card-top{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:13px;font-weight:700}.card-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-top em{flex:0 0 auto;font-style:normal;font-size:10.5px;font-weight:700;color:var(--muted)}.card-desc{display:block;margin-top:2px;font-size:11px;line-height:1.4;color:var(--muted)}.price{flex:0 0 auto;padding:6px 10px;border-radius:11px;font-family:"Baloo 2",system-ui,sans-serif;font-size:13px;font-weight:700;color:#33523f;background:linear-gradient(180deg,#d9f2e4,#a9dcc2);box-shadow:inset 0 1px #ffffffb3;white-space:nowrap}.price.locked{color:#7a6a5e;background:linear-gradient(180deg,#ede1d4,#d6c5b4)}.badge-good{flex:0 0 auto;padding:5px 8px;border-radius:9px;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a3f52;background:#f5bbc94d;border:1px solid rgba(227,143,166,.45);white-space:nowrap}.mini-table{margin-top:6px;padding:10px 12px;border-radius:16px;border:1px dashed rgba(227,143,166,.45);background:#fffbf5b3;font-size:11.5px}.mini-table>div{display:flex;justify-content:space-between;gap:10px;padding:3px 0;color:var(--muted)}.mini-table b{color:var(--ink);font-weight:700}.mini-table .total{margin-top:4px;padding-top:7px;border-top:1px solid var(--line);color:var(--ink);font-weight:700}.overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:radial-gradient(60% 60% at 20% 10%,#f5bbc940,#f5bbc900 60%),#4a32266b;backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.overlay.show{opacity:1;visibility:visible}.modal{position:relative;width:min(560px,92vw);max-height:88dvh;overflow-y:auto;padding:26px;border:1px solid rgba(245,187,201,.65);border-radius:30px;background:radial-gradient(120% 80% at 0% 0%,#fffffff2,#fff0 60%),radial-gradient(80% 60% at 100% 100%,#fde7ede6,#fde7ed00 55%),linear-gradient(180deg,#fffdf9,#fff3e9);box-shadow:0 40px 80px -30px #4a3226a6,inset 0 1px #fffffff2;transform:translateY(8px) scale(.99);transition:transform .3s cubic-bezier(.2,.9,.3,1.15)}.overlay.show .modal{transform:none}.title-modal:before,.title-modal:after{position:absolute;pointer-events:none;z-index:0;opacity:.95}.title-modal:before{content:"☕";top:20px;right:26px;font-size:40px;transform:rotate(9deg);filter:drop-shadow(0 6px 10px rgba(227,143,166,.35));animation:float-soft 4.5s ease-in-out infinite}.title-modal:after{content:"🐱";right:34px;bottom:24px;font-size:34px;transform:rotate(-6deg);filter:drop-shadow(0 6px 10px rgba(227,143,166,.3));animation:float-soft 5.2s ease-in-out .4s infinite}.title-modal>*{position:relative;z-index:1}.eyebrow{margin:0 0 6px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pink-deep)}.modal h1{margin:0;font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(42px,9vw,60px);line-height:.98;letter-spacing:-.5px}.modal h1 span{color:var(--pink-deep)}.modal h2{margin:0 0 14px;font-family:"Baloo 2",system-ui,sans-serif;font-size:27px;line-height:1.15}.lede{margin:12px 0 16px;max-width:46ch;font-size:13.5px;line-height:1.6;color:#5c4637}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 20px;padding:0;list-style:none}.features li{padding:10px 12px;border-radius:16px;border:1px solid rgba(245,187,201,.45);background:linear-gradient(180deg,#ffffffd9,#fdeef299);font-size:10.5px;line-height:1.4;color:var(--muted)}.features b{display:block;font-family:"Baloo 2",system-ui,sans-serif;font-size:22px;line-height:1.1;color:var(--coffee-deep)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.title-modal .modal-actions{justify-content:flex-start;margin-top:6px}.title-modal .btn.primary{animation:breathe 3.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.title-modal .btn.primary,.title-modal:before,.title-modal:after{animation:none}}.tiny,.resume-line{margin:14px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}.resume-line b{color:var(--coffee-deep)}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.report-grid>div{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffffa8}.report-grid span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.report-grid b{font-family:"Baloo 2",system-ui,sans-serif;font-size:19px}.pos{color:#37624a}.neg{color:var(--brick)}.bars{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.bar-row{display:grid;grid-template-columns:76px minmax(0,1fr) 78px;align-items:center;gap:9px;font-size:11.5px;color:var(--muted)}.bar-row b{text-align:right;font-size:12px}.bar{height:9px;overflow:hidden;border-radius:99px;background:#f5bbc938}.bar i{display:block;height:100%;border-radius:99px}.bar i.good{background:linear-gradient(90deg,#c9ebd8,var(--mint-deep))}.bar i.bad{background:linear-gradient(90deg,#f8c9d5,var(--pink-deep))}.report-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding:12px 14px;border-radius:18px;border:1px dashed rgba(227,143,166,.45);background:#fffbf5bf}.report-sum>div{display:flex;flex-direction:column;gap:1px}.report-sum span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.report-sum b{font-size:13px}@media (max-width: 980px){#app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) 42dvh}.panel{border-left:none;border-top:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:0 -12px 30px -24px #4a3226b3}.hud{flex-wrap:wrap;gap:8px;padding:8px 10px 10px}.brand-text strong{font-size:16px}.brand-mark{width:34px;height:34px;font-size:18px}.stats{order:3;width:100%;margin-left:0;gap:6px}.stat{padding:5px 9px}.stat b{font-size:15px}.hud-actions{margin-left:auto}.hud-actions .btn{padding:8px 10px;font-size:12px}.toasts{top:8px;right:8px}.event-chips{top:8px;left:8px}.hint{bottom:8px;font-size:11px;max-width:94%}}@media (max-width: 560px){.title-modal:before,.title-modal:after{display:none}.stat.served-stat{display:none}.hud-actions .btn.ghost{padding:8px}#btn-speed{display:none}.modal{padding:20px;border-radius:22px}.features{grid-template-columns:repeat(3,minmax(0,1fr))}.bar-row{grid-template-columns:62px minmax(0,1fr) 68px}.report-grid{gap:6px}}@media (max-height: 520px) and (orientation: landscape){#app{grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr)}.panel{border-left:1px solid var(--line);border-top:none;border-radius:0}.hud{padding:6px 10px}.stats{order:0;width:auto;margin-left:4px}.brand-text span{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}