:root{color-scheme:light;font-family:Nunito,Quicksand,Segoe UI,sans-serif;--bg: #f6fbff;--bg-alt: #eaf4ff;--bg-soft: rgba(233, 245, 255, .85);--panel: rgba(255, 255, 255, .96);--panel-strong: rgba(250, 253, 255, .98);--stroke: rgba(96, 126, 163, .24);--text: #24364a;--muted: #5e748e;--accent: #f6a742;--gamma-color: #f28e2b;--beta-color: #76b7b2;--alpha-color: #4e79a7;--shadow: 0 10px 28px rgba(61, 99, 145, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(242,142,43,.16),transparent 34%),radial-gradient(circle at 88% 0%,rgba(78,121,167,.16),transparent 34%),radial-gradient(circle at 50% 100%,rgba(118,183,178,.13),transparent 42%),linear-gradient(180deg,#f9fcff,#f3f9ff 54%,#edf6ff);color:var(--text)}button,input{font:inherit}button{border:0;cursor:pointer}#root{min-height:100vh}.app-shell{padding:28px;min-height:100dvh;height:auto;display:flex;flex-direction:column;overflow-x:clip}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.topbar h1,.panel-heading h2{font-family:Space Grotesk,sans-serif;margin:0;letter-spacing:-.04em}.topbar h1{font-size:clamp(2rem,3vw,3.2rem)}.subtitle{max-width:760px;margin:10px 0 0;color:var(--muted);line-height:1.55}.eyebrow{margin:0 0 6px;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:700}.toolbar-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.primary-button,.secondary-button,.ghost-button{border-radius:999px;padding:12px 18px;transition:transform .18s ease,opacity .18s ease,background-color .18s ease}.primary-button{background:linear-gradient(135deg,#ffd166,#ffb86b);color:#2f3743;font-weight:700}.primary-button.is-reset-state{background:linear-gradient(135deg,#c8d6e8,#dbe6f4);color:#2f3b4a}.secondary-button{background:#4e79a721;color:var(--text)}.ghost-button{background:#76b7b224;color:var(--text);padding:9px 14px}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--stroke);border-radius:24px;box-shadow:var(--shadow)}.notif-bell{position:relative}.notif-bell__trigger{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:999px}.notif-bell__trigger--unread{background:#f6a74233}.notif-bell__badge{position:absolute;top:4px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:#2f3743;font-size:.65rem;font-weight:800;line-height:17px;text-align:center;pointer-events:none}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 24px));max-height:480px;display:flex;flex-direction:column;padding:0;overflow:hidden;z-index:200;border-radius:20px}.notif-dropdown__header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px;border-bottom:1px solid var(--stroke);flex-shrink:0}.notif-dropdown__empty{padding:32px 18px;text-align:center;color:var(--muted);font-size:.9rem}.notif-dropdown__list{margin:0;padding:8px 0;list-style:none;overflow-y:auto}.notif-item{display:flex;flex-direction:column;gap:4px;padding:12px 18px;border-bottom:1px solid var(--stroke);transition:background .15s ease}.notif-item:last-child{border-bottom:none}.notif-item--unread{background:#f6a7421a}.notif-item--unread .notif-item__message:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px;flex-shrink:0;vertical-align:middle}.notif-item__message{font-size:.88rem;color:var(--text);line-height:1.45}.notif-item__meta{font-size:.76rem;color:var(--muted);padding-left:15px}.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.status-card{padding:16px 18px}.status-card span{display:block;color:var(--muted);margin-bottom:6px}.status-card strong{font-size:1.32rem}.status-bar-row{display:flex;align-items:center;gap:10px}.status-stack,.status-legend{display:grid;gap:8px}.status-legend-item{display:flex;align-items:center;gap:8px;color:var(--text)}.status-legend-item span{margin:0;color:var(--text)}.status-bar-row strong{flex-shrink:0;min-width:3.2ch}.status-bar-row.gamma-row strong{color:var(--gamma-color)}.status-bar-row.beta-row strong{color:var(--beta-color)}.status-bar-row.alpha-row strong{color:var(--alpha-color)}.status-bar-track{flex:1;height:8px;border-radius:4px;background:#4e79a72e;overflow:hidden}.status-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.gamma-fill{background:repeating-linear-gradient(45deg,var(--gamma-color),var(--gamma-color) 7px,rgba(255,255,255,.24) 7px,rgba(255,255,255,.24) 11px)}.beta-fill{background:repeating-linear-gradient(90deg,var(--beta-color),var(--beta-color) 8px,rgba(255,255,255,.22) 8px,rgba(255,255,255,.22) 12px)}.alpha-fill{background:repeating-linear-gradient(135deg,var(--alpha-color),var(--alpha-color) 8px,rgba(255,255,255,.22) 8px,rgba(255,255,255,.22) 12px)}.outcome-running{color:var(--beta-color)}.outcome-won{color:var(--alpha-color)}.outcome-lost{color:var(--gamma-color)}.layout-grid{display:grid;grid-template-columns:0 minmax(0,1fr);gap:18px;align-items:start;transition:grid-template-columns .22s ease;flex:1;min-height:0}.layout-grid.parameters-open{grid-template-columns:340px minmax(0,1fr)}.parameter-dock{overflow:hidden;min-width:0;transition:opacity .18s ease,max-height .22s ease}.parameter-dock.is-closed{opacity:0;pointer-events:none;max-height:0}.parameter-dock.is-open{opacity:1;max-height:2000px}.parameter-dock .parameter-panel{position:sticky;top:20px;max-height:calc(100vh - 40px)}.panel-toggle{position:fixed;left:10px;top:50%;transform:translateY(-50%);width:28px;height:66px;border-radius:999px;border:1px solid var(--stroke);background:#fffffff2;color:var(--text);display:grid;place-items:center;z-index:2220;box-shadow:var(--shadow);transition:background-color .18s ease,transform .18s ease}.panel-toggle:hover{background:#f3f9ff}.panel-toggle.is-open{transform:translateY(-50%) translate(2px)}.panel-toggle-label{display:none}.main-stage{display:grid;gap:18px;height:100%;min-height:0;align-content:start}.visual-row{display:grid;grid-template-columns:minmax(0,60%) minmax(0,40%);gap:18px;height:100%;min-height:0}.feed-panel,.parameter-panel,.graph-panel,.chart-panel{padding:18px}.graph-panel{display:flex;flex-direction:column;height:100%;min-height:0}.feed-panel{height:100%;min-height:0;display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.counter-pill,.meta-chip,.type-chip,.status-label{border-radius:999px;padding:6px 10px;font-size:.8rem;background:#4e79a724}.empty-state{min-height:220px;display:grid;place-items:center;text-align:center;color:var(--muted);border:1px dashed rgba(96,126,163,.3);border-radius:18px}.post-list{display:grid;gap:12px;flex:1;min-height:0;grid-auto-rows:max-content;align-content:start;overflow:auto;padding-right:4px}@media (min-width: 981px){.visual-row{align-items:stretch}.graph-panel,.feed-panel{height:clamp(480px,68dvh,740px)}.feed-panel{overflow:hidden}.post-list{overflow-y:auto;overflow-x:hidden}}.post-card{border-radius:18px;padding:14px;border:1px solid rgba(96,126,163,.24);background:linear-gradient(180deg,#fffffffa,#f6fbfff5);transition:border-color .18s ease,transform .18s ease,background-color .18s ease}.post-card:hover{transform:translateY(-1px)}.post-card.is-highlighted{border-color:var(--alpha-color)}.post-card.is-censored{opacity:.58;filter:grayscale(.68)}.post-card.gamma{box-shadow:inset 0 0 0 1px #f28e2b4d;border-left:5px solid var(--gamma-color)}.post-card.alpha{box-shadow:inset 0 0 0 1px #4e79a74d;border-left:5px double var(--alpha-color)}.post-card.beta{box-shadow:inset 0 0 0 1px #76b7b24d;border-left:5px dashed var(--beta-color)}.post-card__header,.post-card__footer{display:flex;justify-content:space-between;gap:8px;align-items:center}.post-card__body{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:12px 0;color:var(--muted)}.post-card__metrics{min-width:0;flex:1}.post-card__body p{margin:5px 0}.post-card__content{margin:0 0 10px;color:var(--text);line-height:1.45}.graph-svg,.chart-svg{width:100%;display:block}.graph-svg{flex:1;min-height:0;height:100%}.graph-node-tooltip{position:fixed;display:none;align-items:center;gap:10px;max-width:min(360px,calc(100vw - 16px));padding:10px 12px;border-radius:12px;background:#fffffffa;border:1px solid rgba(96,126,163,.35);box-shadow:0 10px 24px #3d639138;color:var(--text);font-size:.78rem;line-height:1.35;pointer-events:none;z-index:1400}.graph-node-tooltip__text{min-width:0}.graph-node-tooltip__image{width:50px;height:50px;border-radius:8px;border:1px solid rgba(96,126,163,.3);object-fit:cover;background:#ffffffe0;flex-shrink:0}.chart-svg{min-height:280px}.node-label{fill:#111;font-size:10px;font-weight:700;pointer-events:none}.legend-inline{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.legend-dot.gamma{background:var(--gamma-color)}.legend-dot.beta{background:var(--beta-color)}.legend-dot.alpha{background:var(--alpha-color)}.parameter-panel{max-height:520px;overflow:auto}.parameter-groups{display:grid;gap:14px}.parameter-group{padding:14px;background:#76b7b214;border-radius:18px}.parameter-group h3{margin:0 0 12px;font-size:1rem}.parameter-field{display:grid;gap:8px;margin-bottom:10px;color:var(--muted)}.parameter-label-row{display:flex;align-items:center;gap:8px}.info-tooltip{display:inline-flex;width:18px;height:18px;border-radius:999px;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;line-height:1;color:var(--text);background:#4e79a733;border:1px solid rgba(96,126,163,.35);cursor:help;flex-shrink:0}.tooltip-portal{padding:10px 12px;border-radius:10px;color:var(--text);background:#fffffffa;border:1px solid rgba(96,126,163,.3);box-shadow:0 8px 24px #3d639129;font-size:.78rem;line-height:1.5;z-index:9999}.parameter-field input[type=number],.parameter-field select{width:100%;border-radius:12px;border:1px solid rgba(96,126,163,.26);background:#fffffff5;color:var(--text);padding:10px 12px}.parameter-field input[type=checkbox]{width:18px;height:18px}.footer-note{margin-top:12px;flex-shrink:0;color:var(--muted)}.error-banner{margin-bottom:16px;padding:12px 14px;border-radius:16px;color:#7c2d12;background:#f28e2b29;border:1px solid rgba(242,142,43,.4)}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:360;display:grid;place-items:center;padding:20px;background:#506c8a6b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-card{width:min(860px,100%);max-height:min(86vh,920px);padding:24px;display:grid;gap:14px}.welcome-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.55rem,4vw,2.05rem);color:var(--text)}.welcome-content{max-height:min(58vh,620px);overflow:auto;padding:14px;border-radius:14px;border:1px solid rgba(96,126,163,.24);background:#f6fbffd9;color:var(--muted);line-height:1.7;white-space:pre-wrap}.endgame-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:grid;place-items:center;padding:20px;background:#80a1c742;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.endgame-card{width:min(520px,100%);padding:28px 24px;text-align:center}.endgame-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,5vw,2.4rem)}.endgame-title.is-win{color:var(--alpha-color)}.endgame-title.is-loss{color:var(--gamma-color)}.endgame-message{margin:12px 0 22px;color:var(--muted);line-height:1.5}.endgame-image{display:block;width:min(240px,72vw);height:auto;margin:14px auto 8px;border-radius:14px;border:1px solid rgba(96,126,163,.28);background:#ffffffeb}@media (max-width: 1280px){.visual-row{grid-template-columns:1fr}.parameter-panel{max-height:none}}@media (max-width: 980px){.app-shell{padding:18px 18px 84px}.topbar{display:flex;flex-direction:column;gap:14px}.toolbar-actions{width:100%;justify-content:flex-start}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-panel{position:static;min-height:0}.layout-grid,.layout-grid.parameters-open,.layout-grid.parameters-closed{grid-template-columns:1fr}.parameter-dock{position:static;max-height:none}.parameter-dock.is-open{position:fixed;top:76px;right:12px;bottom:12px;left:12px;z-index:260;max-height:none}.parameter-dock.is-open .parameter-panel{position:relative;top:0;max-height:100%;height:100%}.panel-toggle{left:auto;right:14px;bottom:20px;top:auto;transform:none;width:auto;min-width:144px;height:44px;padding:0 16px;border-radius:999px;display:inline-flex;gap:8px;align-items:center;justify-content:center;background:#fffffff7}.panel-toggle.is-open{transform:none}.panel-toggle-label{display:inline;font-size:.84rem;font-weight:700;letter-spacing:.01em}.panel-toggle-indicator{font-size:.9rem}}@media (max-width: 720px){.status-strip{grid-template-columns:1fr}.toolbar-actions,.panel-heading,.post-card__header,.post-card__footer,.post-card__body{flex-direction:column;align-items:flex-start}.graph-svg{min-height:300px}.notif-dropdown{right:-300px;width:min(92vw,340px)}.endgame-card{padding:22px 18px}.welcome-card{padding:18px;max-height:90vh}.welcome-content{max-height:60vh}}