:root{--text: #334155;--text-heading: #0f172a;--text-muted: #64748b;--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--surface-hover: #eef2f7;--input-bg: #ffffff;--border: #e2e8f0;--accent: #ea580c;--accent-dim: #c2410c;--ring: rgba(234, 88, 12, .45);--pointer: #0f172a;--warn: #b45309;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--text: #cbd5e1;--text-heading: #f8fafc;--text-muted: #94a3b8;--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--surface-hover: #475569;--input-bg: #1e293b;--border: #334155;--accent: #fb923c;--accent-dim: #ea580c;--ring: rgba(251, 146, 60, .5);--pointer: #f8fafc;--warn: #fcd34d;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100svh}#root{min-height:100svh}.app{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem;text-align:left}.header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .35rem;color:var(--text-heading)}.sub{margin:0;color:var(--text-muted);font-size:.95rem}.main{display:grid;gap:1.75rem;margin-top:1.75rem}@media(min-width:800px){.main{grid-template-columns:1fr 1fr;align-items:start}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.35rem;box-shadow:var(--shadow-sm)}.panel h2{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-heading)}.hint{font-size:.85rem;color:var(--text-muted);margin:0 0 .75rem;line-height:1.45}.lunch-input{width:100%;box-sizing:border-box;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9rem;line-height:1.5;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);resize:vertical;min-height:10rem}.lunch-input:focus{outline:2px solid var(--ring);outline-offset:2px}.btn{font:inherit;cursor:pointer;border-radius:10px;padding:.55rem 1rem;margin-top:.75rem;border:1px solid transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(165deg,var(--accent),var(--accent-dim));color:#fff;font-weight:600;width:100%;padding:.75rem 1rem;font-size:1rem}.btn.primary:not(:disabled):hover{filter:brightness(1.06)}.btn.secondary{background:var(--surface-2);color:var(--text-heading);border-color:var(--border)}.btn.secondary:hover{background:var(--surface-hover)}.wheel-panel{display:flex;flex-direction:column;align-items:stretch}.wheel-box{position:relative;width:min(100%,340px);aspect-ratio:1;margin:0 auto 1rem}.wheel-box--disabled{opacity:.55}.wheel-stage{position:relative;width:100%;height:100%}.wheel-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:22px solid var(--pointer);z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.wheel-spin-layer{width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 6px #ffffff1f,0 12px 40px #0000002e}.wheel-canvas{display:block;width:100%;height:100%;border-radius:50%}.spin-btn{margin-top:.25rem}.warn{margin:.75rem 0 0;font-size:.88rem;color:var(--warn);text-align:center}.result{margin:1rem 0 0;font-size:1.15rem;text-align:center;color:var(--text-heading)}.result strong{color:var(--accent);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}