:root{--primary:#1a1a2e;--accent:#c84b31;--secondary:#4a7c59;--accent-soft-bg:#c84b310f;--accent-soft-border:#c84b3126;--bg:#fff;--auth-card-bg:#ffffffeb;--grid-color:#d4c9b04d;--text:#4a4a5a;--text-heading:#1a1a2e;--text-muted:#8a8a9a;--border:#1a1a2e1f;--border-light:#1a1a2e0f;--shadow:0 1px 3px #1a1a2e0f, 0 1px 2px #1a1a2e0a;--shadow-hover:0 4px 12px #1a1a2e14, 0 2px 4px #1a1a2e0a;--shadow-card:0 1px 4px #1a1a2e0d;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--sidebar-width:220px;--topbar-height:56px;--app-mobile-chrome-height:52px;--radius:8px;--radius-lg:12px;--tool-cursor:#2563eb;--tool-claude:#d97706;--tool-windsurf:#7c3aed;--tool-cline:#059669;--tool-copilot:#1a1a2e}[data-theme=dark]{--bg:#0d0d1c;--auth-card-bg:#121222f7;--grid-color:#37324e2e;--text:#a6a6ba;--text-heading:#e0e0ee;--text-muted:#54546a;--border:#ffffff17;--border-light:#ffffff0d;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-hover:0 4px 12px #00000080, 0 2px 4px #0000004d;--shadow-card:0 1px 4px #00000059;--accent-soft-bg:#c84b3124;--accent-soft-border:#c84b314d;--tool-copilot:#a0a8c8}[data-theme=dark] .sidebar{background:#0c0c18eb;border-right-color:#ffffff12;box-shadow:inset -1px 0 #ffffff0a,4px 0 24px #00000059}[data-theme=dark] .sidebar__link:hover{background:#ffffff0d}[data-theme=dark] .sidebar__link--active{background:#c84b311f;box-shadow:inset 0 1px #ffffff0d}[data-theme=dark] .sidebar__credits{background:#ffffff0d;border-color:#ffffff14;box-shadow:0 2px 12px #0003,inset 0 1px #ffffff0f,inset 0 -1px #0000001f}[data-theme=dark] .sidebar__credits--link:hover{border-color:#c84b314d;box-shadow:0 2px 12px #00000040,inset 0 1px #ffffff0f}[data-theme=dark] .sidebar__progress{background:#ffffff14}[data-theme=dark] .sidebar-mobile-drawer{background:#0c0c18f5;border-right-color:#ffffff12;box-shadow:4px 0 40px #0000008c,inset -1px 0 #ffffff0d}[data-theme=dark] .sidebar-mobile-drawer-backdrop{background:#000000a6}[data-theme=dark] .sidebar-mobile-drawer__header{border-bottom-color:#ffffff12}[data-theme=dark] .sidebar-mobile-drawer__close{background:#ffffff12}[data-theme=dark] .sidebar-mobile-drawer .sidebar__credits.sidebar-mobile-drawer__credits{background:#ffffff0d;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0f}[data-theme=dark] .sidebar-mobile-drawer__bottom{border-top-color:#ffffff12}[data-theme=dark] .topbar{background:#0c0c18eb;border-bottom-color:#ffffff12;box-shadow:0 1px #ffffff0d,0 4px 20px #0000004d,inset 0 1px #ffffff0d}[data-theme=dark] .btn-glass{color:var(--text-heading);background:#ffffff12;border-color:#ffffff1a;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff14,inset 0 -1px #00000026}[data-theme=dark] .btn-glass:hover{background:#ffffff1f;box-shadow:0 4px 16px #0000004d,inset 0 1.5px #ffffff1a,inset 0 -1px #0000001a}[data-theme=dark] .btn-glass:active{box-shadow:0 2px 8px #0003,inset 0 1px #ffffff14,inset 0 -1px #00000026}[data-theme=dark] .btn-glass--ghost{background:#ffffff0a;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0f}[data-theme=dark] .btn-glass--ghost:hover{background:#ffffff17;box-shadow:0 2px 10px #0003,inset 0 1px #ffffff14}[data-theme=dark] .badge{background:#ffffff0f}[data-theme=dark] .badge--draft{background:#ffffff0d}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%}[data-theme=dark] .toast{background:#10101ef7;border-color:#ffffff1a}[data-theme=dark] code{background:#ffffff12;border-color:#ffffff1a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=dark] .rs-card2{--rs-bg-secondary:#ffffff0d;--rs-border:#ffffff14;--rs-text:#e0e0ee;--rs-text-secondary:#a6a6ba;--rs-text-tertiary:#54546a;background:#121222e0;border-color:#ffffff14;box-shadow:0 2px 12px #00000040,inset 0 1px #ffffff0f,inset 0 -.5px #0000001f}[data-theme=dark] .rs-card2:hover{background:#18182aeb;border-color:#ffffff21;box-shadow:0 8px 32px #00000061,0 2px 8px #00000038,inset 0 1.5px #ffffff14,inset 0 -.5px #00000014}[data-theme=dark] .rs-card2__stats{background:#00000026}[data-theme=dark] .rs-card2__score-track{background:#ffffff12}[data-theme=dark] .rs-card2__type-tag--skill{color:#5ecaa8;background:#19463759;border-color:#1e645080}[data-theme=dark] .rs-card2__type-tag--ruleset{color:#5ea4e8;background:#163a7359;border-color:#1e509b80}[data-theme=dark] .rs-card2__type-tag--style-pkg{color:#d98bab;background:#551c3259;border-color:#78284680}[data-theme=dark] .pr-card2{--pr-bg-secondary:#ffffff0d;--pr-border:#ffffff14;--pr-text:#e0e0ee;--pr-text-secondary:#a6a6ba;--pr-text-tertiary:#54546a;background:#121222e0;border-color:#ffffff14;box-shadow:0 2px 12px #00000040,inset 0 1px #ffffff0f,inset 0 -.5px #0000001f}[data-theme=dark] .pr-card2:hover{background:#18182aeb;border-color:#ffffff21;box-shadow:0 8px 32px #00000061,0 2px 8px #00000038,inset 0 1.5px #ffffff14,inset 0 -.5px #00000014}[data-theme=dark] .pr-card2__stats{background:#00000026}[data-theme=dark] .pr-card2__score-track{background:#ffffff12}[data-theme=dark] .pr-card2__category-tag{color:#d4a052;background:#6e44084d;border-color:#ba751752}[data-theme=dark] .pr-card2__model-pill{color:#c98a3a;background:#ba751726;border-color:#ba751747}[data-theme=dark] .settings__input,[data-theme=dark] .gen-input,[data-theme=dark] .gen-textarea{color:var(--text-heading);background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .filter-drawer{background:var(--bg);background-image:linear-gradient(#37324e2e 1px,#0000 1px),linear-gradient(90deg,#37324e2e 1px,#0000 1px);border-left-color:#ffffff14;box-shadow:-8px 0 40px #00000059}[data-theme=dark] .filter-drawer__header{border-bottom-color:#ffffff12}[data-theme=dark] .filter-drawer__footer{border-top-color:#ffffff12}[data-theme=dark] .filter-drawer__close:hover{background:#ffffff12}[data-theme=dark] .filter-drawer__body{scrollbar-color:#ffffff1a transparent}[data-theme=dark] .filter-drawer-overlay{background:#00000080}[data-theme=dark] .filter-sort-pill{background:#ffffff12;border-color:#ffffff1a}[data-theme=dark] .filter-sort-pill:hover{border-color:#ffffff2e}[data-theme=dark] .filter-option:hover{background:#ffffff0a}[data-theme=dark] .filter-option__check{background:#ffffff12;border-color:#ffffff26}[data-theme=dark] .browse-active-filter--clear{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .browse-active-filter--clear:hover{color:var(--text-heading);background:#ffffff17}[data-theme=dark] .myrulesets__view-btn{background:#ffffff0a;border-color:#ffffff17}[data-theme=dark] .myrulesets__view-btn:hover{color:var(--text-heading);background:#ffffff12;border-color:#ffffff24}[data-theme=dark] .settings__pref-pill{background:#ffffff0d;border-color:#ffffff17}[data-theme=dark] .settings__pref-pill:hover{border-color:#ffffff29}[data-theme=dark] .settings__section--prefs .gen-editor-pill{background:#ffffff0d;border-color:#ffffff17}[data-theme=dark] .settings__section--prefs .gen-editor-pill:hover{color:var(--text-heading);border-color:#ffffff29}[data-theme=dark] .gen-card{background:#141424e6;border-color:#ffffff14}[data-theme=dark] .gen-card:hover{box-shadow:var(--shadow);border-color:#ffffff26}[data-theme=dark] .gen-card--selected{background:#c84b3114}[data-theme=dark] .gen-pill{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .gen-pill:hover{border-color:#ffffff2e}[data-theme=dark] .generate__progress{background:#ffffff0f}[data-theme=dark] .gen-workflow-range{background:#ffffff1a}[data-theme=dark] .gen-workflow-range::-moz-range-track{background:#ffffff1a}[data-theme=dark] .gen-toggle__switch{background:#ffffff1a}[data-theme=dark] .gen-card__template-tags .badge{background:#ffffff0f}[data-theme=dark] .gen-card__model-plan-badge{color:var(--text-muted);background:#ffffff14;border-color:#ffffff1f}[data-theme=dark] .gen-onboard-banner{border-color:#4a7c5940}[data-theme=dark] .gen-wf-preview__prompt,[data-theme=dark] .gen-result-panel__raw,[data-theme=dark] .gen-wf-result__prompt-pre{background:#ffffff0a}[data-theme=dark] .gen-result-panel{background:#10101eeb;border-color:#ffffff14;box-shadow:0 4px 24px #00000047,inset 0 1px #ffffff0f,inset 0 -1px #0000001a}[data-theme=dark] .gen-result-section{background:#161626bf;border-color:#ffffff12;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff0d}[data-theme=dark] .gen-result-section--open{background:#1a1a2cd9}[data-theme=dark] .gen-result-section__header{background:#ffffff0a}[data-theme=dark] .sidebar__wordmark,[data-theme=dark] .sidebar__logo,[data-theme=dark] .sidebar-mobile-drawer__wordmark,[data-theme=dark] .sidebar-mobile-drawer__brand,[data-theme=dark] .feed__empty h3{color:var(--text-heading)}[data-theme=dark] .feed__item{background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .feed__item:hover{background:#ffffff12;box-shadow:0 4px 16px #00000040}[data-theme=dark] .user-hover__popover{background:#121222f7;border-color:#ffffff1a;box-shadow:0 10px 32px #00000073,0 2px 8px #0000004d}[data-theme=dark] .nd-panel{background:#10101ef7;border-color:#ffffff17;box-shadow:0 16px 48px #00000080,0 4px 16px #0000004d,inset 0 1px #ffffff0f}[data-theme=dark] .nd-panel__header{border-bottom-color:#ffffff12}[data-theme=dark] .nd-item:hover{background:#ffffff0a}[data-theme=dark] .nd-item--unread{background:#7c3aed14}[data-theme=dark] .nd-item--unread:hover{background:#7c3aed21}[data-theme=dark] .nd-btn:hover,[data-theme=dark] .nd-btn--active{color:var(--text-heading);background:#ffffff14}[data-theme=dark] .nd-panel__mark-all:hover,[data-theme=dark] .nd-panel__close:hover{color:var(--text-heading);background:#ffffff12}[data-theme=dark] .content-comments__textarea{color:var(--text-heading);background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .content-comments__textarea:focus{background:#ffffff14;border-color:#c84b3166;box-shadow:0 0 0 3px #c84b311a,inset 0 1px #ffffff0f}[data-theme=dark] .content-comments__card{background:#ffffff0a;border-color:#ffffff12}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}img,video{max-width:100%;height:auto}#root{min-height:100vh;display:flex}.app-viewport-splash{box-sizing:border-box;flex:auto;align-self:stretch;width:100%;min-width:0}.grid-texture{pointer-events:none;z-index:0;opacity:.45;background-image:repeating-linear-gradient(0deg, var(--grid-color) 0px, var(--grid-color) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, var(--grid-color) 0px, var(--grid-color) 1px, transparent 1px, transparent 40px);background-size:40px 40px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-heading);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.25rem}h3{font-size:1.0625rem}p{color:var(--text);line-height:1.7}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}code{font-family:var(--font-mono);border:1px solid var(--border);background:#1a1a2e0a;border-radius:4px;padding:2px 6px;font-size:.8125em}.btn-glass{-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius);color:var(--primary);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff9;border:1px solid #ffffffa6;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #1a1a2e0f,inset 0 1px #ffffffe6,inset 0 -1px #1a1a2e0a}.btn-glass:hover{background:#ffffffd1;transform:translateY(-1px);box-shadow:0 4px 16px #1a1a2e14,inset 0 1.5px #fff,inset 0 -1px #1a1a2e08}.btn-glass:active{transform:translateY(0);box-shadow:0 2px 8px #1a1a2e0f,inset 0 1px #ffffffe6,inset 0 -1px #1a1a2e0a}.btn-glass:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-glass--accent{color:#fff;background:#c84b31e0;border-color:#c84b3166;box-shadow:0 4px 20px #c84b3140,inset 0 1px #ffffff40,inset 0 -1px #0000001a}.btn-glass--accent:hover{color:#fff;background:#c84b31f5;transform:translateY(-1px);box-shadow:0 6px 28px #c84b3152,inset 0 1px #ffffff4d,inset 0 -1px #00000014}.btn-glass--sm{gap:5px;padding:5px 10px;font-size:.75rem}.btn-glass--ghost{background:#ffffff59;border-color:#1a1a2e1a;box-shadow:inset 0 1px #ffffffd9}.btn-glass--ghost:hover{background:#ffffffa6;transform:none;box-shadow:0 2px 10px #1a1a2e0f,inset 0 1px #ffffffe6}.badge{font-size:.6875rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--border);color:var(--text);background:#ffffffb3;border-radius:100px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.badge--accent{background:var(--accent-soft-bg);color:var(--accent);border-color:var(--accent-soft-border)}.badge--green{color:var(--secondary);background:#2e7d3214;border-color:#2e7d3226}.badge--skill{color:#6366f1;background:#6366f114;border-color:#6366f126;font-weight:600}.badge--draft{color:var(--text-muted);border-color:var(--border);background:#1a1a2e0f}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#1a1a2e0a 25%,#1a1a2e14 50%,#1a1a2e0a 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-fade-enter{opacity:0}.page-fade{width:100%;min-width:0;animation:.3s ease-out forwards page-fade-in}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{pointer-events:auto;border-radius:var(--radius);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-hover);color:var(--text-heading);background:#fffffff2;max-width:340px;padding:12px 16px;font-size:.8125rem;font-weight:500;animation:.3s ease-out toast-in}.toast--success{border-left:3px solid var(--secondary)}.toast--error{border-left:3px solid var(--accent)}.toast--info{border-left:3px solid var(--tool-cursor)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1a1a2e1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1a1a2e33}@media (width<=768px){:root{--sidebar-width:0px}}@media (prefers-reduced-motion:reduce){.sidebar,.topbar,.sidebar-mobile-drawer,.sidebar-mobile-drawer-backdrop,.rs-card2,.pr-card2,.gen-result-panel,.gen-result-section,.content-comments__card,.content-comments__textarea,.btn-glass,.browse-filter-dropdown{-webkit-backdrop-filter:none;transition:none}.rs-card2:hover,.pr-card2:hover{transform:none}}.notfound-page{background:var(--bg-page,#0a0a0a);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.notfound{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex;position:relative}.notfound svg{color:var(--text-muted)}.notfound h1{letter-spacing:-.04em;color:var(--text-heading);font-size:3rem;font-weight:800}.notfound p{color:var(--text-muted);max-width:340px;font-size:.9375rem}.error-boundary-page.notfound-page{flex:1;align-self:stretch;width:100%;min-width:0}.error-boundary-page .error-boundary svg{color:var(--accent)}.error-boundary__detail{text-align:left;max-width:min(100%,420px);color:var(--text-muted);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;background:#1a1a2e0a;border-radius:8px;margin:0;padding:12px 14px;font-size:.75rem;line-height:1.45;overflow:auto}.error-boundary__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:420px;margin-top:8px;display:flex}.error-boundary__actions .btn-glass{text-decoration:none}.logo-loader{align-items:center;gap:10px;display:inline-flex}.logo-loader__mark{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.logo-loader__mark svg{width:100%;height:100%;display:block}.logo-loader__label{color:var(--text-muted,#8a8a9a);white-space:nowrap;font-size:.8125rem;font-weight:500}.logo-loader--spin .logo-loader__mark{transform-origin:50%;animation:3s linear infinite logo-spin}.logo-loader--breathe .logo-loader__mark{transform-origin:50%;animation:1.8s ease-in-out infinite logo-breathe}.logo-loader__trail--a{animation:2.4s cubic-bezier(.4,0,.2,1) infinite logo-trail}.logo-loader__trail--b{animation:2.4s cubic-bezier(.4,0,.2,1) .3s infinite logo-trail}.logo-loader__trail--c{animation:2.4s cubic-bezier(.4,0,.2,1) .6s infinite logo-trail}@keyframes logo-trail{0%{stroke-dashoffset:26px}to{stroke-dashoffset:-26px}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-breathe{0%,to{opacity:.4;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.logo-loader-page-slot{justify-content:center;align-items:center;width:100%;min-height:280px;padding:48px 16px;display:flex}.logo-loader-detail-slot{justify-content:center;align-items:center;width:100%;min-height:50vh;padding:32px 16px;display:flex}