:root{--lp-bg: #0a0d12;--lp-bg-deep: #06080c;--lp-panel: #10151d;--lp-panel-2: #161d28;--lp-line: #232d3d;--lp-line-soft: #1a2230;--lp-text: #dbe4f0;--lp-text-dim: #6b7a8f;--lp-amber: #ffb020;--lp-amber-soft: rgba(255, 176, 32, .12);--lp-green: #3ddc84;--lp-red: #ff5c5c;--lp-cyan: #45c4ff;--lp-font-display: "Chakra Petch", "Noto Sans TC", sans-serif;--lp-font-mono: "IBM Plex Mono", "Noto Sans TC", monospace;--lp-font-body: "Noto Sans TC", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;padding:0;overflow:hidden;background-color:var(--lp-bg);color:var(--lp-text);font-family:var(--lp-font-body);background-image:radial-gradient(ellipse 80% 60% at 15% -10%,rgba(255,176,32,.07),transparent 60%),radial-gradient(ellipse 70% 50% at 110% 110%,rgba(69,196,255,.05),transparent 55%),linear-gradient(rgba(35,45,61,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(35,45,61,.28) 1px,transparent 1px);background-size:100% 100%,100% 100%,44px 44px,44px 44px}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);opacity:.35;mix-blend-mode:multiply}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--lp-line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#33415a}.lp-panel{background:linear-gradient(180deg,var(--lp-panel-2),var(--lp-panel));border:1px solid var(--lp-line);border-radius:10px;position:relative}.lp-corners:before,.lp-corners:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}.lp-corners:before{top:-1px;left:-1px;border-top:2px solid var(--lp-amber);border-left:2px solid var(--lp-amber);border-top-left-radius:10px}.lp-corners:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--lp-amber);border-right:2px solid var(--lp-amber);border-bottom-right-radius:10px}.lp-kicker{font-family:var(--lp-font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--lp-amber)}.lp-title{font-family:var(--lp-font-display);font-weight:700;letter-spacing:.04em;color:var(--lp-text);margin:0}.lp-label{font-family:var(--lp-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--lp-text-dim)}.lp-mono{font-family:var(--lp-font-mono)}.lp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lp-green);box-shadow:0 0 8px var(--lp-green);animation:lp-blink 2s ease-in-out infinite}.lp-dot--amber{background:var(--lp-amber);box-shadow:0 0 8px var(--lp-amber)}.lp-dot--red{background:var(--lp-red);box-shadow:0 0 8px var(--lp-red);animation:lp-blink .8s ease-in-out infinite}@keyframes lp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.lp-rise{animation:lp-rise .45s cubic-bezier(.2,.8,.2,1) both}@keyframes lp-blink{0%,to{opacity:1}50%{opacity:.35}}.lp-slot-card{position:relative;width:104px;border:1px solid var(--lp-line);border-radius:10px;background:var(--lp-panel);padding:10px 10px 8px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;animation:lp-rise .45s cubic-bezier(.2,.8,.2,1) both}.lp-slot-card:hover{transform:translateY(-3px);border-color:var(--lp-amber);box-shadow:0 6px 24px #ffb0202e}.lp-slot-card img{width:80px;height:80px;border-radius:6px;display:block;object-fit:cover}.lp-slot-card .lp-slot-id{margin-top:6px;text-align:center;font-family:var(--lp-font-mono);font-size:12px;color:var(--lp-text-dim);letter-spacing:.08em}.lp-slot-card:hover .lp-slot-id{color:var(--lp-amber)}.lp-slot-badge{position:absolute;top:4px;right:4px;font-family:var(--lp-font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;padding:1px 6px;border-radius:4px;background:var(--lp-amber);color:#14100a;box-shadow:0 0 10px #ffb02080}.lp-spin-btn{width:100%;height:64px;border:none;border-radius:12px;font-family:var(--lp-font-display);font-size:22px;font-weight:700;letter-spacing:.35em;text-indent:.35em;cursor:pointer;color:#14100a;background:linear-gradient(180deg,#ffc24d,var(--lp-amber));box-shadow:0 4px #a86f0e,0 8px 28px #ffb02059;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease}.lp-spin-btn:hover{filter:brightness(1.08)}.lp-spin-btn:active{transform:translateY(3px);box-shadow:0 1px #a86f0e,0 4px 14px #ffb0204d}.lp-spin-btn--stop{color:#fff;background:linear-gradient(180deg,#ff7b7b,var(--lp-red));box-shadow:0 4px #9c2f2f,0 8px 28px #ff5c5c59;animation:lp-spin-pulse 1.2s ease-in-out infinite}.lp-spin-btn--stop:active{box-shadow:0 1px #9c2f2f,0 4px 14px #ff5c5c4d}@keyframes lp-spin-pulse{0%,to{box-shadow:0 4px #9c2f2f,0 8px 28px #ff5c5c59}50%{box-shadow:0 4px #9c2f2f,0 8px 40px #ff5c5ca6}}.lp-log{font-family:var(--lp-font-mono);font-size:12px;line-height:1.7;color:#9fb3c8;overflow-y:auto;padding:12px 14px;background:var(--lp-bg-deep);border:1px solid var(--lp-line-soft);border-radius:8px;flex:1;min-height:0}.lp-log p{margin:0;white-space:pre-wrap;word-break:break-all;border-bottom:1px dashed rgba(35,45,61,.5);padding:2px 0}.lp-log p:first-child{color:var(--lp-green)}.lp-cursor:after{content:"▌";color:var(--lp-amber);animation:lp-blink 1s steps(1) infinite;margin-left:2px}