:root{--color-primary:#6C8EEF;--color-primary-dark:#5574D4;--color-bg:#FAFAFE;--color-surface:#F0F0F8;--color-text:#2C2C34;--color-text-secondary:#8E8E9A;--color-border:#E2E2EC;--color-hard:#F28B82;--color-good:#81C995;--color-easy:#6C8EEF;--color-card-bg:#FFFFFF;--color-overlay:rgba(0, 0, 0, 0.25);--radius:14px;--radius-sm:10px;--shadow:0 2px 10px rgba(108, 142, 239, 0.08);--shadow-lg:0 6px 20px rgba(108, 142, 239, 0.12);--transition:0.2s ease;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--safe-top:env(safe-area-inset-top, 0px);--safe-bottom:env(safe-area-inset-bottom, 0px);--safe-left:env(safe-area-inset-left, 0px);--safe-right:env(safe-area-inset-right, 0px)}[data-theme=dark]{--color-bg:#0E0E14;--color-surface:#1C1C26;--color-text:#EDEDF4;--color-text-secondary:#9898A6;--color-border:#32323E;--color-card-bg:#1C1C26;--color-overlay:rgba(0, 0, 0, 0.5);--shadow:0 2px 10px rgba(0, 0, 0, 0.3);--shadow-lg:0 6px 20px rgba(0, 0, 0, 0.4)}@media (prefers-color-scheme:dark){[data-theme=auto]{--color-bg:#0E0E14;--color-surface:#1C1C26;--color-text:#EDEDF4;--color-text-secondary:#9898A6;--color-border:#32323E;--color-card-bg:#1C1C26;--color-overlay:rgba(0, 0, 0, 0.5);--shadow:0 2px 10px rgba(0, 0, 0, 0.3);--shadow-lg:0 6px 20px rgba(0, 0, 0, 0.4)}}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;border:none;background:0 0;cursor:pointer;-webkit-user-select:none;user-select:none}#app{height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);display:flex;flex-direction:column;overflow:hidden}@media (min-width:600px){body{display:flex;align-items:center;justify-content:center;padding:24px}#app{width:430px;max-width:100%;height:min(844px,calc(100dvh - 48px));border-radius:20px;box-shadow:0 8px 40px rgba(108,142,239,.15),0 2px 8px rgba(0,0,0,.1);border:1px solid var(--color-border);padding-top:0;padding-bottom:0}}