.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);font-size:var(--text-base);white-space:nowrap;border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:var(--color-accent-contrast)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn--ghost{color:var(--color-text-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(1.08)}.btn--sm{height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.btn--block{width:100%}.icon-btn{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-md);color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn--active{background:var(--color-accent-soft);color:var(--color-accent)}.icon-btn--sm{width:var(--control-height-sm);height:var(--control-height-sm)}.icon-btn--bordered{border-color:var(--color-border);background:var(--color-surface)}.modal-backdrop{z-index:var(--z-overlay);padding:var(--space-4);background:var(--color-overlay);animation:fade-in var(--transition-base);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:460px;max-height:calc(100vh - var(--space-6));background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slide-up var(--transition-base);flex-direction:column;display:flex}.modal--wide{max-width:720px}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.modal__title{font-size:var(--text-lg);font-weight:700}.modal__body{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex}@media (width<=520px){.modal__footer{flex-direction:column-reverse}.modal__footer .btn{width:100%}}.toast{left:50%;bottom:var(--space-5);z-index:var(--z-toast);align-items:center;gap:var(--space-3);max-width:min(560px, calc(100vw - var(--space-5)));padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slide-up var(--transition-base);display:flex;position:fixed;transform:translate(-50%)}.toast--error{border-left-color:var(--color-danger)}.toast--success{border-left-color:var(--color-success)}.toast__message{font-size:var(--text-sm)}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.empty-state__title{font-size:var(--text-xl);color:var(--color-text);font-weight:700}.empty-state__body{max-width:42ch}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}}@keyframes spin{to{transform:rotate(360deg)}}.toast{animation-name:slide-up-centered}@keyframes slide-up-centered{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.offline-badge{left:var(--space-3);bottom:var(--space-3);z-index:var(--z-toast);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);pointer-events:none;font-weight:600;display:flex;position:fixed}.update-prompt{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);gap:var(--space-3);max-width:min(360px, calc(100vw - var(--space-6)));padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed}.update-prompt__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.app-header{align-items:center;gap:var(--space-3);min-height:var(--topbar-height);padding:var(--space-2) var(--space-4);padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);z-index:var(--z-topbar);flex:none;display:flex}.app-header__leading{align-items:center;gap:var(--space-2);flex:none;display:flex}.app-header__titles{flex-direction:column;flex:auto;justify-content:center;min-width:0;display:flex}.app-header__title{font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.25;overflow:hidden}.app-header__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-header__actions{align-items:center;gap:var(--space-2);flex:none;display:flex}.app-header__language-select{width:auto;height:var(--control-height-sm);min-height:var(--control-height-sm);padding:0 var(--space-2);font-size:var(--text-sm)}@media (width<=720px){.app-header__subtitle,.app-header__language{display:none}}.home{min-height:0;padding:var(--space-6) var(--space-4) var(--space-7);flex:auto;overflow-y:auto}.home__inner{gap:var(--space-5);flex-direction:column;max-width:1100px;margin:0 auto;display:flex}.home__title{font-size:var(--text-2xl);letter-spacing:-.01em;font-weight:700}.home__subtitle{color:var(--color-text-muted)}.home__toolbar{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.home__search{min-width:180px;color:var(--color-text-faint);flex:240px;align-items:center;display:flex;position:relative}.home__search svg{left:var(--space-3);pointer-events:none;position:absolute}.home__search-input{padding-left:calc(var(--space-3) * 2 + 18px)}.home__sort .select-input{width:auto;min-width:170px}.home__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.home__loading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-7);color:var(--color-text-muted);display:flex}.home__no-results{padding:var(--space-6) 0;color:var(--color-text-muted);text-align:center}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);display:flex;position:relative}.project-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.project-card__main{gap:var(--space-2);min-width:0;padding:var(--space-4);padding-right:calc(var(--space-4) + 72px);text-align:left;border-radius:var(--radius-lg);background:0 0;border:0;flex-direction:column;flex:auto;display:flex}.project-card__name{font-size:var(--text-lg);overflow-wrap:anywhere;font-weight:650;line-height:1.3}.project-card__description{font-size:var(--text-sm);color:var(--color-text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-card__meta{gap:var(--space-2);padding-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);flex-wrap:wrap;margin-top:auto;display:flex}.project-card__tools{top:var(--space-2);right:var(--space-2);gap:var(--space-1);display:flex;position:absolute}.project-card__menu{top:calc(var(--control-height-sm) + var(--space-1));z-index:var(--z-panel);min-width:160px;padding:var(--space-1);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;right:0}.project-card__menu button{padding:var(--space-2) var(--space-3);text-align:left;border-radius:var(--radius-sm);font-size:var(--text-sm);background:0 0;border:0}.project-card__menu button:hover{background:var(--color-surface-hover)}.project-card__menu-danger{color:var(--color-danger)}@media (width<=720px){.home{padding:var(--space-4) var(--space-3) var(--space-6)}.home__toolbar .btn{flex:100%}.home__action-label{display:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f6f7f9;--color-bg-elevated:#fff;--color-bg-sunken:#eceef2;--color-surface:#fff;--color-surface-hover:#f1f3f7;--color-border:#d9dde5;--color-border-strong:#b6bdc9;--color-text:#1b1d23;--color-text-muted:#5c6472;--color-text-faint:#8a92a1;--color-accent:#4f46e5;--color-accent-hover:#4338ca;--color-accent-contrast:#fff;--color-accent-soft:#eef2ff;--color-danger:#dc2626;--color-danger-soft:#fee2e2;--color-success:#15803d;--color-warning:#b45309;--color-canvas:#eef0f4;--color-canvas-grid:#d9dde5;--color-connection:#8a92a1;--color-connection-active:#4f46e5;--color-overlay:#14161c73;--shadow-sm:0 1px 2px #10141e14;--shadow-md:0 4px 12px #10141e1a;--shadow-lg:0 16px 40px #10141e2e;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-sans:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-mono:"Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.375rem;--text-2xl:1.75rem;--control-height:40px;--control-height-sm:32px;--topbar-height:56px;--breadcrumb-height:44px;--transition-fast:.12s ease;--transition-base:.2s ease;--z-canvas:1;--z-panel:20;--z-topbar:30;--z-overlay:40;--z-toast:50}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#14161b;--color-bg-elevated:#1e2129;--color-bg-sunken:#101216;--color-surface:#1e2129;--color-surface-hover:#272b35;--color-border:#333947;--color-border-strong:#4a5263;--color-text:#e8eaf0;--color-text-muted:#a3abbb;--color-text-faint:#767f92;--color-accent:#818cf8;--color-accent-hover:#a5b4fc;--color-accent-contrast:#14161b;--color-accent-soft:#262a3d;--color-danger:#f87171;--color-danger-soft:#3a1f22;--color-success:#4ade80;--color-warning:#fbbf24;--color-canvas:#16181e;--color-canvas-grid:#262a33;--color-connection:#6b7484;--color-connection-active:#818cf8;--color-overlay:#06080ca6;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #00000073;--shadow-lg:0 20px 48px #0000008c}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;line-height:1.55}h1,h2,h3,h4,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell,.app-shell__main{flex-direction:column;height:100%;min-height:0;display:flex}.app-shell__main{flex:auto}.field{gap:var(--space-2);flex-direction:column;display:flex}.field>label,.field-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.field-hint{font-size:var(--text-sm);color:var(--color-text-faint)}.text-input,.textarea-input,.select-input{width:100%;min-height:var(--control-height);padding:0 var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.textarea-input{padding:var(--space-2) var(--space-3);resize:vertical;min-height:72px}.text-input:hover,.textarea-input:hover,.select-input:hover{border-color:var(--color-border-strong)}.checkbox-field{gap:var(--space-3);align-items:flex-start;display:flex}.checkbox-field input{width:18px;height:18px;accent-color:var(--color-accent);margin-top:3px}.checkbox-field .field-label{color:var(--color-text)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}