:root{--primary:#16a34a;--primary-light:#22c55e;--primary-dark:#15803d;--primary-bg:#f0fdf4;--primary-rgb:22, 163, 74;--primary-light-rgb:34, 197, 94;--text:#334155;--text-h:#1e293b;--text-muted:#64748b;--bg:#f3faf5;--surface:#fff;--border:#e2e8f0;--danger:#ef4444;--app-max-width:430px;--page-padding:20px;--content-gap:16px;--radius-card:16px;--nav-height:56px;--sidebar-width:0px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}@media (width>=768px){:root{--app-max-width:820px;--page-padding:24px;--content-gap:16px;--radius-card:18px}}@media (width>=1024px){:root{--app-max-width:1120px;--page-padding:24px;--content-gap:20px;--radius-card:20px;--sidebar-width:160px}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}#app{width:100%;max-width:var(--app-max-width);background:var(--surface);min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}@media (width>=1024px){body{background:var(--bg)}#app{background:var(--surface);max-width:none}}a{color:var(--primary)}input,button{appearance:none;font-family:inherit}.page-shell{min-height:100%;padding:var(--page-padding);background:var(--bg)}.surface-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:0 2px 12px rgba(var(--primary-rgb), .06)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:0 4px 16px rgba(var(--primary-rgb), .3)}.btn-primary:active{transform:scale(.98)}@media (width>=768px){.auth-page{max-width:480px;margin:0 auto}.sub-page,.conversation-page,.notebook-page,.membership-page,.course-list-page,.dict-page,.lang-page,.polish-page{width:100%;max-width:var(--app-max-width);min-height:100dvh;margin:0 auto}}@media (width>=1024px){.auth-page{max-width:440px;min-height:auto;box-shadow:0 12px 40px rgba(var(--primary-rgb), .1);background:#fff;border-radius:20px;margin:32px auto;padding:32px 28px}.sub-page,.conversation-page,.notebook-page,.membership-page,.course-list-page,.dict-page,.lang-page,.polish-page{min-height:100dvh;box-shadow:none;border-radius:0;margin:0 auto}}.app-root[data-v-142df7af]{width:100%;min-height:100dvh}