.m_b37d9ac7{width:calc(100% - var(--mantine-spacing-md) * 2);z-index:var(--notifications-z-index);max-width:var(--notifications-container-width);position:fixed}.m_b37d9ac7:where([data-position=top-center]){top:var(--mantine-spacing-md);left:50%;transform:translate(-50%)}.m_b37d9ac7:where([data-position=top-left]){top:var(--mantine-spacing-md);left:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=top-right]){top:var(--mantine-spacing-md);right:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=bottom-center]){bottom:var(--mantine-spacing-md);left:50%;transform:translate(-50%)}.m_b37d9ac7:where([data-position=bottom-left]){bottom:var(--mantine-spacing-md);left:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=bottom-right]){bottom:var(--mantine-spacing-md);right:var(--mantine-spacing-md)}.m_5ed0edd0+.m_5ed0edd0{margin-top:var(--mantine-spacing-md)}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bloknotes-default-note-icon-color:#475569;--bloknotes-font-family:Inter, Geist, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--bloknotes-accent-0:#eef5ff;--bloknotes-accent-1:#dceaff;--bloknotes-accent-2:#bad4ff;--bloknotes-accent-3:#93bcff;--bloknotes-accent-4:#73a8ff;--bloknotes-accent-5:#5f99ff;--bloknotes-accent-6:#528fff;--bloknotes-accent-7:#3b7bea;--bloknotes-accent-8:#2f6dd1;--bloknotes-accent-9:#245eb8;--factory-bg:#eef3f8;--factory-ink:#0f172a;--factory-muted:#64748b;--factory-line:#dbe4ec;--factory-paper:#fff;--factory-paper-soft:#f8fafc;--factory-blue:var(--bloknotes-accent-7);--factory-cyan:#2e95c4;--factory-amber:#f59e0b;--factory-rose:#ef4444}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(180deg, #ffffffb8, #eef3f7f0), var(--factory-bg);color:var(--factory-ink);font-family:var(--bloknotes-font-family);letter-spacing:0}button,input,textarea,select{font:inherit}.factory-root{min-height:100vh;padding:16px}.top-bar{z-index:10;background:#ffffffe6;border:1px solid #94a3b859;border-radius:8px;grid-template-columns:minmax(210px,.7fr) minmax(0,2.1fr) auto;align-items:center;gap:12px;max-width:1760px;margin:0 auto 12px;padding:10px 12px;display:grid;position:sticky;top:12px}.brand-mark{color:#fff;background:#000;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.top-status{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.top-stats{scrollbar-width:none;justify-content:center;align-items:center;min-width:0;padding-block:3px;display:flex;overflow-x:auto}.top-stats::-webkit-scrollbar{display:none}.stats-mode-toggle{flex:none}.metric{--metric-accent:var(--factory-blue);--metric-level:8%;background:linear-gradient(180deg, #fffffff0, #f8fafce6), linear-gradient(135deg, color-mix(in srgb, var(--metric-accent) 16%, white), #fff);border:1px solid color-mix(in srgb, var(--metric-accent) 28%, var(--factory-line));isolation:isolate;border-radius:8px;flex:none;gap:4px;min-width:78px;min-height:46px;padding:5px 7px 6px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0f,inset 0 1px #ffffffdb}.metric:before{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--metric-accent) 18%, transparent) 0 6px, transparent 6px 14px);content:"";opacity:.28;pointer-events:none;z-index:-1;position:absolute;inset:0}.metric:hover{border-color:color-mix(in srgb, var(--metric-accent) 50%, var(--factory-line));transform:translateY(-1px);box-shadow:0 12px 30px #0f172a14,inset 0 1px #fffffff0}.metric[data-tone=blue]{--metric-accent:var(--factory-blue)}.metric[data-tone=cyan]{--metric-accent:var(--factory-cyan)}.metric[data-tone=teal]{--metric-accent:#14b8a6}.metric[data-tone=amber]{--metric-accent:var(--factory-amber)}.metric[data-tone=rose]{--metric-accent:var(--factory-rose)}.metric[data-tone=violet]{--metric-accent:#8b5cf6}.metric-top{align-items:center;gap:6px;min-width:0;display:flex}.metric-icon{background:color-mix(in srgb, var(--metric-accent) 14%, #fff);border:1px solid color-mix(in srgb, var(--metric-accent) 28%, #fff);color:var(--metric-accent);border-radius:6px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.metric-label{color:var(--factory-muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.68rem;font-weight:700;overflow:hidden}.metric strong{white-space:nowrap;font-size:1rem;line-height:1.15;display:block}.metric-meter{background:#94a3b82e;border-radius:999px;height:4px;overflow:hidden}.metric-meter span{background:linear-gradient(90deg, color-mix(in srgb, var(--metric-accent) 82%, white), var(--metric-accent), color-mix(in srgb, var(--metric-accent) 70%, #fff));border-radius:inherit;min-width:8px;height:100%;width:var(--metric-level);background-size:180% 100%;animation:2.4s linear infinite metric-meter-shift;display:block}.auth-controls{justify-content:flex-end;align-items:center;gap:8px;display:flex}.sound-toggle{flex:none}@media (min-width:1121px){.top-bar{min-height:72px}.top-bar>.mantine-Group-root:first-child,.auth-controls{z-index:2;grid-row:1;position:relative}.top-bar>.mantine-Group-root:first-child{grid-column:1;justify-self:start}.top-status{z-index:1;grid-area:1/1/auto/-1;justify-self:center;width:min(620px,100% - 720px)}.auth-controls{grid-column:1/-1;justify-self:end}.top-stats{width:100%}}.guest-banner,.status-message{border-radius:8px;max-width:1760px;margin:0 auto 12px;padding:9px 12px}.guest-banner{color:#7c4a03;background:#f59e0b21;border:1px solid #f59e0b59;font-size:.9rem;font-weight:700}.status-message{color:#245eb8;background:#3b7bea17;border:1px solid #3b7bea38;font-size:.9rem;font-weight:700}.factory-grid{grid-template-columns:minmax(260px,320px) minmax(560px,1.35fr) minmax(320px,400px);gap:14px;max-width:1760px;margin:0 auto;display:grid}.factory-column,.factory-stage{flex-direction:column;gap:14px;min-width:0;display:flex}.factory-mobile{max-width:980px;margin:0 auto;display:none}.panel,.draft-panel{background:linear-gradient(180deg, #fffffff5, #f8fafcf5), var(--factory-paper);color:var(--factory-ink);border:1px solid #94a3b84d;padding:14px}.draft-panel{grid-template-rows:minmax(430px,1fr) auto auto;gap:16px;min-height:620px;display:grid;overflow:hidden}.draft-action-zone{background:radial-gradient(circle at 50% 40%,#fffffff5,#0000 31%),radial-gradient(circle,#3b7bea33,#0000 39%),linear-gradient(135deg,#3b7bea1f,#2e95c41f),#fff;border:1px dashed #3b7bea59;border-radius:8px;justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.draft-button{z-index:5;min-width:min(380px,88%);min-height:64px;transition:translate .14s,box-shadow .14s;position:absolute;bottom:32px;left:50%;overflow:hidden;translate:-50%;box-shadow:0 18px 42px #3b7bea38,inset 0 -3px #0000001f}.draft-button:hover{translate:-50% -2px;box-shadow:0 24px 58px #3b7bea57,inset 0 -3px #00000021}.draft-button:active{translate:-50% 2px;box-shadow:0 10px 28px #3b7bea47,inset 0 3px #00000029}.draft-button:before,.impact-button:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0%,#ffffff2e 42%,#ffffffad 50%,#ffffff2e 58%,#0000 100%);width:52%;position:absolute;inset:-35% auto -35% -55%;transform:skew(-18deg)}.draft-button:hover:before,.impact-button:hover:before{animation:.76s ease-out button-shine}.impact-button{transition:box-shadow .14s,transform .14s;position:relative;overflow:hidden;box-shadow:0 8px 18px #3b7bea2e,inset 0 -2px #0000001a}.impact-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 26px #3b7bea3d,inset 0 -2px #0000001f}.impact-button:not(:disabled):active{transform:translateY(1px)scale(.99);box-shadow:0 5px 12px #3b7bea29,inset 0 2px #00000024}.blok-particle{color:var(--factory-blue);pointer-events:none;text-shadow:0 2px 8px #ffffffe6;z-index:8;font-weight:850;animation:.9s ease-out forwards blok-float;position:absolute}.draft-readout{color:var(--factory-muted);text-transform:uppercase;z-index:6;background:#ffffffdb;border:1px solid #528fff47;border-radius:8px;flex-direction:column;align-items:flex-end;gap:2px;padding:9px 10px;font-size:.76rem;font-weight:750;line-height:1.1;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 10px 28px #0f172a14}.draft-readout strong{color:var(--factory-ink);font-size:1rem}.machine-glow,.machine-grid,.machine-track,.machine-note-sprite,.idea-core,.output-queue{position:absolute}.machine-glow{background:radial-gradient(circle,#528fff57,#0000 58%),radial-gradient(circle,#2e95c438,#0000 66%);border-radius:999px;width:270px;height:270px;animation:3.6s ease-in-out infinite machine-breathe;top:42%;left:50%;translate:-50% -50%}.machine-grid{opacity:.52;background-image:linear-gradient(#3b7bea17 1px,#0000 1px),linear-gradient(90deg,#3b7bea17 1px,#0000 1px);background-size:34px 34px;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 72%);mask-image:radial-gradient(circle,#000 0,#0000 72%)}.machine-track{opacity:.38;background:repeating-linear-gradient(90deg,#0f172a38 0 18px,#0f172a14 18px 32px);border-radius:999px;height:10px;left:8%;right:8%}.machine-track-top{top:24%}.machine-track-bottom{bottom:24%}.machine-note-sprite{animation:8s linear infinite note-conveyor;animation-delay:var(--sprite-delay);border:1px solid color-mix(in srgb, var(--note-color) 38%, white);border-left:4px solid var(--note-color);color:var(--note-color);opacity:.24;min-width:58px;height:42px;left:-86px;top:var(--lane);z-index:2;background:#ffffffeb;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex;transform:translate(0);box-shadow:0 12px 30px #0f172a1a}.machine-note-sprite[data-active=true]{opacity:.94}.machine-note-sprite span{color:#334155;min-width:8px;font-size:.75rem;font-weight:800}.idea-core{pointer-events:none;z-index:3;background:#ffffffdb;border:1px solid #528fff52;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;display:flex;top:41%;left:50%;translate:-50% -50%;box-shadow:0 22px 70px #3b7bea38,inset 0 0 0 9px #eef5ffdb}.idea-core[data-active=true]{animation:1.8s ease-in-out infinite core-pulse}.idea-core-ring{border:2px dashed #3b7bea61;border-radius:999px;animation:11s linear infinite core-spin;inset:-15px}.idea-core-symbol{color:#fff;background:#0f172a;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:9px;display:flex}.output-queue{z-index:4;align-items:center;gap:8px;display:flex;bottom:18px;right:18px}.output-queue span{background:#fff;border:1px solid #3b7bea38;border-radius:5px;width:28px;height:38px;animation:1.6s ease-in-out infinite queue-pop;box-shadow:0 8px 20px #0f172a14}.output-queue span:nth-child(2){animation-delay:.18s}.output-queue span:nth-child(3){animation-delay:.36s}.recent-notes{gap:10px;display:grid}.recent-note{border:1px solid var(--factory-line);background:#fffc;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:7px 9px;display:flex}.recent-note svg{color:var(--factory-blue);flex:none}.shelf-stack{gap:8px;margin-top:14px;display:grid}.notebook-panel-embedded{gap:12px;display:grid}.notebook-panel-embedded .shelf-stack{margin-top:0}.shelf-note,.shop-item,.stat-tile{border:1px solid var(--factory-line);background:#ffffffdb;border-radius:8px}.shelf-note{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:8px;transition:border-color .15s,transform .15s;display:grid}.shelf-note[data-active=true]{border-color:var(--note-color);transform:translate(3px)}.shelf-note-icon,.shop-icon,.upgrade-icon,.ritual-icon{border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.shelf-note-icon,.shop-icon{background:color-mix(in srgb, var(--note-color) 14%, #fff);color:var(--note-color)}.upgrade-icon{color:var(--factory-blue);background:#3b7bea1c}.ritual-icon{color:#0f766e;background:#14b8a621}.shop-tabs-panel,.shop-panel,.shop-panel-embedded,.upgrade-panel,.upgrade-panel-embedded,.progress-panel{gap:12px;display:grid}.shop-tabs-panel{padding:12px}.shop-tabs-panel .mantine-Tabs-panel{padding-top:12px}.shop-item{gap:9px;padding:10px;transition:background .14s,border-color .14s,transform .14s;display:grid}.shop-item[data-affordable=true]{border-color:#3b7bea52}.shop-item[data-affordable=true] .buy-button:not(:disabled),.ritual-item[data-affordable=true] .prestige-button:not(:disabled){animation:2.2s ease-in-out infinite affordance-pulse}.shop-item[data-affordable=true]:hover{background:#fff;transform:translateY(-1px)}.ritual-item{background:linear-gradient(135deg,#2e95c41a,#3b7bea14)}.stats-panel{gap:12px;display:grid}.level-strip,.leaderboard-profile,.empty-state,.progress-panel .stats-panel{border:1px solid var(--factory-line);background:#ffffffc7;border-radius:8px;padding:10px}.progress-row{border:1px solid var(--factory-line);background:#ffffffdb;border-radius:8px;gap:8px;padding:10px;transition:border-color .14s,transform .14s;display:grid}.progress-row[data-complete=true]{border-color:#14b8a661}.progress-row[data-complete=true]:hover{transform:translateY(-1px)}.progress-row-icon{color:var(--factory-blue);background:#3b7bea1c;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.leaderboard-profile{gap:8px;display:grid}.leaderboard-row{border:1px solid var(--factory-line);background:#ffffffdb;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:8px;display:flex}.leaderboard-row[data-self=true]{border-color:#f59e0b73;box-shadow:inset 3px 0 #f59e0bdb}.empty-state{text-align:center}.stat-tile{min-height:70px;padding:10px}.mantine-Tabs-panel{padding-top:12px}@keyframes blok-float{0%{opacity:0;transform:translateY(10px)scale(.94)}20%{opacity:1}to{opacity:0;transform:translateY(-72px)scale(1.08)}}@keyframes note-conveyor{0%{transform:translate(0)rotate(-2deg)}50%{transform:translate(calc(50vw + 120px))rotate(2deg)}to{transform:translate(calc(100vw + 220px))rotate(-1deg)}}@keyframes core-spin{to{transform:rotate(360deg)}}@keyframes core-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes machine-breathe{0%,to{opacity:.58;transform:scale(.94)}50%{opacity:.92;transform:scale(1.08)}}@keyframes queue-pop{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes button-shine{0%{left:-55%}to{left:125%}}@keyframes metric-meter-shift{0%{background-position:0%}to{background-position:180%}}@keyframes affordance-pulse{0%,to{filter:saturate()}50%{filter:saturate(1.18)brightness(1.03)}}@media (max-width:1120px){.top-bar{grid-template-columns:1fr;position:static}.top-status,.auth-controls,.top-stats{justify-content:flex-start}.factory-grid{display:none}.factory-mobile{display:block}.draft-panel,.panel{margin-top:12px}}@media (max-width:620px){.factory-root{padding:10px}.top-stats{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;place-items:stretch stretch;width:100%;display:grid}.top-status{grid-template-columns:1fr;align-items:stretch;width:100%;display:grid}.auth-controls{flex-wrap:wrap}.metric{min-width:0}.draft-panel{grid-template-rows:minmax(330px,1fr) auto auto;min-height:540px}.draft-action-zone{min-height:310px}.idea-core{width:132px;height:132px}.idea-core-symbol{width:44px;height:44px}.machine-note-sprite{min-width:48px;height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}