@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Archivo+Black&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.w-full{width:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#f0f1f5;--bg-card:#fffc;--bg-card-hover:#fffffff2;--bg-modal:#0006;--bg-input:#f0f1f5;--bg-nav:#ffffffb8;--text-primary:#1a1a2e;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-color:#0f172a1a;--border-light:#0f172a0d;--border-strong:#0f172a29;--accent:#6366f1;--accent-light:#818cf8;--accent-dark:#4f46e5;--accent-bg:#6366f114;--accent-bg-hover:#6366f126;--accent-muted:#6366f10f;--accent-glow:#6366f140;--rating-newbie:#9aa0a6;--rating-pupil:#22c55e;--rating-specialist:#06b6d4;--rating-expert:#3b82f6;--rating-cm:#a855f7;--rating-master:#f59e0b;--rating-gm:#ef4444;--easy:#10b981;--easy-bg:#10b98114;--easy-border:#10b98133;--medium:#f59e0b;--medium-bg:#f59e0b14;--medium-border:#f59e0b33;--hard:#ef4444;--hard-bg:#ef444414;--hard-border:#ef444433;--status-not-started:#94a3b8;--status-in-progress:#3b82f6;--status-solved:#10b981;--status-revision:#f59e0b;--status-mastered:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-2xl:24px;--font-3xl:30px;--font-4xl:36px;--radius-sm:6px;--radius-md:9px;--radius-lg:12px;--radius-xl:16px;--radius-full:100px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 2px 8px #0f172a12,0 1px 2px #0f172a0d;--shadow-lg:0 6px 20px #0f172a1a,0 2px 6px #0f172a0f;--shadow-xl:0 16px 48px #0f172a24;--shadow-glow:0 0 24px var(--accent-glow);--nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.175,.885,.32,1.275);--heatmap-0:#ebedf0;--heatmap-1:#9be9a8;--heatmap-2:#40c463;--heatmap-3:#30a14e;--heatmap-4:#216e39}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a28;--bg-card:#161623b3;--bg-card-hover:#1e1e2dd9;--bg-input:#1a1a28;--bg-nav:#0a0a0fcc;--text-primary:#f0f0f5;--text-secondary:#8b8fa3;--text-tertiary:#5a5e73;--text-inverse:#1a1a2e;--border-color:#ffffff17;--border-light:#ffffff0d;--border-strong:#ffffff29;--accent-bg:#6366f11f;--accent-bg-hover:#6366f133;--accent-glow:#6366f14d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 20px 60px #00000080;--shadow-glow:0 0 32px var(--accent-glow);--heatmap-0:#161625;--heatmap-1:#0e4429;--heatmap-2:#006d32;--heatmap-3:#26a641;--heatmap-4:#39d353}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}img{max-width:100%;display:block}ul,ol{list-style:none}.app-container{max-width:480px;min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px);margin:0 auto;position:relative}.page{padding:var(--space-lg);padding-top:var(--space-xl);animation:.3s pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:var(--space-xl)}.page-title{font-size:var(--font-2xl);letter-spacing:-.5px;color:var(--text-primary);font-weight:800}.page-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.bottom-nav{bottom:calc(8px + var(--safe-bottom));width:calc(100% - 24px);max-width:440px;height:var(--nav-height);background:var(--bg-nav);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-xl);z-index:100;box-shadow:var(--shadow-lg);justify-content:space-around;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.nav-item{padding:var(--space-sm)2px;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;flex:1 1 0;align-items:center;gap:3px;min-width:0;display:flex;position:relative}.nav-item:active{transform:scale(.92)}.nav-item .nav-icon{width:24px;height:24px;color:var(--text-tertiary);transition:all var(--transition-fast)}.nav-item .nav-label{color:var(--text-tertiary);transition:all var(--transition-fast);white-space:nowrap;font-size:10px;font-weight:500}.nav-item.active .nav-icon{color:var(--accent)}.nav-item.active .nav-label{color:var(--accent);font-weight:600}.nav-item.active:before{content:"";background:var(--accent);border-radius:var(--radius-full);width:20px;height:3px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.nav-badge{background:var(--danger);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:6px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast)}@media (hover:hover){.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);border-color:var(--border-strong)}}.card[style*="cursor: pointer"]:active,.card[role=button]:active{background:var(--accent-bg);transform:scale(.98)}.card-glass{background:var(--bg-card);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-sm);transition:all var(--transition-base);flex-direction:column;display:flex}@media (hover:hover){.stat-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.stat-card:active{transform:scale(.97)}.stat-card .stat-value{font-size:var(--font-2xl);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-weight:800}.stat-card .stat-label{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-card .stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.badge{border-radius:var(--radius-full);font-size:var(--font-xs);letter-spacing:.2px;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.badge-easy{background:var(--easy-bg);color:var(--easy);border:1px solid var(--easy-border)}.badge-medium{background:var(--medium-bg);color:var(--medium);border:1px solid var(--medium-border)}.badge-hard{background:var(--hard-bg);color:var(--hard);border:1px solid var(--hard-border)}.badge-status{border-radius:var(--radius-full);font-size:var(--font-xs);padding:3px 10px;font-weight:600}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.section-eyebrow{font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--space-md);align-items:center;gap:6px;font-weight:700;display:flex}.rating-pill{font-weight:800;font-size:var(--font-xs);font-variant-numeric:tabular-nums;color:var(--rc,var(--accent));border-radius:var(--radius-sm);background:var(--rc,var(--accent));align-items:center;padding:2px 7px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.rating-pill{background:color-mix(in srgb,var(--rc,var(--accent))14%,transparent)}}.rating-pill{border:1px solid var(--rc,var(--accent))}@supports (color:color-mix(in lab, red, red)){.rating-pill{border:1px solid color-mix(in srgb,var(--rc,var(--accent))30%,transparent)}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-sm);transition:all var(--transition-base);cursor:pointer;border:1px solid #0000;padding:10px 20px;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm),inset 0 -2px 4px #0000001a,inset 0 2px 4px #fff3}@media (hover:hover){.btn-primary:hover{background:var(--accent-light);box-shadow:var(--shadow-md),0 4px 12px var(--accent-bg),inset 0 -2px 4px #0000001a,inset 0 2px 4px #fff3;transform:translateY(-1px)}}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);background:0 0}@media (hover:hover){.btn-ghost:hover{background:var(--bg-tertiary)}}.btn-danger{background:var(--hard-bg);color:var(--hard)}.btn-sm{font-size:var(--font-xs);padding:6px 12px}.fab{bottom:calc(var(--nav-height) + var(--safe-bottom) + 32px);border-radius:var(--radius-full);background:var(--accent);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-lg),inset 0 -2px 6px #0003,inset 0 2px 6px #ffffff4d;transition:all var(--transition-spring);z-index:90;justify-content:center;align-items:center;display:flex;position:fixed;right:max(16px,50% - 224px)}@media (hover:hover){.fab:hover{box-shadow:var(--shadow-xl),0 0 0 8px var(--accent-bg),inset 0 -2px 6px #0003,inset 0 2px 6px #ffffff4d,var(--shadow-glow);transform:scale(1.08)translateY(-4px)}}.fab:active{transform:scale(.92)}@media (max-width:480px){.fab{right:16px}}.input-group{gap:var(--space-sm);flex-direction:column;display:flex}.input-group label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:600}.input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-size:var(--font-base);color:var(--text-primary);transition:all var(--transition-fast);padding:12px 16px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.input::placeholder{color:var(--text-tertiary)}textarea.input{resize:vertical;min-height:100px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.search-bar{align-items:center;gap:var(--space-sm);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:12px 16px;display:flex;box-shadow:inset 0 2px 4px #00000005}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg),inset 0 2px 4px #00000005;transform:translateY(-1px)}.search-bar input{font-size:var(--font-base);flex:1}.search-bar .search-icon{color:var(--text-tertiary);flex-shrink:0;width:20px;height:20px}.filter-chips{gap:var(--space-sm);-webkit-overflow-scrolling:touch;padding:var(--space-sm)0;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.chip{border-radius:var(--radius-full);font-size:var(--font-sm);white-space:nowrap;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}@media (hover:hover){.chip:hover{background:var(--bg-card-hover);border-color:var(--text-tertiary);color:var(--text-primary);transform:translateY(-1px)}}.chip:active{transform:scale(.96)}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent-dark);box-shadow:0 4px 12px var(--accent-bg)}.modal-overlay{background:var(--bg-modal);z-index:200;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--bg-secondary);border-radius:var(--radius-xl)var(--radius-xl)0 0;width:100%;max-width:480px;max-height:90dvh;padding:var(--space-lg);padding-bottom:calc(var(--space-xl) + var(--safe-bottom));animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{background:var(--border-color);border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto var(--space-lg)}.modal-title{font-size:var(--font-lg);margin-bottom:var(--space-xl);font-weight:700}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--accent);height:100%;transition:width var(--transition-slow)}.progress-ring-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring-text{font-size:var(--font-xs);color:var(--text-primary);font-weight:700;position:absolute}.swipe-container{border-radius:var(--radius-lg);position:relative;overflow:hidden}.swipe-action{color:#fff;width:80px;font-size:var(--font-xs);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:0;bottom:0}.swipe-action-left{background:var(--warning);right:0}.swipe-action-right{background:var(--success);left:0}.swipe-content{background:var(--bg-card);transition:transform var(--transition-fast);z-index:1;position:relative}.problem-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)var(--space-lg)var(--space-lg)max(var(--space-lg),20px);gap:var(--space-sm);transition:all var(--transition-base);cursor:pointer;contain:content;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (hover:hover){.problem-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.problem-card:before{content:"";background:var(--border-color);width:4px;transition:background var(--transition-fast);position:absolute;top:0;bottom:0;left:0}.problem-card.easy:before{background:var(--easy);box-shadow:2px 0 8px var(--easy-bg)}.problem-card.medium:before{background:var(--medium);box-shadow:2px 0 8px var(--medium-bg)}.problem-card.hard:before{background:var(--hard);box-shadow:2px 0 8px var(--hard-bg)}.problem-card:active{transform:scale(.98)}.problem-card .problem-title{font-size:var(--font-base);color:var(--text-primary);font-weight:600}.problem-card .problem-meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.problem-card .problem-topic{font-size:var(--font-xs);color:var(--text-secondary)}.topic-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);align-items:center;gap:var(--space-lg);transition:all var(--transition-base);cursor:pointer;display:flex}@media (hover:hover){.topic-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.topic-card:active{transform:scale(.98)}.topic-card .topic-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.topic-card .topic-info{flex:1;min-width:0}.topic-card .topic-name{font-size:var(--font-base);font-weight:600}.topic-card .topic-count{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px}.topic-card .topic-progress{width:100%;margin-top:var(--space-sm)}.heatmap-container{position:relative}.heatmap-summary{gap:var(--space-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);display:flex}.heatmap-stat{flex-direction:column;gap:1px;display:flex}.heatmap-stat-value{font-size:var(--font-lg);color:var(--accent);letter-spacing:-.5px;font-weight:800}.heatmap-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.heatmap-months{margin-bottom:4px;display:flex}.heatmap-day-spacer{flex-shrink:0;width:28px}.heatmap-month-track{flex:1;grid-auto-columns:1fr;display:grid;overflow:hidden}.heatmap-month-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.heatmap-grid-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.heatmap-grid-wrapper::-webkit-scrollbar{display:none}.heatmap-day-labels{flex-direction:column;flex-shrink:0;gap:3px;margin-right:6px;display:flex}.heatmap-day-label{height:13px;color:var(--text-tertiary);align-items:center;width:22px;font-size:9px;font-weight:500;display:flex}.heatmap{gap:3px;padding:0;display:flex}.heatmap-week{flex-direction:column;gap:3px;display:flex}.heatmap-cell{cursor:pointer;border-radius:3px;flex-shrink:0;width:13px;min-width:13px;height:13px;transition:all .12s}.heatmap-cell:hover{z-index:2;transform:scale(1.4)}.heatmap-level--1{pointer-events:none;background:0 0}.heatmap-level-0{background:var(--heatmap-0)}.heatmap-level-1{background:var(--heatmap-1);box-shadow:0 0 0 0 var(--heatmap-1)}.heatmap-level-2{background:var(--heatmap-2);box-shadow:0 0 0 0 var(--heatmap-2)}.heatmap-level-3{background:var(--heatmap-3);box-shadow:0 0 0 0 var(--heatmap-3)}.heatmap-level-4{background:var(--heatmap-4);box-shadow:0 0 4px var(--heatmap-4)}.heatmap-today{outline:2px solid var(--accent);outline-offset:1px;border-radius:3px}.heatmap-legend{margin-top:var(--space-md);padding-top:var(--space-sm);justify-content:flex-end;align-items:center;gap:4px;display:flex}.heatmap-legend-label{color:var(--text-tertiary);margin:0 2px;font-size:10px;font-weight:500}.heatmap-legend-cell{cursor:default;width:11px;min-width:11px;height:11px}.heatmap-legend-cell:hover{transform:none}.heatmap-tooltip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:300;pointer-events:none;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);white-space:nowrap;padding:6px 10px;animation:.1s tooltipIn;position:fixed;transform:translate(-50%,-100%)}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%,-100%)scale(.9)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.heatmap-tooltip-date{color:var(--text-primary);margin-bottom:2px;font-size:11px;font-weight:700}.heatmap-tooltip-detail{color:var(--text-secondary);font-size:10px;font-weight:500}.calendar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{aspect-ratio:1;border-radius:var(--radius-md);font-size:var(--font-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:500;display:flex;position:relative}.calendar-day.today{border:2px solid var(--accent);font-weight:700}.calendar-day.has-activity{background:var(--accent-bg);color:var(--accent);font-weight:600}.calendar-day.streak{background:var(--accent);color:#fff;font-weight:700}.calendar-day-header{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;font-weight:600}.empty-state{padding:var(--space-3xl)var(--space-xl);text-align:center;justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.empty-state .empty-icon{width:64px;height:64px;color:var(--text-tertiary);opacity:.5}.empty-state .empty-title{font-size:var(--font-lg);color:var(--text-secondary);font-weight:600}.empty-state .empty-text{font-size:var(--font-sm);color:var(--text-tertiary);max-width:280px}.motivation-banner{background:linear-gradient(135deg,var(--accent)0%,var(--accent-light)50%,var(--accent-dark)100%);color:#fff;border-radius:var(--radius-xl);padding:var(--space-xl)var(--space-2xl);box-shadow:var(--shadow-xl),0 12px 24px var(--accent-bg);transition:all var(--transition-base);position:relative;overflow:hidden}@media (hover:hover){.motivation-banner:hover{box-shadow:var(--shadow-xl),0 16px 32px var(--accent-bg),var(--shadow-glow);transform:translateY(-2px)}}.motivation-banner:before{content:"";z-index:1;background:radial-gradient(at 100% 0,#ffffff4d 0%,#0000 60%),radial-gradient(at 0 100%,#0000001a 0%,#0000 60%);position:absolute;inset:0}.motivation-banner:after{content:"";filter:blur(8px);z-index:1;background:radial-gradient(circle,#fff3 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-40%;right:-10%}.motivation-banner .motivation-text{font-size:var(--font-xl);z-index:2;letter-spacing:-.5px;text-shadow:0 2px 4px #0000001a;font-weight:800;position:relative}.motivation-banner .motivation-sub{font-size:var(--font-sm);opacity:.9;margin-top:var(--space-base);z-index:2;font-weight:500;position:relative}.streak-fire{align-items:center;gap:var(--space-xs);color:var(--warning);font-weight:700;display:inline-flex}.toggle{background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:all var(--transition-fast);border:1px solid var(--border-color);position:relative}.toggle.active{background:var(--accent);border-color:var(--accent)}.toggle:after{content:"";width:18px;height:18px;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.active:after{left:22px}.tab-bar{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.tab-item{border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-secondary);text-align:center;transition:all var(--transition-fast);white-space:nowrap;flex:1;padding:8px 12px;font-weight:600}.tab-item.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-card-hover)50%,var(--bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{z-index:300;width:100%;max-width:440px;padding:0 var(--space-lg);pointer-events:none;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-lg);cursor:pointer;pointer-events:all;opacity:0;font-weight:600;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:relative;overflow:hidden;transform:translateY(-20px)}.toast-visible,.toast-enter{opacity:1;transform:translateY(0)}.toast-exit{opacity:0;transform:translateY(-20px)scale(.95)}.toast-icon{flex-shrink:0;align-items:center;display:flex}.toast-message{flex:1;min-width:0}.toast-close{opacity:.6;color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;transition:opacity .15s;display:flex}.toast-close:hover{opacity:1}.toast-progress{background:#fff3;height:3px;position:absolute;bottom:0;left:0;right:0}.toast-progress-bar{background:#ffffff80;width:100%;height:100%;animation:linear forwards toastCountdown}@keyframes toastCountdown{0%{width:100%}to{width:0%}}.toast-success{background:var(--success);color:#fff}.toast-warning{background:var(--warning);color:#fff}.toast-danger{background:var(--danger);color:#fff}.toast-info{background:var(--info);color:#fff}.loading-screen{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100dvh;display:flex}.loading-logo{align-items:center;gap:var(--space-md);flex-direction:column;animation:.6s loadingFadeIn;display:flex}.loading-icon{font-size:48px;animation:2s ease-in-out infinite loadingPulse}.loading-title{font-size:var(--font-xl);letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.loading-dots{margin-top:var(--space-sm);gap:6px;display:flex}.loading-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite loadingDotBounce}.loading-dot:nth-child(2){animation-delay:.16s}.loading-dot:nth-child(3){animation-delay:.32s}@keyframes loadingFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes loadingDotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.scroll-top-btn{bottom:calc(84px + var(--safe-bottom));background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;z-index:90;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:background .15s,transform .15s;animation:.3s cubic-bezier(.175,.885,.32,1.275) scrollTopIn;display:flex;position:fixed;right:16px}.scroll-top-btn:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.scroll-top-btn:active{transform:scale(.92)}@keyframes scrollTopIn{0%{opacity:0;transform:scale(.5)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.nav-item.active{background:var(--accent-muted)}.nav-item.active:before{animation:.3s cubic-bezier(.175,.885,.32,1.275) navIndicatorIn}@keyframes navIndicatorIn{0%{opacity:0;width:0}to{opacity:1;width:20px}}.status-checkbox{transition:transform .15s,color .15s}.accordion-body{animation:.25s accordionOpen}@keyframes accordionOpen{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.accordion-header.completed{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.accordion-header.completed{border-color:color-mix(in srgb,var(--success)30%,var(--border-color))}}.accordion-header.completed .accordion-title{color:var(--success)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.flex-1{flex:1}.w-full{width:100%}.text-center{text-align:center}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid-2{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.code-block{border-radius:var(--radius-md);padding:var(--space-lg);font-size:var(--font-sm);background:#1e1e2e;line-height:1.6;overflow-x:auto}.code-block code{font-family:JetBrains Mono,Fira Code,SF Mono,monospace}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100px)rotate(720deg)}}.celebrate{animation:.5s celebrate}@media (min-width:481px){.app-container{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}}@media (min-width:768px){.app-container{max-width:420px}}.auth-page{min-height:100dvh;padding:var(--space-xl);background:var(--bg-primary);justify-content:center;align-items:center;display:flex}.auth-container{width:100%;max-width:360px}.auth-header{text-align:center;margin-bottom:var(--space-2xl)}.auth-logo{background:linear-gradient(135deg,var(--accent)0%,var(--accent-light)100%);color:#fff;border-radius:var(--radius-xl);width:64px;height:64px;margin:0 auto var(--space-lg);justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #6366f14d}.auth-title{font-size:var(--font-2xl);color:var(--text-primary);letter-spacing:-.5px;font-weight:800}.auth-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.auth-form{gap:var(--space-lg);flex-direction:column;display:flex}.auth-alert{padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);margin-bottom:var(--space-md);font-weight:500}.auth-alert-error{background:var(--hard-bg);color:var(--hard);border:1px solid var(--hard-border)}.auth-alert-success{background:var(--easy-bg);color:var(--easy);border:1px solid var(--easy-border)}.input-with-icon{position:relative}.input-with-icon .input-icon{color:var(--text-tertiary);z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon .input-icon-right{color:var(--text-tertiary);z-index:1;padding:4px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-divider{align-items:center;gap:var(--space-md);margin:var(--space-xl)0;color:var(--text-tertiary);font-size:var(--font-xs);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-toggle{text-align:center;margin-top:var(--space-xl);font-size:var(--font-sm);color:var(--text-secondary)}.auth-toggle button{color:var(--accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.ai-trigger-btn{border-radius:var(--radius-full);font-size:var(--font-xs);border:1px solid var(--ai-color,var(--accent));align-items:center;gap:6px;padding:7px 14px;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ai-trigger-btn{border:1px solid color-mix(in srgb,var(--ai-color,var(--accent))25%,transparent)}}.ai-trigger-btn{background:var(--ai-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.ai-trigger-btn{background:color-mix(in srgb,var(--ai-color,var(--accent))8%,transparent)}}.ai-trigger-btn{color:var(--ai-color,var(--accent));transition:all var(--transition-base);cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.ai-trigger-btn:before{content:"";background:linear-gradient(135deg,transparent 30%,var(--ai-color,var(--accent))50%,transparent 70%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.ai-trigger-btn:before{background:linear-gradient(135deg,transparent 30%,color-mix(in srgb,var(--ai-color,var(--accent))12%,transparent)50%,transparent 70%)}}.ai-trigger-btn:before{background-size:200% 200%;animation:3s ease-in-out infinite aiShimmer}.ai-trigger-btn:hover{border-color:var(--ai-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.ai-trigger-btn:hover{border-color:color-mix(in srgb,var(--ai-color,var(--accent))40%,transparent)}}.ai-trigger-btn:hover{background:var(--ai-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.ai-trigger-btn:hover{background:color-mix(in srgb,var(--ai-color,var(--accent))14%,transparent)}}.ai-trigger-btn:hover{box-shadow:0 4px 12px var(--ai-color,var(--accent));transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.ai-trigger-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--ai-color,var(--accent))15%,transparent)}}.ai-trigger-btn:active{transform:scale(.96)}.ai-trigger-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes aiShimmer{0%,to{background-position:200% 0}50%{background-position:-100% 0}}.ai-panel{border-radius:var(--radius-lg);border:1px solid var(--ai-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.ai-panel{border:1px solid color-mix(in srgb,var(--ai-color,var(--accent))20%,var(--border-color))}}.ai-panel{background:var(--ai-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.ai-panel{background:color-mix(in srgb,var(--ai-color,var(--accent))4%,var(--bg-card))}}.ai-panel{transition:all var(--transition-base);overflow:hidden}.ai-panel-header{padding:var(--space-md)var(--space-lg);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.ai-panel-title{font-size:var(--font-sm);color:var(--ai-color,var(--accent));align-items:center;gap:8px;font-weight:700;display:flex}.ai-badge{border-radius:var(--radius-full);background:var(--ai-color,var(--accent));padding:1px 6px;font-size:9px;font-weight:800}@supports (color:color-mix(in lab, red, red)){.ai-badge{background:color-mix(in srgb,var(--ai-color,var(--accent))15%,transparent)}}.ai-badge{color:var(--ai-color,var(--accent));letter-spacing:.5px}.ai-icon-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.ai-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ai-panel-body{padding:0 var(--space-lg)var(--space-lg);animation:.2s aiFadeIn}@keyframes aiFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-loading{align-items:center;gap:var(--space-md);padding:var(--space-lg);justify-content:center;display:flex}.ai-loading-dots{gap:4px;display:flex}.ai-loading-dots span{background:var(--ai-color,var(--accent));border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite aiDotPulse}.ai-loading-dots span:nth-child(2){animation-delay:.2s}.ai-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes aiDotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.ai-loading-text{font-size:var(--font-sm);color:var(--text-secondary);font-style:italic}.ai-error{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);background:var(--hard-bg);border:1px solid var(--hard-border);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--hard);display:flex}.ai-content{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.7}.ai-content strong{color:var(--text-primary)}.ai-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-actions{gap:var(--space-sm);padding:var(--space-md)0;flex-wrap:wrap;display:flex}.ai-coach-card{background:linear-gradient(135deg,var(--accent),#8b5cf6)}@supports (color:color-mix(in lab, red, red)){.ai-coach-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent)8%,var(--bg-card)),color-mix(in srgb,#8b5cf6 6%,var(--bg-card)))}}.ai-coach-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-coach-card{border:1px solid color-mix(in srgb,var(--accent)20%,var(--border-color))}}.ai-coach-card{border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden}.ai-coach-card:before{content:"";background:radial-gradient(circle,var(--accent)0%,transparent 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}@supports (color:color-mix(in lab, red, red)){.ai-coach-card:before{background:radial-gradient(circle,color-mix(in srgb,var(--accent)8%,transparent)0%,transparent 70%)}}.ai-coach-card:before{pointer-events:none}.ai-coach-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.ai-coach-title{font-size:var(--font-sm);color:var(--accent);align-items:center;gap:8px;font-weight:700;display:flex}.ai-interview-card{background:linear-gradient(135deg,#ec4899,#8b5cf6)}@supports (color:color-mix(in lab, red, red)){.ai-interview-card{background:linear-gradient(135deg,color-mix(in srgb,#ec4899 6%,var(--bg-card)),color-mix(in srgb,#8b5cf6 6%,var(--bg-card)))}}.ai-interview-card{border:1px solid #ec4899}@supports (color:color-mix(in lab, red, red)){.ai-interview-card{border:1px solid color-mix(in srgb,#ec4899 20%,var(--border-color))}}.ai-interview-card{border-radius:var(--radius-lg);padding:var(--space-lg)}.accordion-list{flex-direction:column;gap:2px;display:flex}.accordion-group{border-radius:var(--radius-md);overflow:hidden}.accordion-header{align-items:center;gap:var(--space-sm);width:100%;padding:14px var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-primary);font-family:inherit;transition:background .15s,border-color .15s,transform .1s;display:flex}.accordion-header:active{transform:scale(.985)}@media (hover:hover){.accordion-header:hover{background:var(--bg-tertiary)}}.accordion-header.open{background:var(--bg-tertiary);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion-chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.accordion-title{font-weight:700;font-size:var(--font-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.accordion-count{font-size:var(--font-xs);color:var(--text-secondary);text-align:right;flex-shrink:0;min-width:45px;font-weight:600}.accordion-progress{background:var(--bg-primary);border-radius:2px;flex-shrink:0;width:120px;height:4px;overflow:hidden}@media (max-width:480px){.accordion-progress{width:60px}}.accordion-progress-fill{border-radius:2px;height:100%;transition:width .3s}.accordion-body{border:1px solid var(--border-color);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background:var(--bg-card);border-top:none}.accordion-row{align-items:center;gap:var(--space-sm);padding:10px var(--space-md);border-bottom:1px solid var(--border-color);display:flex}@supports (color:color-mix(in lab, red, red)){.accordion-row{border-bottom:1px solid color-mix(in srgb,var(--border-color)50%,transparent)}}.accordion-row{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,transform .1s}.accordion-row:last-child{border-bottom:none}.accordion-row:active{background:var(--accent-bg);transform:scale(.985)}@media (hover:hover){.accordion-row:hover{background:var(--bg-tertiary)}}.accordion-row.solved{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.accordion-row.solved{background:color-mix(in srgb,var(--success)4%,transparent)}}.accordion-row.solved:active{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.accordion-row.solved:active{background:color-mix(in srgb,var(--success)12%,transparent)}}@media (hover:hover){.accordion-row.solved:hover{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.accordion-row.solved:hover{background:color-mix(in srgb,var(--success)8%,transparent)}}}.status-checkbox{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;transition:transform .15s;display:flex}.status-checkbox:active{transform:scale(.85)}.arow-star{flex-shrink:0;align-items:center;padding:2px;display:flex}.arow-info{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.arow-title{font-size:var(--font-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.arow-link{color:var(--text-tertiary);opacity:.5;flex-shrink:0;align-items:center;transition:opacity .15s;display:flex}.arow-link:hover{opacity:1;color:var(--accent)}.arow-diff{border-radius:var(--radius-full);letter-spacing:.2px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.arow-diff-easy{color:var(--easy);background:var(--easy-bg)}.arow-diff-medium{color:var(--medium);background:var(--medium-bg)}.arow-diff-hard{color:var(--hard);background:var(--hard-bg)}.view-toggle{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.view-toggle button{border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-family:inherit;font-weight:600;transition:all .15s}.view-toggle button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.problem-title,.accordion-row,.accordion-header,.status-checkbox,.solution-btn,.external-link-icon,.pd-action-btn,.pd-back-btn,.pd-status-btn,.pd-tab,.card[role=button],.card[onclick]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none}.accordion-row:focus,.accordion-row a:focus,.external-link-icon:focus{color:inherit;outline:none}.accordion-row a{color:inherit;text-decoration:none}.problem-detail-page{padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 32px)}.pd-hero{margin:calc(-1*var(--space-xl))calc(-1*var(--space-lg))0;padding:var(--space-lg)var(--space-lg)var(--space-xl);background:linear-gradient(180deg,var(--diff-color)0%,var(--bg-primary)100%)}@supports (color:color-mix(in lab, red, red)){.pd-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--diff-color)6%,var(--bg-primary))0%,var(--bg-primary)100%)}}.pd-hero{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-lg)}.pd-topbar{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.pd-topbar-actions{align-items:center;gap:4px;display:flex}.pd-back-btn,.pd-action-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.pd-back-btn:hover,.pd-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pd-back-btn:active,.pd-action-btn:active{transform:scale(.9)}.pd-title{font-size:var(--font-xl);margin-bottom:var(--space-md);letter-spacing:-.3px;font-weight:800;line-height:1.3}.pd-meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.pd-diff-badge{font-size:var(--font-xs);border-radius:var(--radius-full);background:currentColor;padding:2px 10px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.pd-diff-badge{background:color-mix(in srgb,currentColor 10%,transparent)}}.pd-topic-badge{font-size:var(--font-xs);color:var(--text-secondary);font-weight:500}.pd-pattern-badge{border-radius:var(--radius-full);background:var(--accent-bg);color:var(--accent);padding:2px 8px;font-size:10px;font-weight:600}.pd-companies{margin-top:var(--space-sm);flex-wrap:wrap;gap:4px;display:flex}.pd-company-chip{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 8px;font-size:10px;font-weight:500}.pd-status-bar{margin-bottom:var(--space-lg);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;display:flex;overflow-x:auto}.pd-status-bar::-webkit-scrollbar{display:none}.pd-status-btn{border-radius:var(--radius-full);font-size:var(--font-xs);white-space:nowrap;border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;padding:6px 12px;font-weight:600;transition:all .15s;display:flex}.pd-status-btn:active{transform:scale(.95)}.pd-status-btn.active{background:var(--status-color)}@supports (color:color-mix(in lab, red, red)){.pd-status-btn.active{background:color-mix(in srgb,var(--status-color)12%,transparent)}}.pd-status-btn.active{color:var(--status-color);border-color:var(--status-color)}@supports (color:color-mix(in lab, red, red)){.pd-status-btn.active{border-color:color-mix(in srgb,var(--status-color)30%,transparent)}}.pd-revision-banner{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);background:var(--warning);display:flex}@supports (color:color-mix(in lab, red, red)){.pd-revision-banner{background:color-mix(in srgb,var(--warning)8%,transparent)}}.pd-revision-banner{border:1px solid var(--warning)}@supports (color:color-mix(in lab, red, red)){.pd-revision-banner{border:1px solid color-mix(in srgb,var(--warning)20%,transparent)}}.pd-revision-banner{border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--font-sm);color:var(--warning);font-weight:500}.pd-revision-btn{border-radius:var(--radius-full);background:var(--warning);color:#fff;font-size:var(--font-xs);cursor:pointer;border:none;margin-left:auto;padding:4px 12px;font-weight:700}.pd-timer-card{padding:var(--space-md)var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;animation:.2s accordionOpen;display:flex}.pd-timer-display{flex-direction:column;display:flex}.pd-timer-value{font-size:var(--font-2xl);letter-spacing:1px;font-family:SF Mono,JetBrains Mono,monospace;font-weight:800}.pd-timer-total{font-size:var(--font-xs);color:var(--text-tertiary)}.pd-timer-controls{gap:6px;display:flex}.pd-timer-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s;display:flex}.pd-timer-btn:active{transform:scale(.85)}.pd-timer-btn.primary{background:var(--accent);color:#fff}.pd-timer-btn.danger{background:var(--danger);color:#fff}.pd-timer-btn.success{background:var(--success);color:#fff}.pd-timer-btn.ghost{background:var(--bg-tertiary);color:var(--text-secondary)}.pd-tabs{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-lg);gap:2px;padding:3px;display:flex}.pd-tab{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-xs);color:var(--text-tertiary);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 6px;font-weight:600;transition:all .15s;display:flex}.pd-tab:active{transform:scale(.96)}.pd-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.pd-tab-icon{font-size:14px}.pd-content{min-height:200px}.pd-tab-content{gap:var(--space-md);flex-direction:column;animation:.2s pdContentIn;display:flex}@keyframes pdContentIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pd-section{gap:var(--space-sm);flex-direction:column;display:flex}.pd-section-header{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);align-items:center;gap:6px;font-weight:700;display:flex}.pd-section-body{padding:var(--space-md)var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.pd-description{font-size:var(--font-sm);color:var(--text-primary);line-height:1.7}.pd-hints .pd-section-body{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.pd-hints .pd-section-body{background:color-mix(in srgb,var(--warning)4%,var(--bg-card))}}.pd-hints .pd-section-body{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.pd-hints .pd-section-body{border-color:color-mix(in srgb,var(--warning)15%,var(--border-color))}}.pd-hint-item{gap:var(--space-sm);padding:var(--space-xs)0;font-size:var(--font-sm);color:var(--text-secondary);display:flex}.pd-hint-num{color:var(--warning);flex-shrink:0;width:18px;font-weight:700}.pd-approaches-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-top:var(--space-sm);align-items:center;gap:6px;font-weight:700;display:flex}.pd-approach-card{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);border-left:3px solid var(--text-tertiary)}.pd-approach-card.optimal{border-left-color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.pd-approach-card.optimal{background:color-mix(in srgb,var(--success)3%,var(--bg-card))}}.pd-approach-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.pd-approach-name{font-size:var(--font-sm);font-weight:800}.pd-approach-card.optimal .pd-approach-name{color:var(--success)}.pd-optimal-badge{border-radius:var(--radius-full);background:var(--success);padding:1px 6px;font-size:10px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.pd-optimal-badge{background:color-mix(in srgb,var(--success)12%,transparent)}}.pd-optimal-badge{color:var(--success)}.pd-approach-desc{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.pd-complexity-row{gap:var(--space-sm);display:flex}.pd-complexity{font-size:var(--font-xs);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:flex}.pd-complexity.time{background:var(--accent-bg);color:var(--accent)}.pd-complexity.space{background:var(--bg-tertiary);color:var(--text-secondary)}.pd-textarea{width:100%;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-primary);resize:vertical;line-height:1.6;font-family:var(--font-family);transition:border-color .15s}.pd-textarea:focus{border-color:var(--accent);outline:none}.pd-code-input{font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:13px}.pd-complexity-inputs{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.pd-input-label{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:4px;font-weight:600;display:block}.pd-input{width:100%;padding:8px var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-primary);transition:border-color .15s}.pd-input:focus{border-color:var(--accent);outline:none}.pd-pattern-card{padding:var(--space-md)var(--space-lg);background:var(--accent-bg);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.pd-pattern-card{border:1px solid color-mix(in srgb,var(--accent)15%,transparent)}}.pd-pattern-card{border-radius:var(--radius-md)}.pd-pattern-label{font-size:var(--font-sm);color:var(--accent);margin-bottom:4px;font-weight:700}.pd-pattern-desc{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.pd-ai-grid{gap:var(--space-md);flex-direction:column;display:flex}.pd-danger-zone{margin-top:var(--space-2xl);border-top:1px solid var(--border-color);padding-top:var(--space-lg)}.pd-delete-toggle{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm)0;color:var(--text-tertiary);font-size:var(--font-xs);cursor:pointer;background:0 0;border:none;font-weight:600;display:flex}.pd-delete-toggle:hover{color:var(--danger)}.pd-delete-confirm{padding:var(--space-md);margin-top:var(--space-sm);border-radius:var(--radius-md);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.pd-delete-confirm{background:color-mix(in srgb,var(--danger)5%,transparent)}}.pd-delete-confirm{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.pd-delete-confirm{border:1px solid color-mix(in srgb,var(--danger)15%,transparent)}}.pd-delete-confirm{animation:.2s accordionOpen}.pd-delete-confirm p{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--space-md)}.pd-delete-btn{background:var(--danger);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:transform .15s;display:flex}.pd-delete-btn:active{transform:scale(.95)}.rev-page{padding-bottom:120px}.rev-topbar{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.rev-topbar-title{font-weight:700;font-size:var(--font-base);align-items:center;gap:6px;display:inline-flex}.rev-progress{margin-bottom:var(--space-lg)}.rev-progress-bar{background:var(--bg-tertiary);border-radius:999px;height:6px;overflow:hidden}.rev-progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .35s}.rev-progress-meta{font-size:var(--font-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:8px;font-weight:600;display:flex}.rev-skipday{color:var(--text-tertiary);font-size:var(--font-xs);cursor:pointer;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:5px;padding:4px 8px;font-weight:600;display:inline-flex}.rev-skipday:active{color:var(--text-secondary);transform:scale(.96)}.rev-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg)}.rev-card-badges{margin-bottom:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.rev-card-title{font-size:var(--font-xl);margin-bottom:var(--space-lg);font-weight:800;line-height:1.25}.rev-recall-prompt{background:var(--accent-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);align-items:flex-start;gap:10px;line-height:1.5;display:flex}.rev-recall-prompt strong{color:var(--text-primary)}.rev-reveal-btn{border-radius:var(--radius-md);background:var(--accent);color:#fff;width:100%;font-size:var(--font-base);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:700;transition:transform .12s,background .2s;display:inline-flex}.rev-reveal-btn:active{background:var(--accent-dark);transform:scale(.98)}.rev-card-links{margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rev-link{background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-xs);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-weight:600;text-decoration:none;display:inline-flex}.rev-link:active{transform:scale(.96)}.rev-loading{padding:var(--space-xl)0;color:var(--text-tertiary);font-size:var(--font-sm);flex-direction:column;align-items:center;gap:10px;display:flex}.rev-loading-dots{gap:5px;display:inline-flex}.rev-loading-dots span{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite rev-bounce}.rev-loading-dots span:nth-child(2){animation-delay:.15s}.rev-loading-dots span:nth-child(3){animation-delay:.3s}@keyframes rev-bounce{0%,80%,to{opacity:.4;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}.rev-sol-error{background:var(--hard-bg);border:1px solid var(--hard-border);color:var(--hard);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);justify-content:space-between;align-items:center;gap:10px;display:flex}.rev-keyidea{background:var(--medium-bg);border:1px solid var(--medium-border);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-sm);color:var(--text-primary);margin-bottom:var(--space-md);align-items:flex-start;gap:8px;font-weight:600;display:flex}.rev-keyidea svg{color:var(--medium);flex-shrink:0;margin-top:2px}.rev-desc{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.55}.rev-approaches-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--space-sm);align-items:center;gap:6px;font-weight:700;display:inline-flex}.rev-approach{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm);background:var(--bg-tertiary)}.rev-approach.optimal{border-color:var(--easy-border);background:var(--easy-bg)}.rev-approach-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.rev-approach-name{font-weight:700;font-size:var(--font-sm)}.rev-optimal-tag{color:var(--easy);letter-spacing:.5px;font-size:10px;font-weight:800}.rev-approach-desc{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:10px;line-height:1.5}.rev-complexity{gap:8px;display:flex}.rev-cx{font-size:var(--font-xs);font-weight:700;font-family:var(--font-mono,monospace);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.rev-cx.time{background:var(--accent-bg);color:var(--accent)}.rev-cx.space{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.rev-source-note{color:var(--text-tertiary);margin-top:var(--space-sm);align-items:center;gap:5px;font-size:10px;display:inline-flex}.rev-grade-section{margin-top:var(--space-md);position:sticky;bottom:12px}.rev-grade-label{text-align:center;font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:8px;font-weight:600}.rev-grade-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rev-grade-btn{border:1px solid var(--g-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--g-color);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;transition:transform .12s;display:flex}.rev-grade-btn:active{transform:scale(.95)}.rev-grade-name{font-size:var(--font-sm);font-weight:700}.rev-grade-interval{opacity:.8;font-size:10px;font-weight:600}.rev-empty,.rev-done{text-align:center;padding:var(--space-2xl)var(--space-lg);flex-direction:column;align-items:center;display:flex}.rev-empty-emoji{margin-bottom:var(--space-md);font-size:48px}.rev-done-badge{background:var(--accent-bg);width:72px;height:72px;color:var(--accent);margin-bottom:var(--space-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.rev-empty-title{font-size:var(--font-xl);margin-bottom:var(--space-sm);font-weight:800}.rev-empty-text{font-size:var(--font-sm);color:var(--text-secondary);max-width:340px;margin-bottom:var(--space-md);line-height:1.55}.rev-next-due{font-size:var(--font-xs);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.rev-cap{margin-top:var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);align-items:center;gap:12px;padding:10px 14px;display:flex}.rev-cap-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:600}.rev-cap-controls{align-items:center;gap:12px;display:inline-flex}.rev-cap-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);width:30px;height:30px;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:inline-flex}.rev-cap-btn:disabled{opacity:.4;cursor:not-allowed}.rev-cap-btn:not(:disabled):active{transform:scale(.92)}.rev-cap-value{font-size:var(--font-lg);text-align:center;min-width:22px;font-weight:800}.insight-row-label{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:700}.insight-chips{flex-wrap:wrap;gap:6px;display:flex}.insight-chip{font-size:var(--font-xs);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-weight:600;transition:transform .12s;display:inline-flex}.insight-chip:active{transform:scale(.96)}.insight-chip.strong{background:var(--easy-bg);color:var(--easy);border-color:var(--easy-border)}.insight-chip.weak{background:var(--medium-bg);color:var(--medium);border-color:var(--medium-border)}.insight-reco{font-size:var(--font-sm);color:var(--text-secondary);align-items:flex-start;gap:8px;line-height:1.5;display:flex}.puzzle-page{padding-bottom:120px}.puzzle-scorebar{margin-bottom:var(--space-lg);gap:8px;display:flex}.puzzle-score{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:var(--font-xs);color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;display:inline-flex}.puzzle-score b{color:var(--text-primary);font-size:var(--font-base)}.puzzle-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-md)}.puzzle-badges{margin-bottom:var(--space-md);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.puzzle-type{font-size:var(--font-xs);color:var(--accent);background:var(--accent-bg);border-radius:999px;padding:3px 9px;font-weight:700}.puzzle-sample{color:var(--text-tertiary);border:1px dashed var(--border-color);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600}.puzzle-question{font-size:var(--font-lg);margin-bottom:var(--space-md);font-weight:700;line-height:1.4}.puzzle-code{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--font-sm);white-space:pre;margin-bottom:var(--space-lg);color:var(--text-primary);line-height:1.5;overflow-x:auto}.puzzle-options{flex-direction:column;gap:8px;display:flex}.puzzle-opt{text-align:left;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);width:100%;color:var(--text-primary);font-size:var(--font-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;align-items:center;gap:10px;padding:12px 14px;font-weight:500;transition:transform .1s,border-color .15s,background .15s;display:flex}.puzzle-opt:not(:disabled):active{transform:scale(.99)}.puzzle-opt-letter{background:var(--bg-secondary);border:1px solid var(--border-color);width:24px;height:24px;font-size:var(--font-xs);color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.puzzle-opt-text{flex:1}.puzzle-opt.correct{border-color:var(--success);background:var(--easy-bg);color:var(--success)}.puzzle-opt.correct .puzzle-opt-letter{border-color:var(--success);color:var(--success)}.puzzle-opt.wrong{border-color:var(--danger);background:var(--hard-bg);color:var(--danger)}.puzzle-opt.wrong .puzzle-opt-letter{border-color:var(--danger);color:var(--danger)}.puzzle-opt.dim{opacity:.55}.puzzle-verdict{margin-top:var(--space-lg);font-weight:800;font-size:var(--font-base)}.puzzle-verdict.right{color:var(--success)}.puzzle-verdict.wrong{color:var(--danger)}.puzzle-explain{margin-top:var(--space-sm);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-secondary);align-items:flex-start;gap:8px;line-height:1.5;display:flex}.puzzle-explain svg{color:var(--warning);flex-shrink:0;margin-top:2px}.puzzle-next{width:100%;margin-top:var(--space-lg);border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:var(--font-base);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:8px;padding:13px;font-weight:700;transition:transform .12s,background .2s;display:inline-flex}.puzzle-next:active{background:var(--accent-dark);transform:scale(.98)}.puzzle-foot{text-align:center;color:var(--text-tertiary);margin-top:var(--space-md);font-size:10px}.puzzle-foot span{align-items:center;gap:5px;display:inline-flex}.arena-page{padding-bottom:120px}.arena-bar{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.arena-bar-title{font-weight:700;font-size:var(--font-base);align-items:center;gap:6px;display:inline-flex}.arena-group-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:700}.arena-tile{align-items:center;gap:var(--space-md);text-align:left;width:100%;padding:var(--space-md)var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s,border-color .15s;display:flex}.arena-tile:active{border-color:var(--accent);transform:scale(.99)}.arena-tile-icon{border-radius:var(--radius-md);background:var(--accent-bg);width:42px;height:42px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.arena-tile-body{flex:1;min-width:0}.arena-tile-title{font-weight:700;font-size:var(--font-base);align-items:center;gap:8px;display:flex}.arena-tile-desc{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px}.arena-tag{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800}.arena-tag.ai{background:var(--accent-bg);color:var(--accent)}.arena-tag.game{background:var(--easy-bg);color:var(--easy)}.cp-title{font-size:var(--font-xl);margin-bottom:var(--space-md);font-weight:800;line-height:1.25}.cp-statement{font-size:var(--font-sm);white-space:pre-wrap;color:var(--text-primary);margin-bottom:var(--space-lg);line-height:1.6}.cp-block{margin-bottom:var(--space-md)}.cp-block-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);align-items:center;gap:5px;margin-bottom:5px;font-weight:700;display:inline-flex}.cp-io{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (max-width:420px){.cp-io{grid-template-columns:1fr}}.cp-hints{margin-top:var(--space-sm);flex-direction:column;gap:6px;display:flex}.cp-solution{margin-top:var(--space-md);padding:var(--space-md);background:var(--easy-bg);border:1px solid var(--easy-border);border-radius:var(--radius-md)}.cp-approach{font-size:var(--font-sm);color:var(--text-primary);margin-bottom:8px;line-height:1.55}.cp-complexity{font-size:var(--font-xs);font-weight:700;font-family:var(--font-mono,monospace);color:var(--accent);background:var(--accent-bg);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.cp-actions{margin-top:var(--space-lg);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.iq-answer{margin-top:var(--space-md);padding:var(--space-md);background:var(--accent-bg);border-radius:var(--radius-md);font-size:var(--font-base);line-height:1.5}.iq-funfact{margin-top:var(--space-sm);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.iq-rate{margin-top:var(--space-lg);text-align:center}.iq-rate-q{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px}.iq-rate-btns{gap:10px;display:flex}.iq-rate-btn{border-radius:var(--radius-md);font-weight:700;font-size:var(--font-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;display:inline-flex}.iq-rate-btn:active{transform:scale(.97)}.iq-rate-btn.got{border-color:var(--success);color:var(--success);background:var(--easy-bg)}.iq-rate-btn.miss{border-color:var(--danger);color:var(--danger);background:var(--hard-bg)}.game-wrap{flex-direction:column;display:flex}.game-statbar{margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-stat{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);flex-direction:column;align-items:center;min-width:64px;padding:8px 14px;display:flex}.game-stat-v{font-size:var(--font-lg);font-weight:800}.game-stat-l{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.game-disks{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.game-disk-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);width:28px;height:28px;font-weight:700;font-size:var(--font-xs);cursor:pointer;color:var(--text-secondary);-webkit-tap-highlight-color:transparent}.game-disk-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.game-win{margin:var(--space-md)0;padding:var(--space-md);background:var(--easy-bg);border:1px solid var(--easy-border);border-radius:var(--radius-md);color:var(--success);font-size:var(--font-sm);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.game-hint{font-size:var(--font-xs);color:var(--text-tertiary);text-align:center;margin:var(--space-md)0;line-height:1.5}.hanoi-board{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hanoi-peg{border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #0000;flex-direction:column-reverse;align-items:center;height:200px;padding-bottom:10px;transition:border-color .15s,background .15s;display:flex;position:relative}.hanoi-peg.selected{border-color:var(--accent);background:var(--accent-bg)}.hanoi-peg.invalid{border-color:var(--danger);animation:.35s hanoi-shake}@keyframes hanoi-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.hanoi-rod{background:var(--border-color);z-index:0;border-radius:3px;width:6px;height:170px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.hanoi-base{background:var(--text-tertiary);border-radius:3px;width:84%;height:6px;position:absolute;bottom:4px;left:8%}.hanoi-disks{z-index:1;flex-direction:column-reverse;align-items:center;gap:3px;width:100%;display:flex;position:relative}.hanoi-disk{color:#fff;height:22px;box-shadow:var(--shadow-sm);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:transform .18s,box-shadow .18s;display:flex}.hanoi-disk.lifted{box-shadow:0 6px 16px var(--accent-glow);transform:translateY(-8px)scale(1.04)}.hanoi-disk.dropped{animation:.22s hanoi-drop}@keyframes hanoi-drop{0%{opacity:.6;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.bs-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.bs-prompt{font-size:var(--font-lg);margin-bottom:6px;font-weight:700;line-height:1.4}.bs-tip{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--space-md)}.bs-input-row{gap:8px;display:flex}.bs-input-row .input{flex:1}.bs-history{margin-bottom:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.bs-guess{font-size:var(--font-xs);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-weight:600;display:inline-flex}.bs-guess.higher{color:var(--info);border-color:var(--info)}.bs-guess.lower{color:var(--medium);border-color:var(--medium)}.bs-guess.correct{color:var(--success);border-color:var(--success);background:var(--easy-bg)}.deck-wrap{flex-direction:column;display:flex}.deck-card{perspective:1200px;min-height:280px;margin-bottom:var(--space-md);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y;position:relative}.deck-inner{width:100%;min-height:280px;transform-style:preserve-3d;transition:transform .45s;position:relative}.deck-card.flipped .deck-inner{transform:rotateY(180deg)}.deck-face{backface-visibility:hidden;gap:var(--space-md);padding:var(--space-xl);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);flex-direction:column;display:flex;position:absolute;inset:0}.deck-back{background:var(--accent-bg);transform:rotateY(180deg)}.deck-badges{flex-wrap:wrap;gap:6px;display:flex}.deck-text{text-align:center;font-size:var(--font-lg);flex:1;justify-content:center;align-items:center;font-weight:600;line-height:1.5;display:flex}.deck-front .deck-text{font-weight:700}.deck-flip-hint{text-align:center;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.deck-card.leaving-left{animation:.2s forwards deck-out-left}.deck-card.leaving-right{animation:.2s forwards deck-out-right}.deck-card.leaving-up{animation:.2s forwards deck-out-up}@keyframes deck-out-left{to{opacity:0;transform:translate(-120%)rotate(-12deg)}}@keyframes deck-out-right{to{opacity:0;transform:translate(120%)rotate(12deg)}}@keyframes deck-out-up{to{opacity:0;transform:translateY(-120%)scale(.9)}}.deck-rate{margin-bottom:var(--space-sm);grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.deck-rate-btn{border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;transition:transform .12s;display:flex}.deck-rate-btn:disabled{opacity:.5}.deck-rate-btn:not(:disabled):active{transform:scale(.96)}.deck-rate-btn b{font-size:var(--font-sm)}.deck-rate-btn span{opacity:.8;font-size:10px}.deck-rate-btn.hard{border-color:var(--hard);color:var(--hard)}.deck-rate-btn.good{border-color:var(--accent);color:var(--accent)}.deck-rate-btn.easy{border-color:var(--success);color:var(--success)}.deck-hint{text-align:center;font-size:var(--font-xs);color:var(--text-tertiary);margin-bottom:var(--space-sm);line-height:1.5}body{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true],[contenteditable=true] *,code,pre,.selectable,.selectable *,.pd-textarea,.pd-input,.pd-description,.pd-section-body,.pd-approach-desc,.pd-hint-item,.pd-pattern-desc{-webkit-user-select:text;user-select:text}[data-theme=dark]{--bg-card:#16161f;--bg-card-hover:#1d1d2b;--bg-nav:#0c0c13}[data-theme=light]{--bg-card:#fff;--bg-card-hover:#fff;--bg-nav:#fff}*,:before,:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}a,button,[role=button],.nav-item,.chip,.card,.stat-card,.topic-card,.accordion-header,.accordion-row,.status-checkbox,.arow-star,.fab,.view-toggle button,.tab-item{touch-action:manipulation}.page{animation-duration:.16s}@media (prefers-reduced-motion:reduce){.page{animation:none}html{scroll-behavior:auto}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
:root{--a-bg:#f4f1ea;--a-surface:#fdfbf6;--a-surface-2:#ebe6da;--a-surface-3:#ddd6c4;--a-sunken:#ebe6da;--a-panel:#fdfbf6;--a-elev:#fdfbf6;--a-text:#141414;--a-text-2:#4d4a42;--a-text-3:#8a857a;--a-text-disabled:#bdb8ab;--a-bd:#141414;--a-bw:2px;--a-line:#14141429;--a-line-soft:#1414141a;--a-line-divider:#14141424;--a-line-2:#14141447;--a-accent:#b4f333;--a-accent-2:#ff90e8;--a-accent-grad:#b4f333;--a-accent-ink:#141414;--a-accent-soft:#8cc8142e;--a-accent-soft-2:#8cc8144d;--a-accent-line:#141414;--a-accent-glow:#8cc8144d;--a-blk-lime:#b4f333;--a-blk-yellow:#ffd02f;--a-blk-pink:#ff90e8;--a-blk-cyan:#5fe8ff;--a-blk-green:#5ee07c;--a-blk-red:#ff6b6b;--a-blk-ink:#141414;--a-good:#1e9e4a;--a-warn:#d78f00;--a-bad:#e02d2d;--a-info:#2563eb;--a-revision:#b826d3;--a-rate-newbie:#767268;--a-rate-pupil:#1e9e4a;--a-rate-specialist:#0e8fa3;--a-rate-expert:#2f55e0;--a-rate-cm:#9333ea;--a-rate-master:#d78f00;--a-rate-gm:#e02d2d;--a-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--a-display:"Archivo Black","Archivo",system-ui,sans-serif;--a-body:"Archivo",system-ui,-apple-system,sans-serif;--a-r-sm:3px;--a-r-md:5px;--a-r-lg:8px;--a-r-xl:10px;--a-r-pill:6px;--a-pad:16px;--a-gap:12px;--a-sh-sm:3px 3px 0 var(--a-bd);--a-sh:4px 4px 0 var(--a-bd);--a-sh-lg:6px 6px 0 var(--a-bd);--a-shadow-sm:var(--a-sh-sm);--a-shadow:var(--a-sh);--a-shadow-accent:var(--a-sh);--a-dock-shadow:none;--a-seg-shadow:2px 2px 0 var(--a-bd);--a-dock-h:62px;--a-safe:env(safe-area-inset-bottom,0px);--a-spring:.3s cubic-bezier(.2,.9,.3,1);--a-fast:.12s ease-out;--a-heat-0:#e6e1d3;--a-heat-1:#d9ef9d;--a-heat-2:#bfe95f;--a-heat-3:#9fd426;--a-heat-4:#6ea314;--a-heat-ring:#141414;--a-glass:var(--a-bg);--a-glass-blur:none;--a-grab:#c9c3b2;--a-canvas-glow:transparent;--a-canvas-glow-2:transparent;--a-side-w:240px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--a-bg:#111110;--a-surface:#1b1b19;--a-surface-2:#262622;--a-surface-3:#32322c;--a-sunken:#0c0c0b;--a-panel:#1b1b19;--a-elev:#1b1b19;--a-text:#f2efe6;--a-text-2:#b5b0a2;--a-text-3:#7c7769;--a-text-disabled:#4c483e;--a-bd:#f2efe6;--a-line:#f2efe629;--a-line-soft:#f2efe61a;--a-line-divider:#f2efe621;--a-line-2:#f2efe64d;--a-accent-soft:#b4f33324;--a-accent-soft-2:#b4f3333d;--a-accent-line:#f2efe6;--a-good:#4ade80;--a-warn:#fbbf24;--a-bad:#ff6b6b;--a-info:#60a5fa;--a-revision:#e879f9;--a-rate-newbie:#a1a1aa;--a-rate-pupil:#4ade80;--a-rate-specialist:#22d3ee;--a-rate-expert:#60a5fa;--a-rate-cm:#c084fc;--a-rate-master:#fbbf24;--a-rate-gm:#f87171;--a-heat-0:#262622;--a-heat-1:#4a5d17;--a-heat-2:#6e8c1a;--a-heat-3:#93c11e;--a-heat-4:#b4f333;--a-heat-ring:#f2efe6;--a-grab:#4c483e}::selection{background:var(--a-accent);color:var(--a-accent-ink)}body{background:var(--a-bg);color:var(--a-text);font-family:var(--a-body)}[data-theme=dark],[data-theme=light]{--accent:var(--a-accent);--accent-light:var(--a-blk-yellow);--accent-dark:#8cc814;--accent-bg:var(--a-accent-soft);--accent-bg-hover:var(--a-accent-soft-2);--accent-muted:var(--a-accent-soft);--accent-glow:var(--a-accent-glow);--bg-primary:var(--a-bg);--bg-secondary:var(--a-surface);--bg-tertiary:var(--a-surface-2);--bg-card:var(--a-surface);--bg-card-hover:var(--a-surface-2);--bg-input:var(--a-surface-2);--bg-nav:var(--a-bg);--text-primary:var(--a-text);--text-secondary:var(--a-text-2);--text-tertiary:var(--a-text-3);--border-color:var(--a-line);--border-light:var(--a-line-soft);--border-strong:var(--a-bd);--easy:var(--a-good);--easy-bg:color-mix(in srgb,var(--a-good)14%,transparent);--easy-border:var(--a-good);--medium:var(--a-warn);--medium-bg:color-mix(in srgb,var(--a-warn)14%,transparent);--medium-border:var(--a-warn);--hard:var(--a-bad);--hard-bg:color-mix(in srgb,var(--a-bad)14%,transparent);--hard-border:var(--a-bad);--success:var(--a-good);--warning:var(--a-warn);--danger:var(--a-bad);--info:var(--a-info);--status-not-started:var(--a-text-3);--status-in-progress:var(--a-warn);--status-solved:var(--a-good);--status-revision:var(--a-revision);--status-mastered:var(--a-info);--rating-newbie:var(--a-rate-newbie);--rating-pupil:var(--a-rate-pupil);--rating-specialist:var(--a-rate-specialist);--rating-expert:var(--a-rate-expert);--rating-cm:var(--a-rate-cm);--rating-master:var(--a-rate-master);--rating-gm:var(--a-rate-gm);--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--radius-xl:10px;--radius-full:6px;--shadow-sm:var(--a-sh-sm);--shadow-md:var(--a-sh-sm);--shadow-lg:var(--a-sh);--shadow-xl:var(--a-sh-lg);--shadow-glow:var(--a-sh);--heatmap-0:var(--a-heat-0);--heatmap-1:var(--a-heat-1);--heatmap-2:var(--a-heat-2);--heatmap-3:var(--a-heat-3);--heatmap-4:var(--a-heat-4)}.page{max-width:430px;margin:0 auto;padding-bottom:calc(var(--a-dock-h) + var(--a-safe) + 40px)!important}.card,.stat-card,.problem-card{border:var(--a-bw)solid var(--a-bd);box-shadow:var(--a-sh-sm)}.fab{background:var(--a-accent);color:var(--a-accent-ink);border:var(--a-bw)solid var(--a-bd);box-shadow:var(--a-sh)}.chip.active,.filter-chips .chip.active{background:var(--a-bd);border-color:var(--a-bd);color:var(--a-bg)}.btn-primary{background:var(--a-accent);color:var(--a-accent-ink);border:var(--a-bw)solid var(--a-bd);box-shadow:var(--a-sh-sm)}.motivation-banner{background:var(--a-blk-yellow);color:var(--a-blk-ink);border:var(--a-bw)solid var(--a-bd);box-shadow:var(--a-sh)}.app-container{background:var(--a-bg);min-height:100dvh}.a-screen{max-width:430px;padding:0 20px;padding-top:max(14px,env(safe-area-inset-top,0px));padding-bottom:calc(var(--a-dock-h) + var(--a-safe) + 44px);margin:0 auto}.a-screen-flush{padding-bottom:calc(var(--a-safe) + 40px)}.a-head{border-bottom:3px solid var(--a-bd);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;padding:12px 0 14px;display:flex}.a-head-eyebrow{font-family:var(--a-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--a-accent-ink);background:var(--a-accent);border:var(--a-bw)solid var(--a-bd);margin-bottom:10px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.a-head-eyebrow.calm{background:var(--a-blk-green)}.a-head-title{font-family:var(--a-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--a-text);font-size:32px;font-weight:400;line-height:.98}.a-head-sub{color:var(--a-text-2);margin-top:8px;font-size:13px;font-weight:500}.a-head-action{border-radius:var(--a-r-md);background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);width:42px;height:42px;box-shadow:var(--a-sh-sm);color:var(--a-text);transition:var(--a-fast);flex-shrink:0;place-items:center;font-size:17px;display:grid}.a-head-action.calm{background:var(--a-blk-green);color:var(--a-blk-ink)}.a-head-action:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(2px,2px)}.a-head-btn{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);box-shadow:var(--a-sh-sm);color:var(--a-text);transition:var(--a-fast);flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.a-head-btn:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(2px,2px)}.a-back{border-radius:var(--a-r-md);background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);width:38px;height:38px;box-shadow:var(--a-sh-sm);color:var(--a-text);transition:var(--a-fast);flex-shrink:0;place-items:center;font-size:19px;display:grid}.a-back:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(2px,2px)}.a-back-link{color:var(--a-text-2);background:0 0;border:none;margin-bottom:8px;font-size:13px;font-weight:700;display:inline-block}.a-back-link:active{opacity:.6}.a-section{margin-bottom:26px}.a-section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.a-section-title,.a-eyebrow{font-family:var(--a-display);text-transform:uppercase;letter-spacing:.01em;color:var(--a-text);align-items:center;gap:8px;font-size:15px;font-weight:400;display:inline-flex}.a-section-title svg{color:var(--a-text);background:var(--a-accent);border:1.5px solid var(--a-bd);border-radius:3px;width:20px;height:20px;padding:2px}.a-section-link{font-family:var(--a-mono);text-transform:uppercase;color:var(--a-text);background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-sm);box-shadow:2px 2px 0 var(--a-bd);transition:var(--a-fast);align-items:center;gap:3px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.a-section-link:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(1px,1px)}.a-card-title{font-family:var(--a-display);text-transform:uppercase;color:var(--a-text);font-size:13px;font-weight:400}.a-panel{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-lg);box-shadow:var(--a-sh-sm);padding:var(--a-pad)}.a-panel-tap{cursor:pointer;transition:var(--a-fast)}.a-panel-tap:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(2px,2px)}.a-sunken{background:var(--a-sunken);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);padding:var(--a-pad)}.a-hero{border-radius:var(--a-r-lg);color:var(--a-accent-ink);background:var(--a-accent);border:var(--a-bw)solid var(--a-bd);box-shadow:var(--a-sh);padding:20px;position:relative}.a-hero-label{font-family:var(--a-mono);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.a-hero-big{align-items:baseline;gap:10px;margin:8px 0 4px;display:flex}.a-hero-num{font-family:var(--a-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:800;line-height:1}.a-hero-unit{font-size:16px;font-weight:800}.a-hero-sub{margin-bottom:16px;font-size:13px;font-weight:600}.a-hero-cta{background:var(--a-bd);width:100%;color:var(--a-bg);text-transform:uppercase;border-radius:var(--a-r-md);transition:var(--a-fast);justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:800;display:flex}.a-hero-cta:active{transform:scale(.98)}.a-gradcard{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-lg);box-shadow:var(--a-sh);padding:20px}.a-avatar{border-radius:var(--a-r-md);background:var(--a-accent);width:56px;height:56px;color:var(--a-accent-ink);border:var(--a-bw)solid var(--a-bd);box-shadow:var(--a-sh-sm);font-family:var(--a-display);flex:none;place-items:center;font-size:24px;display:grid}.a-statcells{gap:10px;display:flex}.a-statcell{text-align:center;background:var(--a-surface-2);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);flex:1;padding:12px 8px}.a-statcell-num{font-family:var(--a-mono);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1}.a-statcell-label{font-family:var(--a-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--a-text-3);margin-top:5px;font-size:9px;font-weight:600}.a-badges-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;margin:-4px;padding:4px;display:flex;overflow-x:auto}.a-badges-row::-webkit-scrollbar{display:none}.a-achv{text-align:center;flex:none;width:62px}.a-achv-tile{border-radius:var(--a-r-md);background:var(--a-blk-yellow);border:var(--a-bw)solid var(--a-bd);width:56px;height:56px;box-shadow:2px 2px 0 var(--a-bd);place-items:center;margin:0 auto;font-size:25px;display:grid}.a-achv.locked{opacity:.45}.a-achv.locked .a-achv-tile{background:var(--a-surface-2);box-shadow:none}.a-achv-label{color:var(--a-text-2);margin-top:6px;font-size:10px;font-weight:600;line-height:1.15}.a-metrics{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.a-metric{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-lg);box-shadow:var(--a-sh-sm);transition:var(--a-fast);padding:14px}.a-metric-tap{cursor:pointer}.a-metric-tap:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(2px,2px)}.a-metric-label{font-family:var(--a-mono);color:var(--a-text-2);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;font-size:9.5px;font-weight:700;display:flex}.a-metric-value{font-family:var(--a-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1}.a-metric-value .frac{color:var(--a-text-3)}.a-metric-delta{color:var(--a-text-3);margin-top:4px;font-size:12px;font-weight:600}.a-metric-delta.up{color:var(--a-good)}.a-prog{flex-direction:column;gap:12px;display:flex}.a-prog-top{justify-content:space-between;align-items:baseline;margin-bottom:5px;font-size:12px;display:flex}.a-prog-name{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.a-prog-frac{font-family:var(--a-mono);color:var(--a-text-3);font-variant-numeric:tabular-nums}.a-bar{background:var(--a-surface-2);border:1.5px solid var(--a-bd);border-radius:3px;height:12px;overflow:hidden}.a-bar-fill{background:var(--a-accent);height:100%;transition:width var(--a-spring)}.a-ring{--p:0;--rc:var(--a-accent);background:conic-gradient(var(--rc)calc(var(--p)*1%),var(--a-surface-2)0);border:var(--a-bw)solid var(--a-bd);border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.a-ring:before{content:"";background:var(--a-surface);border:1.5px solid var(--a-bd);border-radius:50%;grid-area:1/1;width:40px;height:40px}.a-ring span{font-family:var(--a-mono);font-variant-numeric:tabular-nums;grid-area:1/1;font-size:12px;font-weight:800}.a-list{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-lg);box-shadow:var(--a-sh-sm);overflow:hidden}.a-list-row{border-bottom:1.5px solid var(--a-line-divider);color:var(--a-text);transition:var(--a-fast);align-items:center;gap:12px;padding:13px 14px;text-decoration:none;display:flex}.a-list-row:last-child{border-bottom:none}.a-list-row.tap{cursor:pointer}.a-list-row.tap:active{background:var(--a-accent-soft)}.a-rows{flex-direction:column;gap:10px;display:flex}.a-row{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);box-shadow:var(--a-sh-sm);transition:var(--a-fast);color:var(--a-text);align-items:center;gap:12px;padding:13px 14px;text-decoration:none;display:flex}.a-row-tap{cursor:pointer}.a-row-tap:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(2px,2px)}.a-row-lead{border-radius:var(--a-r-sm);background:var(--a-surface-2);border:1.5px solid var(--a-bd);flex:none;place-items:center;width:32px;height:32px;display:grid}.a-stat-ico{border-radius:var(--a-r-sm);background:var(--a-surface-2);border:1.5px solid var(--a-bd);width:34px;height:34px;color:var(--a-text-2);flex:none;place-items:center;font-size:15px;display:grid}.a-stat-ico.solved{background:var(--a-blk-green);color:var(--a-blk-ink)}.a-stat-ico.progress{background:var(--a-blk-yellow);color:var(--a-blk-ink)}.a-stat-ico.revision{background:var(--a-blk-pink);color:var(--a-blk-ink)}.a-stat-ico.mastered{background:var(--a-blk-cyan);color:var(--a-blk-ink)}.a-stat-ico.sm{width:30px;height:30px}.a-row-main{flex:1;min-width:0}.a-row-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden}.a-row-sub{color:var(--a-text-3);margin-top:1px;font-size:12px}.a-row-sub.revision{color:var(--a-revision)}.a-row-meta{color:var(--a-text-2);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.a-row-star{color:var(--a-text-3);flex:none;font-size:15px}.a-row-star.on{color:var(--a-warn)}.a-row-chevron{color:var(--a-text-3);flex:none;font-size:15px}.a-badge{font-family:var(--a-mono);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border:1.5px solid var(--a-bd);color:var(--a-blk-ink);border-radius:3px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.a-badge.easy{background:var(--a-blk-green)}.a-badge.med{background:var(--a-blk-yellow)}.a-badge.hard{background:var(--a-blk-red)}.a-plat{font-family:var(--a-mono);color:var(--a-text);background:var(--a-surface-2);border:1.5px solid var(--a-bd);border-radius:3px;flex:none;padding:2px 6px;font-size:9px;font-weight:700}.a-rate{font-family:var(--a-mono);--rc:var(--a-text-2);color:var(--rc);border:1.5px solid var(--rc);background:color-mix(in srgb,var(--rc)10%,transparent);font-variant-numeric:tabular-nums;border-radius:3px;flex:none;padding:3px 7px;font-size:12px;font-weight:800}.a-rate.newbie{--rc:var(--a-rate-newbie)}.a-rate.pupil{--rc:var(--a-rate-pupil)}.a-rate.specialist{--rc:var(--a-rate-specialist)}.a-rate.expert{--rc:var(--a-rate-expert)}.a-rate.cm{--rc:var(--a-rate-cm)}.a-rate.master{--rc:var(--a-rate-master)}.a-rate.gm{--rc:var(--a-rate-gm)}.a-tag{background:var(--a-surface);border:1.5px solid var(--a-bd);color:var(--a-text);white-space:nowrap;border-radius:3px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.a-navcard{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-lg);box-shadow:var(--a-sh);transition:var(--a-fast);cursor:pointer;padding:20px;position:relative}.a-navcard:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(3px,3px)}.a-navcard-emoji{margin-bottom:12px;font-size:30px}.a-navcard-title{font-family:var(--a-display);text-transform:uppercase;margin-bottom:4px;font-size:18px;font-weight:400}.a-navcard-sub{color:var(--a-text-2);font-size:12.5px;font-weight:500;line-height:1.4}.a-navcard-chevron{font-size:20px;font-weight:700;position:absolute;top:18px;right:18px}.a-navcard.accent{background:var(--a-accent);color:var(--a-accent-ink)}.a-navcard.accent .a-navcard-sub{color:#141414bf;font-weight:600}.a-navcard-pill{background:var(--a-bd);color:var(--a-bg);font-family:var(--a-mono);border-radius:3px;padding:3px 8px;font-size:11px;font-weight:700}.a-hubgrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.a-hubgrid .a-navcard.wide{grid-column:1/-1}.a-hubgrid .a-navcard:not(.accent):nth-of-type(2){background:var(--a-blk-cyan);color:var(--a-blk-ink)}.a-hubgrid .a-navcard:not(.accent):nth-of-type(3){background:var(--a-blk-pink);color:var(--a-blk-ink)}.a-hubgrid .a-navcard:not(.accent) .a-navcard-sub{color:#141414b3}.a-gamegrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.a-gametile{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-lg);box-shadow:var(--a-sh);text-align:left;min-height:118px;transition:var(--a-fast);cursor:pointer;color:var(--a-blk-ink);flex-direction:column;justify-content:space-between;padding:16px;display:flex}.a-gametile:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(3px,3px)}.a-gametile-emoji{font-size:28px}.a-gametile-title{font-family:var(--a-display);text-transform:uppercase;font-size:13px;font-weight:400}.a-gametile-sub{color:#141414a6;margin-top:2px;font-size:11px;font-weight:600}.a-gametile.accent{background:var(--a-accent)}.a-gamegrid .a-gametile:nth-child(6n+1):not(.accent){background:var(--a-blk-cyan)}.a-gamegrid .a-gametile:nth-child(6n+2):not(.accent){background:var(--a-blk-yellow)}.a-gamegrid .a-gametile:nth-child(6n+3):not(.accent){background:var(--a-blk-pink)}.a-gamegrid .a-gametile:nth-child(6n+4):not(.accent){background:var(--a-blk-green)}.a-gamegrid .a-gametile:nth-child(6n+5):not(.accent){background:var(--a-blk-red)}.a-gamegrid .a-gametile:nth-child(6n+6):not(.accent){background:var(--a-blk-yellow)}.a-seg{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);gap:3px;padding:4px;display:flex}.a-seg-item{text-align:center;color:var(--a-text-3);transition:var(--a-fast);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;flex:1;min-width:0;padding:8px 6px;font-size:12.5px;font-weight:700;overflow:hidden}.a-seg-item.on{background:var(--a-bd);color:var(--a-bg)}.a-seg-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.a-seg-scroll::-webkit-scrollbar{display:none}.a-seg-scroll .a-seg-item{flex:none}.a-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin:-3px;padding:3px;display:flex;overflow-x:auto}.a-chips::-webkit-scrollbar{display:none}.a-chip{border-radius:var(--a-r-sm);background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);color:var(--a-text);transition:var(--a-fast);white-space:nowrap;box-shadow:2px 2px 0 var(--a-bd);flex:none;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.a-chip .count{color:var(--a-text-3);font-weight:700}.a-chip.on{background:var(--a-bd);color:var(--a-bg);box-shadow:none;transform:translate(2px,2px)}.a-chip.on .count{color:var(--a-bg);opacity:.7}.a-chip.good{background:var(--a-blk-green);color:var(--a-blk-ink)}.a-chip.bad{background:var(--a-blk-red);color:var(--a-blk-ink)}.a-chip.soft-on{background:var(--a-accent);color:var(--a-accent-ink);box-shadow:none;transform:translate(2px,2px)}.a-chip:active{box-shadow:none;transform:translate(2px,2px)}.a-btn{border-radius:var(--a-r-md);text-transform:uppercase;letter-spacing:.02em;border:var(--a-bw)solid var(--a-bd);box-shadow:var(--a-sh-sm);transition:var(--a-fast);cursor:pointer;text-align:center;background:var(--a-surface);color:var(--a-text);justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:800;display:inline-flex}.a-btn:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(2px,2px)}.a-btn-primary{background:var(--a-accent);color:var(--a-accent-ink)}.a-btn-secondary{background:var(--a-surface-2);color:var(--a-text)}.a-btn-ghost{box-shadow:none;color:var(--a-text-2);background:0 0}.a-btn-ghost:active{transform:scale(.98)}.a-btn-accent-ghost{background:var(--a-accent-soft);color:var(--a-text)}.a-btn-danger{background:var(--a-blk-red);color:var(--a-blk-ink)}.a-btn-block{width:100%}.a-btn-sm{box-shadow:2px 2px 0 var(--a-bd);padding:7px 12px;font-size:12px}.a-btn-sm:active{box-shadow:none}.a-btn-lg{padding:15px;font-size:15px}.a-iconbtn{border-radius:var(--a-r-md);background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);width:40px;height:40px;box-shadow:2px 2px 0 var(--a-bd);color:var(--a-text);transition:var(--a-fast);flex:none;place-items:center;display:grid}.a-iconbtn.on{background:var(--a-accent);color:var(--a-accent-ink)}.a-iconbtn:active{box-shadow:none;transform:translate(2px,2px)}.a-fab{right:max(20px,50% - 195px);bottom:calc(var(--a-dock-h) + var(--a-safe) + 24px);border-radius:var(--a-r-md);background:var(--a-accent);width:56px;height:56px;color:var(--a-accent-ink);border:var(--a-bw)solid var(--a-bd);box-shadow:var(--a-sh);z-index:95;transition:var(--a-fast);place-items:center;font-size:26px;display:grid;position:fixed}.a-fab:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(3px,3px)}.a-btn,.btn{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.a-btn>svg,.btn>svg{flex-shrink:0}.a-chip,.chip{min-width:0;max-width:100%}.a-input{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);width:100%;color:var(--a-text);transition:var(--a-fast);padding:12px 14px;font-size:14px;font-weight:500}.a-input:focus{box-shadow:var(--a-sh-sm);background:var(--a-bg);outline:none}.a-input::placeholder{color:var(--a-text-3)}select.a-input{appearance:none}.a-search{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);transition:var(--a-fast);align-items:center;gap:10px;padding:11px 13px;display:flex}.a-search:focus-within{box-shadow:var(--a-sh-sm);background:var(--a-bg)}.a-search svg,.a-search .ico{color:var(--a-text);flex:none}.a-search input{min-width:0;color:var(--a-text);background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:500}.a-search input::placeholder{color:var(--a-text-3)}.a-stepper{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);align-items:center;gap:2px;padding:3px;display:inline-flex}.a-stepper button{width:30px;height:30px;color:var(--a-text);transition:var(--a-fast);border-radius:3px;place-items:center;font-size:16px;font-weight:700;display:grid}.a-stepper button.plus{background:var(--a-accent);color:var(--a-accent-ink);border:1.5px solid var(--a-bd)}.a-stepper button:active{transform:scale(.9)}.a-stepper .val{font-family:var(--a-mono);text-align:center;font-variant-numeric:tabular-nums;min-width:30px;font-size:14px;font-weight:800}.a-toggle{border-radius:var(--a-r-sm);background:var(--a-surface-2);border:var(--a-bw)solid var(--a-bd);cursor:pointer;width:50px;height:28px;transition:background var(--a-fast);flex:none;position:relative}.a-toggle:after{content:"";background:var(--a-bd);width:20px;height:20px;transition:var(--a-fast);border-radius:2px;position:absolute;top:2px;left:2px}.a-toggle.on{background:var(--a-accent)}.a-toggle.on:after{left:24px}.a-settings{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-lg);box-shadow:var(--a-sh-sm);overflow:hidden}.a-settings-row{border-bottom:1.5px solid var(--a-line-divider);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;font-size:14px;display:flex}.a-settings-row:last-child{border-bottom:none}.a-tabbar{background:var(--a-bg);border-top:3px solid var(--a-bd);width:100%;max-width:none;padding:7px 8px calc(7px + var(--a-safe));z-index:100;border-radius:0;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;transform:none}.a-tab{border-radius:var(--a-r-sm);border:var(--a-bw)solid transparent;min-width:0;color:var(--a-text-3);font-family:var(--a-mono);text-transform:uppercase;letter-spacing:.02em;transition:var(--a-fast);flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:7px 0 6px;font-size:8.5px;font-weight:700;display:flex;position:relative}.a-tab span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.a-tab:active{transform:scale(.94)}.a-tab.on{background:var(--a-accent);color:var(--a-accent-ink);border-color:var(--a-bd);box-shadow:2px 2px 0 var(--a-bd)}.a-tab-badge{background:var(--a-blk-red);min-width:15px;height:15px;color:var(--a-blk-ink);border:1.5px solid var(--a-bd);font-family:var(--a-mono);border-radius:3px;place-items:center;padding:0 3px;font-size:8px;font-weight:800;display:grid;position:absolute;top:2px;right:calc(50% - 17px)}@media (min-width:1024px){.a-tabbar{display:none}}.a-sidebar{display:none}.a-sidebar-brand{cursor:pointer;text-align:left;align-items:center;gap:10px;padding:4px 8px 18px;display:flex}.a-sidebar-mark{border-radius:var(--a-r-sm);background:var(--a-accent);width:36px;height:36px;color:var(--a-accent-ink);border:var(--a-bw)solid var(--a-bd);box-shadow:2px 2px 0 var(--a-bd);flex:none;place-items:center;display:grid}.a-sidebar-word{font-family:var(--a-display);text-transform:uppercase;color:var(--a-text);font-size:13px}.a-sidebar-nav{flex-direction:column;gap:6px;display:flex}.a-side-item{border-radius:var(--a-r-sm);border:var(--a-bw)solid transparent;width:100%;color:var(--a-text-2);text-align:left;transition:var(--a-fast);align-items:center;gap:12px;padding:10px 13px;font-size:14px;font-weight:700;display:flex}.a-side-item:hover{border-color:var(--a-bd);color:var(--a-text)}.a-side-item:active{transform:translate(2px,2px)}.a-side-item.on{background:var(--a-accent);color:var(--a-accent-ink);border-color:var(--a-bd);box-shadow:2px 2px 0 var(--a-bd)}.a-side-count{font-family:var(--a-mono);font-variant-numeric:tabular-nums;background:var(--a-bd);color:var(--a-bg);border-radius:3px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.a-side-item.on .a-side-count{background:var(--a-bd);color:var(--a-bg)}.a-sidebar-foot{border-top:2px solid var(--a-bd);margin-top:auto;padding-top:12px}.a-sidebar-ver{font-family:var(--a-mono);color:var(--a-text-3);padding:10px 13px 0;font-size:10px}.a-heatmap{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;display:grid;overflow:hidden}.a-heat-cell{aspect-ratio:1;background:var(--a-heat-0);border-radius:2px;width:100%}.a-heat-cell.l1{background:var(--a-heat-1)}.a-heat-cell.l2{background:var(--a-heat-2)}.a-heat-cell.l3{background:var(--a-heat-3)}.a-heat-cell.l4{background:var(--a-heat-4)}.a-heat-cell.today{box-shadow:0 0 0 2px var(--a-heat-ring)}.a-heat-legend{color:var(--a-text-3);justify-content:flex-end;align-items:center;gap:6px;margin-top:12px;font-size:11px;font-weight:600;display:flex}.a-heat-legend i{border-radius:2px;width:11px;height:11px;display:inline-block}.a-toast{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);box-shadow:var(--a-sh);align-items:center;gap:12px;padding:12px 15px;font-weight:600;display:flex}.a-toast.good{background:var(--a-blk-green);color:var(--a-blk-ink)}.a-toast.bad{background:var(--a-blk-red);color:var(--a-blk-ink)}.a-toast.warn{background:var(--a-blk-yellow);color:var(--a-blk-ink)}.a-empty{text-align:center;background:var(--a-surface);border:var(--a-bw)dashed var(--a-bd);border-radius:var(--a-r-lg);padding:28px 20px}.a-empty-glyph{margin-bottom:8px;font-size:30px}.a-empty-title{font-family:var(--a-display);text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:400}.a-empty-sub{color:var(--a-text-3);font-size:12px;line-height:1.5}.a-skel{background:var(--a-surface-2);border:1.5px dashed var(--a-line-2);border-radius:var(--a-r-md);animation:1.1s ease-in-out infinite alternate aSkel}@keyframes aSkel{0%{opacity:.5}to{opacity:1}}@media (prefers-reduced-motion:reduce){.a-skel{animation:none}}.a-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.a-loading-mark{border-radius:var(--a-r-md);background:var(--a-accent);width:64px;height:64px;color:var(--a-accent-ink);border:var(--a-bw)solid var(--a-bd);box-shadow:var(--a-sh);place-items:center;animation:1s ease-in-out infinite aStomp;display:grid}.a-loading-title{font-family:var(--a-display);text-transform:uppercase;font-size:16px}.a-loading-dots{gap:6px;display:flex}.a-loading-dots span{background:var(--a-bd);border-radius:2px;width:8px;height:8px;animation:1.2s infinite aBlink}.a-loading-dots span:nth-child(2){animation-delay:.2s}.a-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes aStomp{0%,to{box-shadow:var(--a-sh);transform:translate(0)}50%{box-shadow:1px 1px 0 var(--a-bd);transform:translate(3px,3px)}}@keyframes aBlink{0%,to{opacity:.25}50%{opacity:1}}.a-scrim{z-index:200;animation:aScrimIn var(--a-fast);background:#1414148c;align-items:flex-end;display:flex;position:fixed;inset:0}[data-theme=dark] .a-scrim{background:#000000b3}@keyframes aScrimIn{0%{opacity:0}to{opacity:1}}.a-sheet{background:var(--a-bg);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-lg)var(--a-r-lg)0 0;width:100%;max-width:430px;padding:10px 20px calc(26px + var(--a-safe));animation:aSheetIn var(--a-spring);border-bottom:none;margin:0 auto}@keyframes aSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.a-scrim,.a-sheet{animation:none}}.a-grab{background:var(--a-grab);border-radius:2px;width:44px;height:5px;margin:6px auto 20px}.a-scrolltop{bottom:calc(var(--a-dock-h) + var(--a-safe) + 24px);border-radius:var(--a-r-md);background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);width:44px;height:44px;box-shadow:var(--a-sh-sm);color:var(--a-text);z-index:90;transition:var(--a-fast);font-size:18px;position:fixed;right:max(16px,50% - 199px)}.a-scrolltop:active{box-shadow:none;transform:translate(2px,2px)}.a-mono{font-family:var(--a-mono);font-variant-numeric:tabular-nums}.a-tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.a-stack{gap:var(--a-gap);flex-direction:column;display:flex}.a-stack-sm{flex-direction:column;gap:10px;display:flex}.a-rowflex{align-items:center;gap:var(--a-gap);display:flex}.a-spread{justify-content:space-between;align-items:center;gap:var(--a-gap);display:flex}.a-grow{flex:1;min-width:0}.a-wrap{flex-wrap:wrap;gap:7px;display:flex}.a-muted{color:var(--a-text-2)}.a-dim{color:var(--a-text-3)}.a-accent{color:var(--a-good)}.a-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.a-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.a-grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pd-title{font-family:var(--a-display);text-transform:uppercase;font-size:22px;font-weight:400;line-height:1.05}.pd-hero{background:var(--a-bg)}.pd-back-btn,.pd-action-btn{border-radius:var(--a-r-sm);background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);box-shadow:2px 2px 0 var(--a-bd)}.rev-card{background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-lg);box-shadow:var(--a-sh)}.rev-card-title{font-family:var(--a-display);text-transform:uppercase;font-size:21px;font-weight:400}.rev-recall-prompt{background:var(--a-sunken);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md)}.rev-reveal-btn{background:var(--a-accent);color:var(--a-accent-ink);text-transform:uppercase;border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);box-shadow:var(--a-sh-sm);font-weight:800}.rev-reveal-btn:active{background:var(--a-accent);box-shadow:none;transform:translate(2px,2px)}.rev-grade-grid{grid-template-columns:1fr 1fr;gap:10px}.rev-grade-btn{background:color-mix(in srgb,var(--g-color)14%,var(--a-surface));border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);box-shadow:2px 2px 0 var(--a-bd);padding:14px}.rev-grade-name{text-transform:uppercase;font-size:14px;font-weight:800}.rev-grade-interval{font-family:var(--a-mono);color:var(--a-text-3);opacity:1}.rev-grade-btn:last-child{background:var(--a-accent);color:var(--a-accent-ink)}.rev-grade-btn:last-child .rev-grade-name{color:var(--a-accent-ink)}.rev-grade-btn:last-child .rev-grade-interval{color:#14141499}.rev-done-badge{background:var(--a-accent);color:var(--a-accent-ink);border:var(--a-bw)solid var(--a-bd);box-shadow:var(--a-sh)}.rev-empty-title{font-family:var(--a-display);text-transform:uppercase;font-size:21px;font-weight:400}.auth-logo{background:var(--a-accent);color:var(--a-accent-ink);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);box-shadow:var(--a-sh)}.auth-title{font-family:var(--a-display);text-transform:uppercase;font-size:26px;font-weight:400}.modal-sheet{background:var(--a-bg);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-lg)var(--a-r-lg)0 0;max-width:430px;box-shadow:none;border-bottom:none}.modal-handle{background:var(--a-grab);width:44px;height:5px}.modal-title{font-family:var(--a-display);text-transform:uppercase;font-size:19px;font-weight:400}.a-bento{grid-template-columns:1fr 1fr;gap:14px;display:grid}.a-bento .span2{grid-column:1/-1}.a-tile{--blk:var(--a-surface);border-radius:var(--a-r-lg);background:var(--blk);border:var(--a-bw)solid var(--a-bd);min-height:118px;box-shadow:var(--a-sh);color:var(--a-blk-ink);text-align:left;transition:var(--a-fast);cursor:pointer;flex-direction:column;justify-content:space-between;gap:10px;padding:16px;display:flex;position:relative;overflow:hidden}.a-tile:active{box-shadow:1px 1px 0 var(--a-bd);transform:translate(3px,3px)}.a-tile-label{font-family:var(--a-mono);text-transform:uppercase;letter-spacing:.08em;color:inherit;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.a-tile-num{font-family:var(--a-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1}.a-tile-num .frac{opacity:.55;font-size:20px}.a-tile-sub{opacity:.75;font-size:11.5px;font-weight:700}.a-tile-mark{opacity:.2;pointer-events:none;font-size:58px;position:absolute;bottom:-12px;right:-4px;transform:rotate(-8deg)}.a-tile.green{--blk:var(--a-blk-green)}.a-tile.amber{--blk:var(--a-blk-yellow)}.a-tile.cyan{--blk:var(--a-blk-cyan)}.a-tile.pink{--blk:var(--a-blk-pink)}.a-tile.violet{--blk:var(--a-blk-red)}.a-tile.grad{--blk:var(--a-accent);min-height:150px}.a-tile .a-week{height:62px}.a-tile .a-week-bar{background:#1414142e;border:none}.a-tile .a-week-bar.on{background:var(--a-blk-ink)}.a-tile .a-week-lbl,.a-tile .a-week-col.today .a-week-lbl{color:var(--a-blk-ink);opacity:.7}.a-tile .a-week-col.today .a-week-lbl{opacity:1;font-weight:800}.a-greet{border-bottom:3px solid var(--a-bd);justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:10px 0 16px;display:flex}.a-greet-date{font-family:var(--a-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--a-text-3);margin-bottom:4px;font-size:10px;font-weight:700}.a-greet-hi{font-family:var(--a-display);text-transform:uppercase;font-size:19px;font-weight:400;line-height:1}.a-streak-chip{font-family:var(--a-mono);font-variant-numeric:tabular-nums;border-radius:var(--a-r-sm);background:var(--a-blk-yellow);border:var(--a-bw)solid var(--a-bd);box-shadow:2px 2px 0 var(--a-bd);color:var(--a-blk-ink);flex:none;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.a-greet .a-head-action{width:38px;height:38px;font-size:15px}.a-today-ringwrap{flex:none;width:92px;height:92px;position:relative}.a-ring2{background:conic-gradient(var(--a-blk-ink)calc(var(--p,0)*1%),#1414142e 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(closest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px))}.a-ring2-txt{color:var(--a-blk-ink);flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.a-ring2-num{font-family:var(--a-mono);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.a-ring2-cap{font-family:var(--a-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-top:3px;font-size:8px;font-weight:700}.a-today-title{font-family:var(--a-display);text-transform:uppercase;font-size:17px;font-weight:400;line-height:1.12}.a-today-sub{opacity:.75;margin-top:4px;font-size:12px;font-weight:700}.a-today-cta{background:var(--a-bd);color:var(--a-bg);text-transform:uppercase;border-radius:var(--a-r-sm);transition:var(--a-fast);align-items:center;gap:6px;width:fit-content;margin-top:10px;padding:9px 14px;font-size:12px;font-weight:800;display:inline-flex}.a-today-cta:active{transform:scale(.96)}.a-today{background:var(--a-accent);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-lg);box-shadow:var(--a-sh);color:var(--a-accent-ink);align-items:center;gap:18px;padding:18px;display:flex;position:relative}.a-today-main{flex:1;min-width:0}.a-today-label{font-family:var(--a-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.a-quick{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.a-quick-item{font-family:var(--a-mono);text-transform:uppercase;color:var(--a-text-2);transition:var(--a-fast);flex-direction:column;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.a-quick-ico{border-radius:var(--a-r-md);background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);width:52px;height:52px;box-shadow:2px 2px 0 var(--a-bd);color:var(--a-text);transition:var(--a-fast);place-items:center;display:grid}.a-quick-item:active .a-quick-ico{box-shadow:none;transform:translate(2px,2px)}.a-week{align-items:flex-end;gap:8px;height:84px;display:flex}.a-week-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.a-week-bar{background:var(--a-surface-2);border:1.5px solid var(--a-line-2);width:100%;max-width:26px;min-height:5px;transition:height var(--a-spring);border-radius:2px}.a-week-bar.on{background:var(--a-accent);border-color:var(--a-bd)}.a-week-lbl{font-family:var(--a-mono);text-transform:uppercase;color:var(--a-text-3);font-size:8.5px;font-weight:700}.a-week-col.today .a-week-lbl{color:var(--a-text);font-weight:800}.a-week-chips{border-top:2px solid var(--a-bd);gap:14px;margin-top:14px;padding-top:12px;display:flex}.a-week-chip{flex:1;min-width:0}.a-week-chip-num{font-family:var(--a-mono);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800;line-height:1}.a-week-chip-lbl{font-family:var(--a-mono);color:var(--a-text-3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:8.5px;font-weight:700}.a-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;margin:-4px;padding:4px;display:flex;overflow-x:auto}.a-carousel::-webkit-scrollbar{display:none}.a-scard{scroll-snap-align:start;background:var(--a-surface);border:var(--a-bw)solid var(--a-bd);border-radius:var(--a-r-md);box-shadow:var(--a-sh-sm);cursor:pointer;transition:var(--a-fast);text-align:left;color:var(--a-text);flex-direction:column;flex:0 0 220px;gap:10px;padding:14px;display:flex}.a-scard:active{box-shadow:none;transform:translate(2px,2px)}.a-scard-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.a-scard-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.a-scard-sub{color:var(--a-text-3);margin-top:auto;font-size:11px;font-weight:600}.a-mehero{text-align:center;padding:4px 0 0}.a-mehero .a-avatar{border-radius:var(--a-r-md);width:84px;height:84px;margin:0 auto 12px;font-size:34px}.a-mehero-name{font-family:var(--a-display);text-transform:uppercase;font-size:21px;font-weight:400}.a-mehero-meta{font-family:var(--a-mono);text-transform:uppercase;color:var(--a-text-2);background:var(--a-surface-2);border:1.5px solid var(--a-bd);border-radius:3px;align-items:center;gap:6px;margin-top:8px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.a-toolbar{z-index:60;background:var(--a-bg);border-bottom:3px solid var(--a-bd);margin:0 -20px 16px;padding:10px 20px 12px;position:sticky;top:0}.a-toolbar .a-search{margin-bottom:10px}@media (hover:hover){.a-panel-tap:hover,.a-row-tap:hover,.a-metric-tap:hover,.a-navcard:hover,.a-gametile:hover,.a-tile:hover,.a-scard:hover,.a-btn:hover:not(.a-btn-ghost),.a-chip:hover:not(.on),.a-iconbtn:hover,.a-head-action:hover,.a-head-btn:hover,.a-back:hover,.a-fab:hover,.a-scrolltop:hover,.a-section-link:hover{box-shadow:6px 6px 0 var(--a-bd);transform:translate(-2px,-2px)}.a-list-row.tap:hover{background:var(--a-accent-soft)}.a-seg-item:hover:not(.on){color:var(--a-text)}.a-btn-ghost:hover{background:var(--a-surface-2);color:var(--a-text)}.a-tab:hover:not(.on){color:var(--a-text)}.a-side-item:hover{transform:none}.a-quick-item:hover .a-quick-ico{box-shadow:4px 4px 0 var(--a-bd);transform:translate(-2px,-2px)}}.a-btn:focus-visible,.a-chip:focus-visible,.a-iconbtn:focus-visible,.a-tab:focus-visible,.a-side-item:focus-visible,.a-seg-item:focus-visible,.a-tile:focus-visible{outline:3px solid var(--a-info);outline-offset:2px}@keyframes aDialogIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (min-width:700px){.app-container{border-left:none;border-right:none;max-width:none}.a-screen,.page{max-width:620px}.a-metrics{grid-template-columns:repeat(4,1fr)}.a-gamegrid{grid-template-columns:repeat(3,1fr)}.a-head-title{font-size:40px}.a-greet-hi{font-size:24px}.a-bento{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense}.a-bento .span2{grid-column:span 2}.a-tile.grad{grid-row:span 2}.a-bento .a-tile.cyan.span2{grid-column:1/-1}}@media (min-width:1024px){.a-sidebar{width:var(--a-side-w);background:var(--a-bg);border-right:3px solid var(--a-bd);padding:20px 14px calc(16px + var(--a-safe));z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.app-container{padding-left:var(--a-side-w);padding-bottom:0}.a-screen,.page{max-width:720px;padding-bottom:64px!important}.a-screen{padding-top:28px}.a-fab{bottom:36px;right:40px}.a-scrolltop{bottom:104px;right:40px}.toast-container{left:calc(var(--a-side-w) + (100% - var(--a-side-w))/2)}.a-scrim,.modal-overlay{align-items:center;padding:28px}.a-sheet,.modal-sheet{border-radius:var(--a-r-lg);max-width:480px;max-height:85dvh;box-shadow:var(--a-sh-lg);padding-bottom:26px;animation:.18s ease-out aDialogIn;overflow-y:auto;border:var(--a-bw)solid var(--a-bd)!important}.a-grab,.modal-handle{display:none}}