@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--color-primary:#2c3e63;--color-primary-hover:#1f2d49;--color-primary-light:#e4e9f2;--color-primary-dark:#17213a;--color-success:#2f6f4e;--color-success-hover:#24593e;--color-success-light:#e3f0e9;--color-success-dark:#1b4530;--color-warning:#b8791a;--color-warning-hover:#96620f;--color-warning-light:#fbf1df;--color-warning-dark:#6e4a0e;--color-danger:#b23a2e;--color-danger-hover:#8f2e24;--color-danger-light:#f8e7e4;--color-danger-dark:#6b211a;--color-background:#eef1f5;--color-surface:#fbfcfd;--color-surface-sunken:#e6eaef;--color-border:#d2d9e0;--color-border-strong:#aeb8c2;--color-text:#1c1f26;--color-text-secondary:#565f6b;--color-text-muted:#646c76;--color-text-on-primary:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--radius-notch:14px;--shadow-sm:0 1px 2px #171a1f1a;--shadow-md:0 6px 16px #171a1f24;--shadow-lg:0 16px 36px #171a1f2e;--highlight-bg:var(--color-primary-light);--highlight-text:var(--color-primary-dark);--paper-rule:#2c3e6314;--paper-margin:#b23a2e52;--paper-rule-gap:32px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Source Serif 4", ui-serif, Georgia, "Times New Roman", serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-display:700 2.5rem/1.15 var(--font-sans);--text-h1:700 2rem/1.2 var(--font-sans);--text-h2:600 1.375rem/1.3 var(--font-sans);--text-h3:600 1.125rem/1.4 var(--font-sans);--text-body:400 1rem/1.5 var(--font-sans);--text-body-md:500 .9375rem/1.5 var(--font-sans);--text-small:400 .8125rem/1.4 var(--font-sans);--text-caption:500 .6875rem/1.3 var(--font-sans);--text-reading:400 1.0625rem/1.75 var(--font-serif);--text-reading-lead:500 1.1875rem/1.6 var(--font-serif);--text-mono-label:500 .75rem/1.3 var(--font-mono);--text-mono-number:600 1.5rem/1.1 var(--font-mono);--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em}.text-display{font:var(--text-display);letter-spacing:var(--tracking-tight);color:var(--color-text)}.text-h1{font:var(--text-h1);letter-spacing:var(--tracking-tight);color:var(--color-text)}.text-h2{font:var(--text-h2);color:var(--color-text)}.text-h3{font:var(--text-h3);color:var(--color-text)}.text-body{font:var(--text-body);color:var(--color-text)}.text-secondary{font:var(--text-body);color:var(--color-text-secondary)}.text-small{font:var(--text-small);color:var(--color-text-secondary)}.text-caption{font:var(--text-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.text-reading{font:var(--text-reading);color:var(--color-text)}.text-reading-lead{font:var(--text-reading-lead);color:var(--color-text)}.text-mono-label{font:var(--text-mono-label);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.text-mono-number{font:var(--text-mono-number);color:var(--color-text);font-variant-numeric:tabular-nums}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-5);--space-xl:var(--space-6);--space-2xl:var(--space-7);--content-width-sm:480px;--content-width-md:720px;--content-width-lg:960px;--content-width-xl:1200px}.stack-xs>*+*{margin-top:var(--space-xs)}.stack-sm>*+*{margin-top:var(--space-sm)}.stack-md>*+*{margin-top:var(--space-md)}.stack-lg>*+*{margin-top:var(--space-lg)}:root{--t-fast:.15s ease;--t-normal:.25s ease;--t-slow:.4s ease;--ease-out:cubic-bezier(.16, 1, .3, 1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrate-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes highlight-sweep{0%{background-size:0% 100%}to{background-size:100% 100%}}.animate-fade-in{animation:fade-in var(--t-normal) var(--ease-out)}.animate-slide-up{animation:slide-up var(--t-normal) var(--ease-out)}.animate-celebrate{animation:celebrate-pop var(--t-slow) var(--ease-out)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-background);color:var(--color-text);font:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--highlight-bg);color:var(--highlight-text)}.paper-ruled{background-color:var(--color-surface);background-image:linear-gradient(to right, transparent 0 47px, var(--paper-margin) 47px 48px, transparent 48px 100%), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--paper-rule-gap) - 1px), var(--paper-rule) calc(var(--paper-rule-gap) - 1px), var(--paper-rule) var(--paper-rule-gap));background-attachment:local}.app-layout{flex-direction:column;min-height:100svh;display:flex}.app-layout__main{flex-direction:column;flex:1;display:flex}.page-suspense-fallback{min-height:60vh;margin:var(--space-7) var(--space-5);flex:1}.page-container{max-width:var(--content-width-md);width:100%;padding:var(--space-7) var(--space-5) var(--space-8);flex:1;margin:0 auto}@media (width<=600px){.page-container{padding:var(--space-5) var(--space-4) var(--space-7)}}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}.avatar{border-radius:var(--radius-full);background:var(--color-primary-light);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar__initials{color:var(--color-primary-dark);font-weight:600;line-height:1}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;position:sticky;top:0}.navbar__inner{max-width:var(--content-width-md);padding:0 var(--space-5);align-items:center;gap:var(--space-4);height:56px;margin:0 auto;display:flex}.navbar__logo{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.navbar__logo-icon{border-radius:var(--radius-sm);background:var(--color-primary);width:28px;height:28px;color:var(--color-text-on-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar__logo-name{font:var(--text-h3);color:var(--color-text);letter-spacing:var(--tracking-tight)}.navbar__links{align-items:center;gap:var(--space-1);scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.navbar__links::-webkit-scrollbar{display:none}.navbar__link{font:var(--text-body-md);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--t-fast)}.navbar__link:hover{color:var(--color-text);background:var(--color-surface-sunken)}.navbar__link--active,.navbar__link--active:hover{color:var(--highlight-text);background:var(--highlight-bg)}.navbar__search{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--t-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar__search:hover,.navbar__search--active{color:var(--color-text);background:var(--color-surface-sunken)}.navbar__badge{font:var(--text-caption);color:var(--color-primary-dark);background:var(--color-primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.navbar__avatar-link{border-radius:var(--radius-full);transition:opacity var(--t-fast);flex-shrink:0;display:flex}.navbar__avatar-link:hover{opacity:.8}.navbar__logout{font:var(--text-body-md);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all var(--t-fast);flex-shrink:0}.navbar__logout:hover{color:var(--color-text);background:var(--color-surface-sunken)}@media (width<=600px){.navbar__inner{padding:0 var(--space-4);gap:var(--space-2)}.navbar__logo-name,.navbar__badge{display:none}}.app-footer{border-top:1px solid var(--color-border);margin-top:var(--space-8)}.app-footer__inner{max-width:var(--content-width-md);padding:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0 auto;display:flex}.app-footer__brand{align-items:center;gap:var(--space-2);display:flex}.app-footer__mark{width:20px;height:20px;color:var(--color-text-on-primary);background:var(--color-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}.app-footer__name{font:var(--text-body-md);color:var(--color-text)}.app-footer__version{color:var(--color-text-muted)}.app-footer__links{gap:var(--space-5);display:flex}.app-footer__links a{font:var(--text-body-md);color:var(--color-text-secondary)}.app-footer__links a:hover{color:var(--color-primary)}@media (width<=480px){.app-footer__inner{text-align:center;justify-content:center}}.button{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;font:var(--text-body-md);font-weight:var(--weight-semibold);transition:transform var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);border:none;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button--primary{background:var(--color-primary);color:var(--color-text-on-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.button--success{background:var(--color-success);color:var(--color-text-on-primary)}.button--success:hover:not(:disabled){background:var(--color-success-hover);box-shadow:var(--shadow-sm)}.button--warning{background:var(--color-warning);color:var(--color-text-on-primary)}.button--warning:hover:not(:disabled){background:var(--color-warning-hover);box-shadow:var(--shadow-sm)}.button--danger{background:var(--color-danger);color:var(--color-text-on-primary)}.button--danger:hover:not(:disabled){background:var(--color-danger-hover);box-shadow:var(--shadow-sm)}.button--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.button--secondary:hover:not(:disabled){background:var(--color-surface-sunken);border-color:var(--color-border-strong)}.button--ghost{color:var(--color-text-secondary);background:0 0}.button--ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}.pwa-update-prompt{bottom:var(--space-6);left:var(--space-6);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);font:var(--text-body-md);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:500;max-width:calc(100vw - var(--space-6) * 2);display:flex;position:fixed}.pwa-update-prompt__actions{align-items:center;gap:var(--space-2);display:flex}.pwa-update-prompt .button{width:auto;padding:var(--space-2) var(--space-4)}.pwa-update-prompt__dismiss{cursor:pointer;color:var(--color-text-muted);padding:var(--space-1);background:0 0;border:none;font-size:.9rem;line-height:1}.pwa-update-prompt__dismiss:hover{color:var(--color-text)}.skeleton{border-radius:var(--radius-sm);background:var(--color-surface-sunken);animation:1.4s ease-in-out infinite skeleton-pulse;display:block}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}