:root{--color-background: #f2f2f5;--color-surface: #ffffff;--color-card: #ececef;--color-text-primary: #232326;--color-text-secondary: #6b6b70;--color-radical: #1ca3e0;--color-kanji: #e31c79;--color-vocabulary: #9b30e0;--color-kana-vocabulary: #1cbfa0;--color-sprouting: #f23f86;--color-flowering: #9b30e0;--color-thriving: #3b6ff2;--color-ripening: #e3a008;--color-harvested: #3a3a3c;--color-locked: #d6d6dc;--color-correct: #2e7d32;--color-incorrect: #b3261e;--color-error: #d32f2f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-background);color:var(--color-text-primary);font-family:Noto Sans,Noto Sans JP,Noto Sans SC,sans-serif}button{font-family:inherit}._shell_1lvvz_1{min-height:100vh}._sidebar_1lvvz_5{width:240px;position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .2s ease;z-index:100;background:var(--color-surface);border-right:1px solid var(--color-locked);padding:1rem .5rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto}._sidebarOpen_1lvvz_23{transform:translate(0)}._overlay_1lvvz_27{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:90}._topBar_1lvvz_34{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--color-locked);background:var(--color-surface);position:sticky;top:0;z-index:50}._hamburgerButton_1lvvz_46{background:none;border:none;font-size:1.5rem;cursor:pointer;min-width:44px;min-height:44px}._brand_1lvvz_55{font-weight:700;font-size:1.1rem}._navLink_1lvvz_60{display:flex;align-items:center;min-height:44px;padding:0 1rem;border-radius:8px;color:var(--color-text-primary);text-decoration:none;font-size:.95rem}._navLink_1lvvz_60:hover{background:var(--color-card)}._navLinkActive_1lvvz_75{background:var(--color-card);font-weight:600}._navDivider_1lvvz_80{height:1px;background:var(--color-locked);margin:.5rem .25rem}._logoutButton_1lvvz_86{margin-top:auto;background:none;border:none;text-align:left;min-height:44px;padding:0 1rem;color:var(--color-text-secondary);cursor:pointer;font-size:.95rem;border-radius:8px}._logoutButton_1lvvz_86:hover{background:var(--color-card)}._main_1lvvz_103{min-height:100vh}@media(min-width:768px){._shell_1lvvz_1{display:flex}._sidebar_1lvvz_5{transform:translate(0);position:sticky;align-self:flex-start;height:100vh}._overlay_1lvvz_27,._topBar_1lvvz_34{display:none}._main_1lvvz_103{flex:1;min-width:0}}