:root{--bg: #F4F1ED;--surface: #FFFFFF;--surface-warm: #FAF8F5;--glass: rgba(255, 255, 255, .72);--glass-border: rgba(0, 0, 0, .06);--ink: #1A1816;--ink-soft: #3A3530;--ink-secondary: #7A7268;--ink-muted: #AEA598;--ink-faint: #D4CEC6;--ink-ghost: #E8E4DE;--accent: #D4622B;--accent-soft: #F0DDD2;--green: #3D8B4F;--green-soft: #D6EDDA;--green-bright: #48A85C;--amber: #C9960A;--amber-soft: #F5EDCE;--red: #C44040;--red-soft: #F5D8D8;--red-hot: #E53535;--font-display: "Sora", sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 4px 16px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-display);color:var(--ink);background:var(--bg);display:flex;flex-direction:column}.status-bar{padding:12px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--glass-border);z-index:20}.status-left{display:flex;align-items:center;gap:16px}.brand{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.brand-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-left:2px;vertical-align:middle}.status-divider{width:1px;height:16px;background:var(--ink-ghost)}.status-loc{font-size:12px;font-weight:300;color:var(--ink-muted)}.status-right{display:flex;align-items:center;gap:12px}.status-pill{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:400;color:var(--ink-secondary);background:var(--surface-warm);border:1px solid var(--glass-border);padding:5px 12px;border-radius:20px;transition:all .4s ease}.status-pill.urgent{background:var(--red-soft);border-color:var(--red);color:var(--red);animation:pill-urgency 2s ease-in-out infinite}@keyframes pill-urgency{0%,to{box-shadow:0 0 #c4404000}50%{box-shadow:0 0 0 4px #c440401f}}.status-pill-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2.5s ease-in-out infinite}.status-pill-dot.green{background:var(--green-bright)}.status-pill-dot.amber{background:var(--amber)}.status-pill-dot.red{background:var(--red-hot)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.status-pill strong{font-weight:600;color:var(--ink)}.status-pill.urgent strong{color:var(--red)}.viewer-pill{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--ink-secondary);background:var(--surface-warm);border:1px solid var(--glass-border);padding:5px 10px;border-radius:20px}.viewer-dot{width:5px;height:5px;border-radius:50%;background:var(--red-hot);animation:pulse 1.5s ease-in-out infinite}.main{flex:1;display:grid;grid-template-columns:1fr 420px;gap:0;min-height:0;overflow:hidden}.map-area{position:relative;display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden}.map-container{position:relative;width:500px;height:400px}.counter{position:absolute;top:70px;left:70px;right:70px;height:180px;background:var(--surface);border:1px solid var(--ink-ghost);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.counter-text{font-family:var(--font-display);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint)}.counter-sub{font-family:var(--font-serif);font-size:14px;font-style:italic;color:var(--ink-muted)}.seat{position:absolute;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:10px;font-weight:500;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background .4s ease,border-color .4s ease,color .4s ease;border:2px solid;-webkit-user-select:none;user-select:none}.seat.open{background:var(--green-soft);border-color:var(--green);color:var(--green)}.seat.open:hover{transform:scale(1.2);box-shadow:0 0 0 6px #3d8b4f26,0 0 20px #3d8b4f1a}.seat.taken{background:var(--surface);border-color:var(--ink-ghost);color:var(--ink-faint);cursor:default}.seat.just-taken{animation:seat-claimed .8s ease-out}@keyframes seat-claimed{0%{background:var(--green-soft);border-color:var(--green);transform:scale(1)}15%{background:var(--red-soft);border-color:var(--red);transform:scale(1.3);box-shadow:0 0 0 8px #c4404033}40%{background:var(--red-soft);border-color:var(--red);transform:scale(.95)}to{background:var(--surface);border-color:var(--ink-ghost);transform:scale(1)}}.seat.fade-in-open{animation:seat-appear .4s cubic-bezier(.34,1.56,.64,1)}@keyframes seat-appear{0%{transform:scale(.7);opacity:.5}to{transform:scale(1);opacity:1}}.seat[data-p=t1]{top:24px;left:84px}.seat[data-p=t2]{top:24px;left:148px}.seat[data-p=t3]{top:24px;left:212px}.seat[data-p=t4]{top:24px;left:276px}.seat[data-p=t5]{top:24px;left:340px}.seat[data-p=l1]{top:120px;left:24px}.seat[data-p=l2]{top:184px;left:24px}.seat[data-p=r1]{top:120px;right:24px;left:auto}.seat[data-p=r2]{top:184px;right:24px;left:auto}.seat[data-p=b1]{top:262px;left:148px}.seat[data-p=b2]{top:262px;left:222px}.seat[data-p=b3]{top:262px;left:296px}.map-legend{position:absolute;bottom:24px;left:32px;display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:400;color:var(--ink-muted)}.legend-circle{width:10px;height:10px;border-radius:50%;border:2px solid}.legend-circle.green{background:var(--green-soft);border-color:var(--green)}.legend-circle.grey{background:var(--surface);border-color:var(--ink-ghost)}.map-title{position:absolute;top:24px;left:32px}.map-title-text{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);transition:color .3s}.map-slot-label{position:absolute;top:24px;right:32px;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--glass-border);padding:5px 14px;border-radius:20px;box-shadow:var(--shadow-sm);transition:all .3s ease}.map-slot-label .slot-label-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:middle;animation:pulse 2s ease-in-out infinite}.map-slot-label .slot-label-dot.green{background:var(--green-bright)}.map-slot-label .slot-label-dot.amber{background:var(--amber)}.map-slot-label .slot-label-dot.red{background:var(--red-hot)}.context-bar{position:absolute;bottom:24px;right:32px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 16px;font-size:13px;font-weight:400;color:var(--ink-secondary);box-shadow:var(--shadow-sm);transition:all .3s ease;min-width:180px;text-align:center}.context-bar.alert{background:#c4404014;border-color:#c4404033;color:var(--red)}.context-bar .hl{font-weight:600;color:var(--ink)}.context-bar.alert .hl{color:var(--red)}.toast-container{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--ink);color:var(--surface);font-size:12px;font-weight:400;padding:10px 20px;border-radius:40px;box-shadow:0 8px 32px #0000002e;display:flex;align-items:center;gap:8px;white-space:nowrap;animation:toast-in .4s cubic-bezier(.34,1.56,.64,1) forwards,toast-out .4s ease 3.6s forwards;pointer-events:auto}.toast-icon{font-size:14px;flex-shrink:0}.toast strong{font-weight:600}.toast .toast-time{font-family:var(--font-mono);font-size:10px;color:#fff6;margin-left:4px}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.urgency-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:10px 28px;border-radius:40px;box-shadow:0 4px 24px #c4404059;opacity:0;pointer-events:none;z-index:15;white-space:nowrap;transition:none}.urgency-banner.show{animation:urgency-pop 3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes urgency-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.panel{background:var(--surface);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden}.panel-nav{display:flex;gap:8px;padding:16px 16px 0;flex-shrink:0}.nav-card{flex:1;padding:12px;background:var(--surface-warm);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all .2s ease;position:relative}.nav-card:hover{border-color:var(--ink-faint)}.nav-card.active{background:var(--ink);border-color:var(--ink);color:var(--surface);box-shadow:var(--shadow-md)}.nav-card-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.nav-card.active .nav-card-label{color:var(--surface)}.nav-card-count{font-family:var(--font-serif);font-size:22px;margin-top:2px;color:var(--ink-secondary);transition:color .3s}.nav-card.active .nav-card-count{color:#fff9}.nav-badge{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:var(--red);color:#fff;font-size:9px;font-weight:700;border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:0 2px 6px #c440404d;animation:badge-pop .4s cubic-bezier(.34,1.56,.64,1)}.nav-badge.show{display:flex}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.panel-content{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:var(--ink-ghost) transparent}.panel-content::-webkit-scrollbar{width:4px}.panel-content::-webkit-scrollbar-thumb{background:var(--ink-ghost);border-radius:2px}.panel-view{display:none}.panel-view.active{display:block}.bowl-card{background:var(--surface-warm);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:20px;margin-bottom:12px;transition:box-shadow .2s,transform .2s}.bowl-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.bowl-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.bowl-num{font-family:var(--font-serif);font-size:36px;font-weight:400;color:var(--ink-ghost);line-height:.9;margin-right:16px}.bowl-info{flex:1}.bowl-name{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-bottom:2px}.bowl-jp{font-size:12px;color:var(--ink-muted);margin-bottom:6px}.bowl-desc{font-family:var(--font-serif);font-size:14px;font-style:italic;color:var(--ink-secondary);line-height:1.5;margin-bottom:16px}.bowl-price{font-size:20px;font-weight:700;color:var(--ink)}.bowl-price span{font-size:12px;font-weight:300;color:var(--ink-muted)}.bowl-badge{display:inline-block;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:3px 10px;border-radius:4px;margin-bottom:8px}.bowl-orders{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;color:var(--ink-muted)}.bowl-orders-dot{width:5px;height:5px;background:var(--amber);border-radius:50%;animation:pulse 2s ease-in-out infinite}.bowl-orders strong{font-weight:600;color:var(--ink-secondary)}.stat-rings{display:flex;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ink-ghost)}.stat-ring{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.ring-svg{width:44px;height:44px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--ink-ghost);stroke-width:3}.ring-fill{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.ring-fill.amber{stroke:var(--amber)}.ring-fill.accent{stroke:var(--accent)}.ring-fill.red{stroke:var(--red)}.ring-fill.green{stroke:var(--green-bright)}.stat-ring-val{font-size:11px;font-weight:600;color:var(--ink);position:absolute;margin-top:14px}.ring-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.stat-ring-label{font-size:9px;font-weight:500;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em}.extras-section{margin-top:8px}.extras-title{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:10px}.extra-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--ink-ghost)}.extra-row:last-child{border-bottom:none}.extra-name{font-size:13px;font-weight:400;color:var(--ink-secondary)}.extra-price{font-size:13px;font-weight:600;color:var(--ink)}.seats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--ink-ghost)}.seats-header-left{display:flex;flex-direction:column;gap:2px}.seats-header-title{font-size:14px;font-weight:600;color:var(--ink)}.seats-header-sub{font-size:11px;color:var(--ink-muted)}.seats-live-count{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--ink);transition:color .3s}.seats-live-count.low{color:var(--red)}.seats-live-count .of-total{font-size:11px;font-weight:400;color:var(--ink-muted)}.time-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.time-card{background:var(--surface-warm);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);padding:16px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.time-card:hover:not(.locked){border-color:var(--green);box-shadow:0 0 0 3px #3d8b4f14}.time-card.selected{border-color:var(--ink);background:var(--ink);color:var(--surface)}.time-card.locked{opacity:.35;cursor:not-allowed}.time-card.flash:after{content:"";position:absolute;inset:0;background:#c4404014;animation:card-flash 1s ease-out forwards;pointer-events:none}@keyframes card-flash{0%{opacity:1}to{opacity:0}}.tc-time{font-size:18px;font-weight:600;color:var(--ink);margin-bottom:10px}.time-card.selected .tc-time{color:var(--surface)}.time-card.locked .tc-time{text-decoration:line-through}.tc-seats{display:flex;justify-content:center;gap:3px;margin-bottom:10px}.tc-chip{width:14px;height:6px;border-radius:3px;border:1px solid var(--ink-ghost);transition:all .4s ease}.tc-chip.taken{background:var(--ink-faint);border-color:var(--ink-faint)}.tc-chip.free{background:var(--green-soft);border-color:var(--green)}.tc-chip.just-taken{animation:chip-flash .6s ease-out}@keyframes chip-flash{0%{background:var(--green-soft);border-color:var(--green)}30%{background:var(--red);border-color:var(--red);transform:scaleY(1.8)}to{background:var(--ink-faint);border-color:var(--ink-faint);transform:scaleY(1)}}.time-card.selected .tc-chip{border-color:#fff3}.time-card.selected .tc-chip.taken{background:#ffffff4d;border-color:#ffffff4d}.time-card.selected .tc-chip.free{background:var(--green);border-color:var(--green)}.tc-status{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.tc-status.open{color:var(--green)}.tc-status.filling{color:var(--amber)}.tc-status.almost{color:var(--accent)}.tc-status.full{color:var(--ink-muted)}.time-card.selected .tc-status{color:#fff9}.activity-ticker{margin-top:14px;padding-top:12px;border-top:1px solid var(--ink-ghost)}.activity-title{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px;display:flex;align-items:center;gap:6px}.activity-title .live-dot{width:5px;height:5px;background:var(--red-hot);border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.activity-list{display:flex;flex-direction:column;gap:6px}.activity-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-secondary);animation:activity-slide .4s cubic-bezier(.34,1.56,.64,1)}@keyframes activity-slide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.activity-item .avatar{width:22px;height:22px;border-radius:50%;background:var(--ink-ghost);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:var(--ink-secondary);flex-shrink:0}.activity-item .ago{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);margin-left:auto;flex-shrink:0}.form-header{margin-bottom:20px}.form-title{font-size:20px;font-weight:600;color:var(--ink);margin-bottom:4px}.form-sub{font-family:var(--font-serif);font-size:14px;font-style:italic;color:var(--ink-muted)}.hold-timer{background:var(--red-soft);border:1px solid rgba(196,64,64,.15);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:18px;display:flex;align-items:center;gap:10px}.hold-timer-icon{font-size:18px;flex-shrink:0}.hold-timer-text{font-size:12px;color:var(--ink-soft);flex:1;line-height:1.4}.hold-timer-text strong{font-weight:600;color:var(--red)}.hold-countdown{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--red);flex-shrink:0;min-width:48px;text-align:center}.field{margin-bottom:14px}.field-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px;display:block}.field-input{width:100%;font-family:var(--font-display);font-size:14px;font-weight:300;color:var(--ink);background:var(--surface-warm);border:1px solid var(--glass-border);padding:11px 14px;border-radius:var(--radius-sm);outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.field-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #1a18160f}.field-input::placeholder{color:var(--ink-faint)}.field-input option{font-family:var(--font-display)}select.field-input{cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-submit{width:100%;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--surface);background:var(--green);border:none;padding:14px;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,transform .1s;margin-top:20px;letter-spacing:.03em;position:relative;overflow:hidden}.btn-submit:hover{background:var(--green-bright)}.btn-submit:active{transform:scale(.98)}.btn-submit:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{left:-100%}50%{left:150%}}.form-note{font-size:12px;color:var(--ink-muted);margin-top:12px;line-height:1.5}.social-proof{margin-top:16px;padding-top:14px;border-top:1px solid var(--ink-ghost)}.social-proof-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;color:var(--ink-muted);line-height:1.4}.social-proof-row .sp-icon{font-size:14px;flex-shrink:0}.social-proof-row strong{font-weight:600;color:var(--ink-secondary)}.info-card{background:var(--surface-warm);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px;margin-bottom:10px}.info-card-title{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px}.info-card-text{font-size:14px;font-weight:300;color:var(--ink-soft);line-height:1.6}.info-card-text a{color:var(--accent);text-decoration:none;font-weight:400}.info-card-text a:hover{text-decoration:underline}.info-quote{font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--ink-soft);line-height:1.55;margin-bottom:8px}.info-quote-attr{font-size:11px;font-weight:400;color:var(--ink-muted)}.bottom-bar{background:var(--surface);border-top:1px solid var(--glass-border);padding:10px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;z-index:20;transition:background .3s ease}.bottom-bar.urgent{background:var(--red-soft);border-top-color:#c4404026}.bottom-msg{font-size:13px;font-weight:300;color:var(--ink-secondary);transition:color .3s}.bottom-bar.urgent .bottom-msg{color:var(--ink-soft)}.bottom-msg .hl{font-weight:600;color:var(--ink)}.bottom-keys{display:flex;gap:12px}.key-badge{font-size:10px;font-weight:400;color:var(--ink-muted);display:flex;align-items:center;gap:4px}.key-badge kbd{font-family:var(--font-display);font-size:9px;font-weight:500;color:var(--ink-secondary);background:var(--surface-warm);border:1px solid var(--glass-border);padding:2px 6px;border-radius:4px}@media(max-width:860px){html,body{height:auto;overflow:auto}.main{grid-template-columns:1fr}.map-area{min-height:380px;border-bottom:1px solid var(--glass-border)}.map-container{transform:scale(.7);transform-origin:center}.panel{border-left:none;min-height:500px}.bottom-keys{display:none}}@media(max-width:520px){.map-container{transform:scale(.55)}.map-area{min-height:300px}.status-right{gap:8px}.status-pill{padding:4px 8px;font-size:11px}.viewer-pill,.map-slot-label{display:none}.field-row{grid-template-columns:1fr;gap:0}.time-cards{grid-template-columns:1fr}}