:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-family-sans:Inter, "Hiragino Kaku Gothic ProN", "Noto Sans JP", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-menu-title:1.625rem;--font-size-page-title:2rem;--font-size-progress-value:2.125rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:20px;--radius-full:999px;--control-height-xs:28px;--control-height-sm:32px;--control-height-md:36px;--control-height-lg:40px;--control-height-xl:44px;--control-height-2xl:48px;--opacity-disabled:.65;--opacity-disabled-muted:.35;--color-background-page:#f8fafc;--color-surface:#fff;--color-surface-hover:#eef2f6;--color-menu-hover:#edf2f7;--color-text-primary:#1f2937;--color-text-strong:#111827;--color-text-display:#111;--color-text-emphasis:#0f172a;--color-text-secondary:#374151;--color-text-control:#334155;--color-text-body:#4b5563;--color-text-shell:#475569;--color-text-muted:#6b7280;--color-text-muted-alt:#64748b;--color-text-placeholder:#9ca3af;--color-text-menu:#2f3640;--color-icon-muted:#94a3b8;--color-on-accent:#fff;--color-link:#2563eb;--color-accent:#0f766e;--color-accent-hover:#e6f6f3;--color-border-header:#d8d3c8;--color-border-menu:#d9e0e8;--color-border-card:#ded9cf;--color-border-control:#cfc8ba;--color-border-control-muted:#cbd5e1;--color-border-input:#ccc;--color-border-subtle:#e2e8f0;--color-border-table:#f1f5f9;--color-info-soft:#dbeafe;--color-danger:#b91c1c;--color-danger-action:#dc2626;--color-danger-text:#b42318;--color-danger-border:#f5c2c7;--color-danger-surface:#fef2f2;--color-danger-surface-strong:#fdecec;--color-success-text:#065f46;--color-success-border:#a7f3d0;--color-success-surface:#ecfdf5;--color-status-active-text:#3730a3;--color-status-active-surface:#eef2ff;--color-cover-border:#d6d0c4;--color-cover-text:#8b8477;--color-cover-surface:#f7f4ee;--color-progress-track:#e8e3d9;--color-progress-start:#34d399;--shadow-menu:0 12px 28px #0f172a29;--shadow-card:0 16px 40px #0f172a14;color:var(--color-text-primary);background:var(--color-background-page);font-family:var(--font-family-sans);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}a{color:var(--color-link)}.shell{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.app-layout{min-height:100vh}.app-header{border-bottom:1px solid var(--color-border-header);background:var(--color-surface);justify-content:center;min-height:72px;display:flex}.app-header__content{justify-content:space-between;align-items:center;width:min(1100px,100% - 32px);padding:18px 0;display:flex}.app-header__brand{align-items:center;gap:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);text-decoration:none;display:inline-flex}.app-header__brand-icon{border-radius:var(--radius-lg);width:24px;height:24px;color:var(--color-on-accent);background:var(--color-accent);justify-content:center;align-items:center;display:inline-flex}.app-header__brand-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:14px;height:14px}.sign-out-button{min-height:var(--control-height-lg);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-control-muted);border-radius:var(--radius-full);color:var(--color-text-control);background:var(--color-surface);cursor:pointer;display:inline-flex}.sign-out-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:16px;height:16px}.sign-out-button:hover{background:var(--color-background-page)}.app-menu{position:relative}.app-menu__trigger{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex-direction:column;width:24px;height:24px;padding:0;display:flex}.app-menu__trigger:hover{background:var(--color-surface-hover)}.app-menu__trigger span{border-radius:var(--radius-full);background:var(--color-text-secondary);width:16px;height:2px}.app-menu__panel{z-index:50;border:1px solid var(--color-border-menu);border-radius:var(--radius-xl);background:var(--color-background-page);width:min(300px,100vw - 32px);box-shadow:var(--shadow-menu);position:absolute;top:44px;right:0;overflow:hidden}.app-menu__user-name{overflow-wrap:anywhere;padding:var(--space-4) var(--space-5) var(--space-3);color:var(--color-text-menu);font-size:var(--font-size-menu-title);font-weight:var(--font-weight-bold);letter-spacing:-.01em;margin:0;line-height:1.12}.app-menu__panel nav{padding:var(--space-1) 0;border-top:1px solid var(--color-border-menu)}.app-menu__item,.app-menu__sign-out .sign-out-button{width:100%;min-height:var(--control-height-2xl);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:var(--color-text-menu);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);text-align:left;background:0 0;border:0;border-radius:0;line-height:1.45;text-decoration:none;display:flex}.app-menu__item:hover,.app-menu__sign-out .sign-out-button:hover{background:var(--color-menu-hover)}.app-menu__item svg,.app-menu__sign-out svg{fill:none;width:16px;height:16px;stroke:var(--color-icon-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none}.auth-page{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.auth-page__content,.auth-page .clerk-root,.auth-page .clerk-card{width:min(100%,440px)}.account-page{align-items:center;gap:var(--space-6);padding:var(--space-10) var(--space-6);flex-direction:column;display:flex}.account-page__intro,.account-page__content{width:min(100%,896px)}.account-page__intro h1{color:var(--color-text-strong);font-size:var(--font-size-xl);margin:0}.account-page__intro p{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6}.account-page .clerk-root,.account-page .clerk-card{width:100%}.auth-pending{place-items:center;min-height:100vh;display:grid}.auth-pending__spinner{border:3px solid var(--color-info-soft);border-top-color:var(--color-link);border-radius:var(--radius-full);width:28px;height:28px;animation:.7s linear infinite auth-spin}.access-state{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.access-state__card{width:min(100%,520px);padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:center}.access-state__card h1{color:var(--color-text-emphasis);font-size:var(--font-size-lg);margin:0}.access-state__card p{margin:var(--space-3) 0 var(--space-6);color:var(--color-text-muted-alt);line-height:1.7}.materials-page{background:var(--color-background-page);justify-content:center;min-height:calc(100vh - 73px);display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-page{background:var(--color-background-page);justify-content:center;min-height:calc(100vh - 73px);display:flex}.home-page__content{gap:var(--space-4);width:min(1100px,100% - 32px);padding:var(--space-6) 0;flex-direction:column;display:flex}.date-navigator{align-items:center;gap:var(--space-2-5);display:flex}.date-navigator>button,.date-navigator__picker{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-accent);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.date-navigator>button{cursor:pointer}.date-navigator>button:hover,.date-navigator__picker:hover{background:var(--color-accent-hover)}.date-navigator>button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled-muted)}.date-navigator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:24px;height:24px}.date-navigator h1{color:var(--color-text-primary);font-size:var(--font-size-page-title);font-weight:var(--font-weight-medium);letter-spacing:-.3px;margin:0;line-height:1}.date-navigator__picker{cursor:pointer;position:relative;overflow:hidden}.date-navigator__picker input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.material-registration-form{align-items:center;gap:var(--space-2-5);grid-template-columns:minmax(220px,1fr) 170px 140px auto auto;display:grid}.material-registration-form>input{min-width:0;height:var(--control-height-lg);padding:var(--space-2-5);border:1px solid var(--color-border-control);color:var(--color-text-strong);background:var(--color-surface);font:inherit;border-radius:0}.material-registration-form>input::placeholder{color:var(--color-text-placeholder)}.material-registration-form>input[type=date]{min-height:var(--control-height-lg);appearance:none;text-align:left}.material-registration-form>input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.2em}.material-registration-form__percentage{align-items:center;gap:var(--space-1-5);color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap;display:inline-flex}.material-registration-form button{height:var(--control-height-lg);padding:0 var(--space-3-5);color:var(--color-on-accent);background:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1px;cursor:pointer;border:0;border-radius:0}.material-registration-form>input:disabled,.material-registration-form button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.material-registration-form__error{padding:var(--space-2) var(--space-3);border:1px solid var(--color-danger-border);border-radius:var(--radius-xs);color:var(--color-danger-text);background:var(--color-danger-surface-strong);font-size:var(--font-size-sm);grid-column:1/-1;margin:0}.home-materials-card{padding:var(--space-6);border:1px solid var(--color-border-card);background:var(--color-surface);overflow:hidden}.home-materials-state{padding:var(--space-3) var(--space-3-5);color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.home-materials-state p{margin:0 0 var(--space-4)}.home-materials-list{margin:0;padding:0;list-style:none}.home-materials-list__item{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3-5);grid-template-columns:minmax(0,420px) minmax(160px,1fr) 280px;display:grid}.home-materials-list__identity{min-width:0;color:var(--color-text-strong);text-decoration:none}.home-materials-list__identity:hover{color:var(--color-accent)}.home-materials-list__identity h2{overflow-wrap:anywhere;margin:0 0 var(--space-1);color:inherit;font-size:var(--font-size-md)}.home-materials-list__identity p,.home-materials-list__daily,.home-materials-list__total{margin:0}.home-materials-list__identity p{color:var(--color-text-placeholder);font-size:var(--font-size-xs)}.home-materials-list__daily{color:var(--color-text-muted);font-size:var(--font-size-sm)}.home-materials-list__daily span{color:var(--color-accent);font-weight:var(--font-weight-semibold);white-space:nowrap}.home-progress-form{justify-content:end;align-items:center;gap:var(--space-2);grid-template-columns:minmax(100px,140px) auto;display:grid}.home-progress-form input{min-width:0;height:38px;padding:var(--space-2-5);border:1px solid var(--color-border-input);color:var(--color-text-strong);background:var(--color-surface);font:inherit;border-radius:0}.home-progress-form button{height:38px;padding:0 var(--space-3);color:var(--color-on-accent);background:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;border:0;border-radius:0}.home-progress-form input:disabled,.home-progress-form button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.home-progress-form__error{color:var(--color-danger);font-size:var(--font-size-xs);grid-column:1/-1;margin:0}.home-past-progress-editor{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);display:flex}.home-past-progress-editor>span{white-space:nowrap}.home-past-progress-editor button{min-height:38px;padding:0 var(--space-3);color:var(--color-on-accent);background:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;border:0;border-radius:0}.home-past-progress-editor .home-past-progress-editor__edit{min-height:auto;color:var(--color-accent);font-size:var(--font-size-sm);background:0 0;padding:0}.home-past-progress-editor--editing{grid-template-columns:minmax(90px,120px) auto auto;display:grid}.home-past-progress-editor input{min-width:0;height:38px;padding:var(--space-2-5);border:1px solid var(--color-border-input);color:var(--color-text-strong);background:var(--color-surface);font:inherit;border-radius:0}.home-past-progress-editor .home-past-progress-editor__cancel{border:1px solid var(--color-border-control);color:var(--color-text-secondary);background:var(--color-surface)}.home-past-progress-editor input:disabled,.home-past-progress-editor button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.home-past-progress-editor__error{color:var(--color-danger);font-size:var(--font-size-xs);grid-column:1/-1;margin:0}.home-materials-list__total{justify-content:flex-end;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);white-space:nowrap;display:flex}.home-materials-list__rate{color:var(--color-accent)}.home-materials-list__completed{margin-left:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);color:var(--color-accent);background:var(--color-success-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;display:inline-flex}.home-material-completion-control{margin-left:var(--space-2);justify-content:flex-end;align-items:center;display:flex}.home-material-completion-control button{min-height:var(--control-height-xs);padding:var(--space-1) var(--space-2);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);background:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer}.home-material-completion-control button:hover{background:var(--color-success-surface)}.home-material-completion-control button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.home-material-completion-control__error{margin:0 0 0 var(--space-2);color:var(--color-danger);font-size:var(--font-size-xs);white-space:normal}.materials-page__content{width:min(1100px,100% - 32px);padding:var(--space-6) 0}.materials-page__content>h1{margin:0 0 var(--space-4);color:var(--color-text-primary);font-size:var(--font-size-page-title);font-weight:var(--font-weight-medium);letter-spacing:-.3px;line-height:1}.materials-card{padding:var(--space-6);border:1px solid var(--color-border-card);background:var(--color-surface);overflow:hidden}.materials-state{padding:var(--space-7) var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.materials-state p{margin:0 0 var(--space-4)}.secondary-button{min-height:var(--control-height-lg);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-control-muted);border-radius:var(--radius-lg);color:var(--color-text-control);background:var(--color-surface);cursor:pointer}.materials-list{margin:0;padding:0;list-style:none}.materials-list__item{margin:0}.materials-list__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3-5);color:inherit;grid-template-columns:minmax(0,1fr) 62px 170px;text-decoration:none;display:grid}.materials-list__link:hover{color:var(--color-accent);background:var(--color-surface)}.materials-list__identity{min-width:0}.materials-list__identity h2{margin:0 0 var(--space-1);color:inherit;font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.materials-list__identity p,.materials-list__progress{margin:0}.materials-list__identity p{color:var(--color-text-placeholder);font-size:var(--font-size-xs)}.materials-list__progress{color:var(--color-text-secondary);text-align:right;white-space:nowrap}.materials-list__progress span{margin-left:var(--space-1);color:var(--color-accent)}.status-badge{min-height:var(--control-height-xs);padding-inline:var(--space-2-5);border-radius:var(--radius-full);color:var(--color-status-active-text);background:var(--color-status-active-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:inline-flex}.status-badge--completed{border:1px solid var(--color-success-border);color:var(--color-success-text);background:var(--color-success-surface)}.material-detail-page{background:var(--color-background-page);justify-content:center;min-height:calc(100vh - 73px);display:flex}.material-detail-page__content{gap:var(--space-4);width:min(1100px,100% - 32px);padding:var(--space-6) 0 var(--space-10);flex-direction:column;display:flex}.material-detail-card,.material-detail-section{border:1px solid var(--color-border-card);background:var(--color-surface)}.material-detail-card{gap:var(--space-7);padding:var(--space-6);display:flex}.material-detail-card__cover{border:1px solid var(--color-cover-border);border-radius:var(--radius-lg);width:180px;height:270px;color:var(--color-cover-text);background:var(--color-cover-surface);flex:none;justify-content:center;align-items:center;display:flex}.material-detail-card__cover svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:64px;height:64px}.material-detail-card__body{gap:var(--space-3);min-width:0;min-height:270px;padding-top:var(--space-3);flex-direction:column;flex:1;display:flex}.material-detail-card__body>h1{color:var(--color-text-display);font-size:var(--font-size-page-title);font-weight:var(--font-weight-medium);letter-spacing:-.3px;margin:0;line-height:1.1}.material-title-editor__heading{align-items:flex-start;gap:var(--space-3);flex:1;min-width:0;display:flex}.material-title-editor__heading h1{overflow-wrap:anywhere;min-width:0;color:var(--color-text-display);font-size:var(--font-size-page-title);font-weight:var(--font-weight-medium);letter-spacing:-.3px;flex:1;margin:0;line-height:1.1}.material-title-editor__edit{width:40px;height:var(--control-height-lg);border:1px solid var(--color-border-control);color:var(--color-text-secondary);background:var(--color-surface);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.material-title-editor__edit svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:16px;height:16px}.material-title-editor{flex:1;min-width:0}.material-title-editor>label{margin-bottom:var(--space-1-5);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:block}.material-title-editor__controls{gap:var(--space-2);flex-wrap:wrap;display:flex}.material-title-editor__controls input{min-width:180px;padding:var(--space-2-5) var(--space-3-5);border:1px solid var(--color-border-control);color:var(--color-text-strong);background:var(--color-surface);font:inherit;flex:1}.primary-button{min-height:var(--control-height-lg);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-control);color:var(--color-text-strong);background:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1px;cursor:pointer;border-radius:0}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.material-title-editor__error{margin:var(--space-2) 0 0;color:var(--color-danger);font-size:var(--font-size-sm)}.material-detail-card__meta{color:var(--color-text-body);white-space:pre-line;margin:0;line-height:1.25}.material-detail-card__started-at{color:var(--color-text-placeholder);font-size:var(--font-size-sm);margin:auto 0 0}.material-start-date-editor{margin-top:auto}.material-start-date-editor .material-detail-card__started-at{margin:0}.material-start-date-editor__form{align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.material-start-date-editor__form input{width:200px;min-height:var(--control-height-lg);box-sizing:border-box;padding:var(--space-2-5) var(--space-3-5);border:1px solid var(--color-border-control);color:var(--color-text-strong);background:var(--color-surface);font:inherit;font-size:var(--font-size-sm)}.material-start-date-editor__form input[type=date]{appearance:none;text-align:left}.material-start-date-editor__form input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.2em}.material-start-date-editor__form button{min-height:var(--control-height-lg);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-control);color:var(--color-text-strong);background:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1px;cursor:pointer;border-radius:0}.material-start-date-editor__form input:disabled,.material-start-date-editor__form button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.material-start-date-editor__error{margin:var(--space-2) 0 0;color:var(--color-danger);font-size:var(--font-size-xs)}.material-progress-mode-section,.material-today-progress-section{gap:var(--space-4);flex-direction:column;display:flex}.material-today-progress-control{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.material-today-progress-control input{width:200px;min-height:var(--control-height-xl);box-sizing:border-box;padding:var(--space-3) var(--space-3-5);border:1px solid var(--color-border-control);color:var(--color-text-strong);background:var(--color-surface);font:inherit;border-radius:0}.material-today-progress-control button{min-height:var(--control-height-xl);padding:var(--space-2-5) var(--space-4);border:1px solid var(--color-accent);color:var(--color-on-accent);background:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1px;cursor:pointer;border-radius:0}.material-today-progress-control input:disabled,.material-today-progress-control button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.material-today-progress-control__error{width:100%;color:var(--color-danger);font-size:var(--font-size-xs);margin:0}.material-progress-mode-control{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.material-progress-mode-control input{width:160px;min-height:var(--control-height-xl);box-sizing:border-box;padding:var(--space-3) var(--space-3-5);border:1px solid var(--color-border-control);color:var(--color-text-strong);background:var(--color-surface);font:inherit}.material-progress-mode-control button{min-height:var(--control-height-xl);padding:var(--space-2-5) var(--space-4);border:1px solid var(--color-accent);color:var(--color-on-accent);background:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1px;cursor:pointer;border-radius:0}.material-progress-mode-control input:disabled,.material-progress-mode-control button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.material-progress-mode-control__error{width:100%;color:var(--color-danger);font-size:var(--font-size-xs);margin:0}.material-progress-mode-control__notice{width:100%;color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0;line-height:1.6}.material-detail-section{padding:var(--space-6)}.material-detail-section>h2,.material-progress__heading h2{color:var(--color-text-strong);font-size:var(--font-size-md);margin:0}.material-progress__heading{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.material-progress__heading p{color:var(--color-accent);font-size:var(--font-size-progress-value);letter-spacing:-1px;margin:0;line-height:1}.material-progress__completed{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);color:var(--color-accent);background:var(--color-success-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;display:inline-flex}.material-progress__track{background:var(--color-progress-track);height:12px;overflow:hidden}.material-progress__value{background:linear-gradient(90deg, var(--color-progress-start), var(--color-accent));height:100%}.material-detail-state{padding:var(--space-7) var(--space-6);color:var(--color-text-muted);margin:0}.material-detail-state p{margin:0 0 var(--space-4)}.material-history-table-wrapper{margin-top:var(--space-4);overflow-x:auto}.material-history-table{border-collapse:collapse;width:100%}.material-history-table th,.material-history-table td{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border-table);color:var(--color-text-secondary);text-align:left}.material-history-table th{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.material-history-table th.material-history-table__actions,.material-history-table td.material-history-table__actions{text-align:right}.material-history-table td form{margin:0}.material-history-table td input{width:140px;max-width:100%;padding:var(--space-2-5) var(--space-3-5);border:1px solid var(--color-border-control);color:var(--color-text-strong);background:var(--color-surface);font:inherit;border-radius:0}.material-history-editor__controls{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.material-history-editor__controls button{min-height:var(--control-height-sm);padding:var(--space-1-5) var(--space-3);border:1px solid var(--color-accent);color:var(--color-on-accent);background:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;border-radius:0}.material-history-editor__controls .material-history-editor__cancel{border-color:var(--color-border-control);color:var(--color-text-secondary);background:var(--color-surface)}.material-history-editor__controls button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.material-history-editor__edit{padding:var(--space-1);color:var(--color-accent);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0}.material-history-editor__error{width:100%;color:var(--color-danger);font-size:var(--font-size-xs);text-align:right;margin:0}.material-detail-actions{justify-content:flex-end;align-items:flex-start;gap:var(--space-3);padding-top:2px;display:flex}.material-completion-control{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.material-completion-control button{min-height:var(--control-height-md);padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent);color:var(--color-accent);background:var(--color-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border-radius:0}.material-completion-control button:hover{background:var(--color-success-surface)}.material-completion-control button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.material-completion-control__error{color:var(--color-danger);font-size:var(--font-size-xs);text-align:right;margin:0}.material-deletion-control{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.material-deletion-control button{min-height:var(--control-height-md);padding:var(--space-2) var(--space-4);border:1px solid var(--color-danger-action);color:var(--color-danger-action);background:var(--color-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border-radius:0}.material-deletion-control button:hover{background:var(--color-danger-surface)}.material-deletion-control button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.material-deletion-control__error{color:var(--color-danger);font-size:var(--font-size-xs);text-align:right;margin:0}.shell__card{width:min(100%,560px);padding:var(--space-10);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.shell__card h1{margin:var(--space-2) 0 var(--space-3);font-size:clamp(2rem,8vw,3rem)}.shell__card p{color:var(--color-text-shell);margin:0}.shell__card .shell__eyebrow{color:var(--color-link);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-pending__spinner{animation:none}}@media (width>=701px){.account-page{padding-block:100px}}@media (width<=700px){.date-navigator{gap:var(--space-1-5)}.date-navigator h1{font-size:clamp(1.5rem,7vw,2rem)}.home-materials-card{padding:var(--space-4)}.material-registration-form{grid-template-columns:1fr}.material-registration-form__percentage{justify-self:start}.material-registration-form button{width:100%}.home-materials-list__item{gap:var(--space-3);padding:var(--space-4);grid-template-columns:1fr}.home-materials-list__total{flex-wrap:wrap;justify-content:flex-start}.home-material-completion-control{justify-content:flex-start}.home-progress-form{justify-content:start}.home-past-progress-editor{flex-wrap:wrap;justify-content:flex-start}.home-past-progress-editor--editing{grid-template-columns:minmax(90px,120px) auto auto}.materials-list__link{gap:var(--space-3);padding:var(--space-4);grid-template-columns:minmax(0,1fr) auto}.materials-list__progress{text-align:left;grid-column:1/-1}.material-detail-card{flex-direction:column}.material-detail-card__cover{width:180px;height:270px}.material-detail-card__body{gap:var(--space-4);padding:0}.material-detail-card__started-at,.material-start-date-editor{margin-top:0}}