:root{--bg-base: #0A0A0F;--bg-elevated: #111118;--bg-card: #16161F;--bg-card-hover: #1C1C28;--bg-surface-5: #0A0A0F;--bg-surface-4: #111118;--bg-surface-3: #16161F;--bg-surface-2: #1C1C28;--bg-surface-1: #232333;--color-ice: #22D3EE;--color-blue: #3B82F6;--color-purple: #6366F1;--color-ember: #F97316;--status-good: #10B981;--status-ok: #F59E0B;--status-bad: #EF4444;--status-neutral: #6B7280;--text-primary: #F5F5FA;--text-secondary: #B4B4C7;--text-tertiary: #6B6B80;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--fs-4xl: 72px;--fs-3xl: 56px;--fs-2xl: 40px;--fs-xl: 28px;--fs-lg: 22px;--fs-md: 18px;--fs-base: 16px;--fs-sm: 14px;--fs-xs: 12px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--font-sans: "Inter", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", Consolas, monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow-ice: 0 0 16px rgba(34, 211, 238, .3);--z-base: 1;--z-sticky: 100;--z-overlay: 1000;--z-modal: 2000;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}#root>section:not(.r2-section){max-width:1280px;width:100%;margin-left:auto;margin-right:auto}@media (min-width: 1281px){#root>section:not(.r2-section){padding-left:var(--space-xl);padding-right:var(--space-xl)}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--fw-semibold)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:#22d3ee4d;color:var(--text-primary)}a:focus-visible{outline:2px solid var(--color-ice);outline-offset:2px}.text-mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.anim-enter{transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.anim-exit{transition:opacity .15s var(--ease-in),transform .15s var(--ease-in)}.anim-state{transition:all .3s var(--ease-in-out)}.btn-hover{transition:background .2s var(--ease-out),filter .2s var(--ease-out)}.btn-hover:hover{filter:brightness(1.1)}.turn-card{background:transparent;border-left-width:3px;border-left-style:solid;border-left-color:transparent;transition:border-left-color .2s var(--ease-out),background .15s var(--ease-out)}.turn-card--current{border-left-color:var(--color-ice);background:var(--bg-card-hover)}.turn-card--problem{border-left-color:var(--status-bad)}.turn-card:hover{border-left-color:var(--color-ice);background:var(--bg-card-hover)}.r2-section{height:calc(100vh - 56px);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-base)}.r2-row{display:flex;flex:1;min-height:0}.r2-col-left{width:240px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--bg-elevated)}.r2-col-center{flex:1;display:flex;flex-direction:column;min-width:0}.r2-col-right{width:200px;flex-shrink:0;border-left:1px solid var(--border-subtle);background:var(--bg-elevated)}.turn-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.r2-timeline{position:relative}@media (max-width: 1023px){.r2-row{flex-wrap:wrap}.r2-col-left{width:200px}.r2-col-right{order:-1;width:100%;border-left:none;border-bottom:1px solid var(--border-subtle)}}@media (max-width: 767px){.r2-section{height:auto;min-height:calc(100vh - 56px);padding-bottom:72px}.r2-row{flex-direction:column}.r2-col-left,.r2-col-right{width:100%;border-left:none;border-right:none;border-bottom:1px solid var(--border-subtle)}.r2-col-right{order:0}.turn-list{flex-direction:row;overflow-x:auto;overflow-y:hidden}.turn-list .turn-card{width:220px}.r2-timeline{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky)}}