*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:root{--color-background: #f7f7fb;--color-surface: #ffffff;--color-primary: #5856d6;--color-primary-hover: #4846c2;--color-text: #1b1b1f;--color-text-secondary: #66666f;--color-border: #dedee7;--color-danger: #c93434;--color-warning: #b86a12;--color-success: #248a4c;--radius-small: 8px;--radius-medium: 14px;--radius-large: 22px;--shadow-card: 0 4px 20px rgb(0 0 0 / 7%);--page-max-width: 720px}body{min-width:320px;min-height:100vh;background:var(--color-background);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{min-height:100vh;padding-bottom:calc(86px + env(safe-area-inset-bottom))}.app-main{width:min(100%,var(--page-max-width));margin:0 auto;padding:24px 18px 32px}.page{display:grid;gap:22px}.page-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.page-header h1{margin:0;font-size:2rem;line-height:1.1;letter-spacing:0}.page-header p{max-width:34rem;margin:8px 0 0;color:var(--color-text-secondary);line-height:1.45}.page-header__action{flex:0 0 auto}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric,.empty-state,.study-card,.hero-panel,.settings-section,.warning-panel{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:var(--shadow-card)}.metric{display:grid;gap:4px;min-height:96px;padding:16px;align-content:center}.metric__value{font-size:1.8rem;font-weight:750}.metric__label{color:var(--color-text-secondary);font-size:.92rem}.action-stack{display:grid;gap:10px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-small);padding:10px 16px;font-weight:700}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover{background:var(--color-primary-hover)}.button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.button--danger{background:var(--color-danger);color:#fff}.icon-button{display:inline-grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font-size:1rem;font-weight:800}.icon-button[aria-pressed=true]{border-color:var(--color-primary);background:#5856d61a;color:var(--color-primary)}.icon-button:disabled{opacity:.5}.form{display:grid;gap:16px}.field{display:grid;gap:8px;font-weight:700}.field-with-action,.voice-control,.answer-panel__row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px;align-items:end}.answer-panel__row{align-items:center}.speech-button{align-self:end}.field input,.field textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:12px;background:var(--color-surface);color:var(--color-text);font-weight:500}.empty-state{display:grid;gap:14px;padding:22px}.empty-state h2{margin:0;font-size:1.25rem;letter-spacing:0}.empty-state p{margin:8px 0 0;color:var(--color-text-secondary);line-height:1.45}.empty-state small{color:var(--color-text-secondary);line-height:1.4}.empty-state__action{margin-top:4px}.hero-panel{display:grid;gap:18px;padding:22px}.hero-panel p{margin:8px 0 0;color:var(--color-text-secondary);line-height:1.45}.hero-panel__value{display:block;margin-top:4px;font-size:2.25rem;line-height:1.1}.section-title{margin:0 0 12px;font-size:1.1rem;letter-spacing:0}.eyebrow{margin:0;color:var(--color-text-secondary);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.list{display:grid;gap:10px}.list-item{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:14px}.list-item__body{flex:1}.list-item span,.list-item__body span{display:grid;gap:4px}.list-item small,.list-item__meta{color:var(--color-text-secondary);font-size:.9rem}.study-card{display:grid;gap:18px;padding:24px}.study-card__prompt{margin:0;font-size:1.7rem;font-weight:750;line-height:1.2}.study-card__answer,.answer-panel p{margin:0;font-size:1.2rem;line-height:1.35}.answer-panel{display:grid;gap:6px;border-top:1px solid var(--color-border);padding-top:18px}.answer-panel small{color:var(--color-text-secondary);line-height:1.4}.bottom-nav{position:fixed;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;border-top:1px solid var(--color-border);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom);z-index:20}.bottom-nav__link{display:flex;min-height:64px;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:.82rem;font-weight:700}.bottom-nav__link--active{color:var(--color-primary)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#00000061}.modal__panel{width:min(100%,420px);border-radius:var(--radius-small);background:var(--color-surface);padding:20px}.modal__close{float:right}.offline-banner{display:grid;gap:4px;border-bottom:1px solid var(--color-border);background:#fff8e8;padding:10px 18px;color:var(--color-text);font-size:.9rem}.offline-banner span{color:var(--color-text-secondary)}.fab{position:fixed;right:18px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:30;display:grid;justify-items:end;gap:10px}.fab__button{width:56px;height:56px;border:0;border-radius:50%;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-card);font-size:2rem;line-height:1}.fab__menu{display:grid;gap:8px;width:190px}.fab__menu-item{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:12px 14px;box-shadow:var(--shadow-card);font-weight:700}.fab__menu-item--disabled{color:var(--color-text-secondary)}.search-input{display:grid;gap:8px;font-weight:700}.search-input input,.field input,.field textarea,.field select{min-height:44px;font-size:1rem}.field select,.search-input input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);padding:12px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.choice-group{display:grid;gap:10px;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:14px}.choice-group legend{padding:0 6px;font-weight:800}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px}.segmented--wrap{grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}.segmented__item{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font-weight:700}.segmented__item--active{border-color:var(--color-primary);background:#5856d61a;color:var(--color-primary)}.check-row,.radio-row{display:flex;min-height:44px;align-items:center;gap:10px;font-weight:700}.check-row input,.radio-row input{width:20px;height:20px}.swatch-row{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:38px;height:38px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px var(--color-border)}.details-panel{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:14px}.details-panel summary{cursor:pointer;font-weight:800}.details-panel__content{display:grid;gap:14px;padding-top:14px}.item-menu{position:relative;flex:0 0 auto}.item-menu summary{display:grid;width:44px;height:44px;place-items:center;border-radius:var(--radius-small);cursor:pointer;list-style:none}.item-menu summary::-webkit-details-marker{display:none}.item-menu__content{position:absolute;top:48px;right:0;z-index:10;display:grid;min-width:190px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:var(--shadow-card);padding:8px}.item-menu__content a,.item-menu__content button{border:0;border-radius:var(--radius-small);background:transparent;color:var(--color-text);padding:10px;text-align:left}.danger-text{color:var(--color-danger)!important}.warning-panel,.suggestion-panel{display:grid;gap:10px;padding:16px}.beta-banner{display:grid;gap:10px;border:1px solid rgb(88 86 214 / 24%);border-radius:var(--radius-small);background:#5856d614;padding:16px}.beta-banner p{margin:0;color:var(--color-text-secondary);line-height:1.45}.warning-panel p,.suggestion-panel p{margin:0;color:var(--color-text-secondary)}.suggestion-panel{border:1px solid rgb(36 138 76 / 30%);border-radius:var(--radius-small);background:#248a4c14}.field-hint{margin:-6px 0 0;color:var(--color-warning);font-size:.92rem;line-height:1.4}.field-error{margin:-4px 0 0;color:var(--color-danger);font-size:.92rem;line-height:1.4}.pwa-prompt{position:fixed;right:18px;bottom:calc(150px + env(safe-area-inset-bottom));left:18px;z-index:50;display:grid;gap:10px;max-width:420px;margin-left:auto;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:var(--shadow-card);padding:14px}.pwa-prompt p{margin:0;color:var(--color-text-secondary);line-height:1.4}.progress-track{display:block;width:100%;height:10px;overflow:hidden;border-radius:999px;background:var(--color-border)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.weekly-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;min-height:112px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:14px}.weekly-bars__item{display:grid;gap:8px;justify-items:center;color:var(--color-text-secondary);font-size:.78rem}.weekly-bars__bar{width:100%;min-height:8px;border-radius:var(--radius-small) var(--radius-small) 2px 2px;background:var(--color-primary)}.breakdown-list{display:grid;gap:10px}.breakdown-row{display:grid;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:12px}.breakdown-row>div:first-child{display:flex;justify-content:space-between;gap:12px}.breakdown-row span{color:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.loading-state{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:22px;color:var(--color-text-secondary)}.loading-state__bar{width:70%;height:14px;border-radius:999px;background:var(--color-border)}.loading-state__bar--short{width:42%}.session-progress{display:grid;gap:8px;color:var(--color-text-secondary);font-weight:800}.session-progress progress{width:100%;height:8px;accent-color:var(--color-primary)}.review-buttons,.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review-button--again{border-color:#c934344d;background:#c934341a;color:var(--color-danger)}.review-button--hard{border-color:#b86a124d;background:#b86a121a;color:var(--color-warning)}.review-button--good{background:var(--color-primary);color:#fff}.review-button--easy{border-color:#248a4c4d;background:#248a4c1a;color:var(--color-success)}.settings-list{display:grid;gap:14px}.settings-section{display:grid;gap:14px;padding:16px}.settings-section h2{margin:0;font-size:1.1rem;letter-spacing:0}.settings-controls{display:grid;gap:14px}.settings-note{margin:0;color:var(--color-text-secondary);line-height:1.45}.settings-section dl{display:grid;gap:10px;margin:0}.settings-section dl div{display:flex;justify-content:space-between;gap:16px}.settings-section dt{color:var(--color-text-secondary)}.settings-section dd{margin:0;font-weight:800;text-align:right}.toast{position:fixed;right:18px;bottom:calc(150px + env(safe-area-inset-bottom));z-index:40;border-radius:var(--radius-small);background:var(--color-text);color:#fff;padding:12px 14px;box-shadow:var(--shadow-card)}@media(max-width:560px){.page-header{display:grid}.summary-grid,.review-buttons,.result-grid{grid-template-columns:1fr}.page-header h1{font-size:1.7rem}}@media(min-width:900px){.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);padding-bottom:0}.app-main{grid-column:2;padding-top:38px}.bottom-nav{top:0;right:auto;bottom:0;width:220px;grid-template-columns:1fr;align-content:start;border-top:0;border-right:1px solid var(--color-border);padding:28px 12px}.bottom-nav__link{min-height:48px;justify-content:flex-start;border-radius:var(--radius-small);padding:0 12px}.bottom-nav__link--active{background:#5856d61a}.fab{right:28px;bottom:28px}}