:root{--color-bg:#f8fafc;--color-surface:#fff;--color-surface-alt:#f1f5f9;--color-text:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-primary:#2563eb;--color-primary-strong:#1d4ed8;--color-primary-soft:#eff6ff;--color-success:#16a34a;--color-success-soft:#f0fdf4;--color-danger:#dc2626;--color-danger-soft:#fef2f2;--color-warning:#d97706;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 4px 12px #0f172a14;--topbar-height:56px;--bottomnav-height:60px;--content-max-width:960px;--tap-min-size:44px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3,h4,p{margin:0}h1{font-size:1.5rem;line-height:1.25}h2{font-size:1.2rem;line-height:1.3}h3{font-size:1.05rem}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}img{max-width:100%}@media (pointer:coarse){button,a,input,select,textarea{touch-action:manipulation}}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;height:var(--topbar-height);justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.topbar__brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:1.05rem;font-weight:700;display:flex}.topbar__brand:hover{text-decoration:none}.topbar__logo{background:var(--color-primary);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:grid}.topbar__actions{align-items:center;gap:var(--space-2);display:flex}.app-main{width:100%;max-width:var(--content-max-width);padding:var(--space-4);padding-bottom:calc(var(--bottomnav-height) + var(--space-4) + env(safe-area-inset-bottom));flex:1;margin:0 auto}.bottomnav{z-index:20;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav__item{min-height:var(--bottomnav-height);padding:var(--space-1) 2px;color:var(--color-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.7rem;display:flex}.bottomnav__item:hover{text-decoration:none}.bottomnav__item.is-active{color:var(--color-primary);font-weight:600}.bottomnav__icon{font-size:1.25rem;line-height:1}.sidenav{display:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-4)}.card--interactive{color:inherit;transition:transform .12s,box-shadow .12s;display:block}.card--interactive:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-1px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min-size);padding:0 var(--space-4);border-radius:var(--radius);cursor:pointer;background:var(--color-surface-alt);color:var(--color-text);border:1px solid #0000;font-size:1rem;font-weight:600;transition:background .12s;display:inline-flex}.btn:focus-visible,.card--interactive:focus-visible,.bottomnav__item:focus-visible,.topbar__brand:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-strong)}.btn--outline{border-color:var(--color-border);background:0 0}.btn--ghost{background:0 0}.btn--danger{background:var(--color-danger);color:#fff}.btn--block{width:100%}.menu-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}.menu-card{align-items:center;gap:var(--space-4);padding:var(--space-4);display:flex}.menu-card__icon{border-radius:var(--radius);background:var(--color-primary-soft);flex:none;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid}.menu-card__body{flex:1;min-width:0}.menu-card__title{font-size:1.05rem;font-weight:700}.menu-card__hint{color:var(--color-text-muted);font-size:.875rem}.menu-card__arrow{color:var(--color-text-muted);font-size:1.2rem}.page-header{margin-bottom:var(--space-4)}.page-header__subtitle{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.925rem}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:var(--space-5) 0 var(--space-2);font-size:.8rem;font-weight:700}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack--tight{gap:var(--space-2)}.auth-page{max-width:420px;padding-top:var(--space-4);margin:0 auto}.auth-page__links{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;font-size:.9rem;display:flex}.badge{background:var(--color-surface-alt);color:var(--color-text-muted);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.775rem;font-weight:600;display:inline-flex}.badge--accent{background:var(--color-primary-soft);color:var(--color-primary-strong)}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.notice{border-radius:var(--radius);padding:var(--space-3) var(--space-4);background:var(--color-primary-soft);color:#1e3a8a;border:1px solid #bfdbfe;font-size:.9rem}.notice--warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.loading-state,.empty-state{text-align:center;color:var(--color-text-muted);padding:var(--space-6) var(--space-4)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);width:28px;height:28px;margin:0 auto var(--space-3);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:.875rem;font-weight:600}.field__input,.textarea{min-height:var(--tap-min-size);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:1rem}.textarea{resize:vertical;min-height:120px;font-family:inherit}.field__input:focus,.textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:#0000}.field__error{color:var(--color-danger);font-size:.85rem}.english{letter-spacing:.01em;font-family:Segoe UI,system-ui,-apple-system,sans-serif}@media (width>=768px){.app-shell{flex-direction:row}.topbar{display:none}.sidenav{gap:var(--space-1);width:240px;padding:var(--space-4) var(--space-3);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex:none;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.sidenav__brand{align-items:center;gap:var(--space-2);color:var(--color-text);margin-bottom:var(--space-4);padding:0 var(--space-2);font-size:1.05rem;font-weight:700;display:flex}.sidenav__brand:hover{text-decoration:none}.sidenav__item{align-items:center;gap:var(--space-3);min-height:var(--tap-min-size);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-weight:500;display:flex}.sidenav__item:hover{background:var(--color-surface-alt);text-decoration:none}.sidenav__item.is-active{background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:600}.sidenav__icon{text-align:center;width:22px}.bottomnav{display:none}.app-main{padding:var(--space-5) var(--space-5) var(--space-6)}.menu-grid{grid-template-columns:1fr 1fr}h1{font-size:1.75rem}}@media (width>=1100px){.menu-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}