@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{font-synthesis:none;--bg:#fff7ec;--surface:#ffeed9;--surface-soft:#ffe5c6;--accent:#ffd49f;--accent-hover:#ffe5c6;--text:#000;--text-muted:#1e1e1e;--border:#ffd49f;--on-accent:#000;--focus:#000;--ink:var(--text);--muted:var(--text-muted);--line:var(--border);--canvas:var(--bg);--forest:var(--text);--leaf:var(--accent);--accent-fill:var(--accent);--accent-text:var(--text);--focus-accent:var(--focus);--subtle:var(--text-muted);--accent-on-dark:var(--text);--accent-border:var(--accent);--chart-accent:var(--accent);--chart-outline:var(--text);--danger-text:var(--text);--warning-text:var(--text);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Pretendard Variable,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif}:root[data-theme=dark]{--bg:#000;--surface:#121212;--surface-soft:#1e1e1e;--accent:orange;--accent-hover:#c50;--text:#fff;--text-muted:#888;--border:#888;--on-accent:#000;--focus:orange;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus-accent);outline-offset:2px}.skip-link{z-index:30;background:var(--surface);color:var(--text);border-radius:9px;padding:10px 14px;position:fixed;top:-70px;left:12px}.skip-link:focus{top:10px}.shell{min-height:100dvh;display:flex}.sidebar{background:var(--surface);width:240px;height:100dvh;color:var(--text);flex-direction:column;flex:none;align-self:flex-start;gap:48px;padding:30px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{letter-spacing:.12em;align-items:center;gap:12px;padding:0 10px;font-size:14px;font-weight:700;display:flex}.brand-mark{object-fit:contain;background:var(--surface);width:35px;height:35px;color:var(--text);border-radius:25%;display:block}.sidebar nav{gap:8px;display:grid}.sidebar nav button,.sidebar-logout{color:var(--text);text-align:left;background:0 0;border:0;border-radius:11px;padding:13px 15px;font-size:16px}.sidebar nav button.active{background:var(--accent);color:var(--on-accent);font-weight:700}.sidebar nav button:hover,.sidebar-logout:hover{background:var(--surface-soft);color:var(--text)}.sidebar-logout{margin-top:auto}.content{flex:1;min-width:0}.topbar{z-index:12;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;height:auto;min-height:75px;padding:0 clamp(24px,5vw,72px);display:flex;position:sticky;top:0}.topbar-status-row{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.topbar-status-row .top-status{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:calc(100% - 120px);overflow:hidden}.topbar-status-row .theme-toggle{white-space:nowrap;flex:none}.mobile-brand{display:none}.top-status{color:var(--text-muted);align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.top-status strong{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:10px;font-family:Pretendard Variable,sans-serif}.status-dot,.member-indicator{background:var(--surface);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.desktop-logout{color:var(--text);background:0 0;border:0;font-size:14px;display:none}.content main{max-width:1180px;margin:auto;padding:39px clamp(24px,5vw,72px) 90px}.page-title{justify-content:space-between;align-items:end;gap:14px;margin-bottom:28px;display:flex}.sync-control{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.sync-control select{width:auto;min-width:76px;padding:7px 25px 7px 9px}.active-strip{border:1px solid var(--border);background:var(--accent);border-radius:15px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px;padding:13px 17px;display:flex}.active-strip>div{gap:3px;min-width:0;display:grid}.active-strip-label{text-overflow:ellipsis;white-space:nowrap;color:var(--on-accent);font-size:13px;overflow:hidden}.active-strip strong{font-variant-numeric:tabular-nums;font-family:Pretendard Variable,sans-serif;font-size:22px}.active-strip button{white-space:nowrap;min-height:39px;padding:7px 12px;font-size:13px}.eyebrow{letter-spacing:.2em;color:var(--text-muted);margin:0 0 8px;font-family:Pretendard Variable,sans-serif;font-size:12px;font-weight:500}h1{letter-spacing:-.04em;margin:0;font-size:clamp(31px,4vw,42px);line-height:1.3}.study-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:22px;display:grid}.timer-card,.summary-card,.history-card,.group-card{background:var(--surface-soft);border:1px solid var(--border);box-shadow:none;border-radius:20px;padding:28px}.card-head{color:var(--text);justify-content:space-between;align-items:center;gap:10px;font-weight:700;display:flex}.text-button{color:var(--text);background:0 0;border:0;min-height:44px;padding:8px 4px;font-size:14px;font-weight:700}.text-button:hover:not(:disabled){text-decoration:underline}.timer-display{letter-spacing:-.06em;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:58px;font-family:Pretendard Variable,sans-serif;font-size:clamp(40px,5vw,66px)}.timer-caption{color:var(--text-muted);margin:12px 0 40px;font-size:16px}.form-area{gap:9px;margin-bottom:20px;display:grid}.form-area label,.history-picker label{color:var(--text-muted);font-size:14px;font-weight:700}.subject-select,.subject-name{align-items:center;gap:9px;min-width:0;display:flex}.subject-select select{flex:1;min-width:0}.subject-color{border:1px solid var(--border);border-radius:50%;flex:none;width:12px;height:12px}select,input[type=date],input[type=email],input[type=password],input[type=search]{border:1px solid var(--border);width:100%;color:var(--text);background:var(--bg);border-radius:11px;padding:13px 14px;font-size:16px}.timer-actions{flex-wrap:wrap;gap:10px;display:flex}.timer-actions>button{flex:160px}.primary,.secondary{border:1px solid var(--border);border-radius:11px;min-height:49px;padding:13px 20px;font-size:16px;font-weight:700}.primary{background:var(--accent);color:var(--on-accent)}.secondary{background:var(--bg);color:var(--text)}.card-note,.caution{color:var(--text-muted);margin:25px 0 0;font-size:14px;line-height:1.6}.caution{color:var(--text);background:var(--surface);border-radius:10px;padding:13px 15px}.copy-day-action{text-align:right;justify-items:end;display:grid}.copy-day-action span{max-width:200px;color:var(--text);font-size:12px;line-height:1.4}.summary-date{color:var(--text);margin-top:47px;font-size:15px}.summary-time{color:var(--text);letter-spacing:-.05em;margin:5px 0;font-family:Pretendard Variable,sans-serif;font-size:clamp(38px,4vw,52px)}.summary-label{color:var(--text-muted);margin:0 0 32px;font-size:14px}.daily-goal{border:1px solid var(--border);background:var(--surface-soft);border-radius:15px;margin:-12px 0 24px;padding:18px}.daily-goal-head,.daily-goal-numbers{justify-content:space-between;align-items:center;gap:12px;display:flex}.daily-goal-head label{color:var(--text-muted);font-weight:700}.daily-goal-head select{width:auto;max-width:55%;min-height:44px;padding:8px 12px;font-size:14px}.daily-goal-numbers{color:var(--text);align-items:baseline;margin-top:17px;font-size:13px}.daily-goal-numbers strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:27px}.daily-goal-numbers span{text-align:right}.daily-goal-track{background:var(--surface-soft);border-radius:999px;height:11px;margin-top:10px;overflow:hidden}.daily-goal-track span{border-radius:inherit;background:var(--surface-soft);height:100%;display:block}.daily-goal-message{color:var(--text);margin:12px 0 0;font-size:14px;font-weight:700}.daily-goal-detail{color:var(--text);margin:7px 0 0;font-size:12px;line-height:1.5}.live-session{border:1px solid var(--border);background:var(--accent);color:var(--on-accent);border-radius:13px;gap:5px;margin:-12px 0 22px;padding:15px 17px;font-size:14px;display:grid}.live-session strong{font-variant-numeric:tabular-nums;font-family:Pretendard Variable,sans-serif;font-size:24px}.live-session small{color:var(--on-accent)}.subject-list{border-top:1px solid var(--border)}.subject-row{border-bottom:1px solid var(--border);gap:9px;padding:15px 2px;font-size:15px;display:grid}.subject-row-top{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.subject-row-top .subject-name{overflow-wrap:anywhere;min-width:0}.subject-row strong{white-space:nowrap;font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:500}.subject-track{background:var(--surface);border-radius:999px;height:7px;overflow:hidden}.subject-track span{border-radius:inherit;height:100%;display:block}.history-card{max-width:780px;scroll-margin-top:92px}.history-picker{gap:9px;max-width:360px;display:grid}.date-actions{gap:7px;display:flex}.date-actions button{flex:1;min-height:44px;padding:7px 8px;font-size:13px}.history-toolbar{color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin-top:23px;font-size:13px;display:flex}.history-total{gap:8px;margin:35px 0 30px;display:grid}.history-total span{color:var(--text);font-size:15px}.history-total strong{letter-spacing:-.05em;color:var(--text);font-family:Pretendard Variable,sans-serif;font-size:clamp(38px,6vw,56px)}.history-facts{flex-wrap:wrap;gap:12px;margin:-8px 0 24px;display:flex}.history-facts>div{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:5px;min-width:145px;padding:12px 14px;display:grid}.history-facts span{color:var(--text);font-size:12px}.history-facts strong{font-variant-numeric:tabular-nums;color:var(--text)}.history-trend{border-top:1px solid var(--border);margin-top:36px;padding-top:22px}.history-trend .card-note{margin:8px 0 14px}.week-total{color:var(--text);justify-content:space-between;gap:12px;margin:15px 0;font-size:14px;display:flex}.week-total strong{color:var(--text);font-variant-numeric:tabular-nums}.week-insights{flex-wrap:wrap;gap:8px;margin:-3px 0 16px;display:flex}.week-insights span{background:var(--surface);color:var(--text);border-radius:9px;padding:7px 10px;font-size:12px}.week-insights strong{color:var(--text);font-variant-numeric:tabular-nums}.week-list{gap:7px;display:grid}.week-row{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--text);text-align:left;border-radius:9px;grid-template-columns:46px minmax(0,1fr) 84px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:grid}.week-row:hover,.week-row:focus-visible{border-color:var(--border);background:var(--surface-soft)}.week-row strong{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.week-track{background:var(--surface);border-radius:999px;height:9px;overflow:hidden}.week-track>span{border-radius:inherit;background:var(--surface);height:100%;display:block}.group-grid{grid-template-columns:minmax(250px,.8fr) minmax(300px,1.2fr);gap:22px;display:grid}.group-list{gap:8px;margin-top:22px;display:grid}.group-list button{border:1px solid var(--border);background:var(--surface);text-align:left;color:var(--text);border-radius:11px;justify-content:space-between;gap:10px;min-height:52px;padding:13px;display:flex}.group-list button.selected{background:var(--accent);border-color:var(--accent);font-weight:700}.group-list span{color:var(--text);font-size:14px}.group-detail{border:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere;border-radius:12px;margin-top:18px;padding:14px}.group-detail>strong{color:var(--text)}.group-detail p{color:var(--text);white-space:pre-wrap;margin:8px 0 0;line-height:1.5}.group-detail-meta{color:var(--text-muted);flex-wrap:wrap;gap:6px 14px;margin-top:9px;font-size:13px;display:flex}.member-list{margin-top:14px}.member-summary{color:var(--text);margin:18px 0 0;font-size:14px;font-weight:700}.member-controls{grid-template-columns:minmax(0,1fr) minmax(140px,.65fr);gap:10px;margin-top:18px;display:grid}.member-controls>div{gap:7px;min-width:0;display:grid}.member-controls label{color:var(--text-muted);font-size:13px;font-weight:700}.member-row{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:14px 0;display:flex}.member-name{overflow-wrap:anywhere;flex:1;gap:3px;min-width:0;font-weight:600;display:grid}.member-name small{color:var(--text-muted);font-size:13px;font-weight:400}.member-row strong{font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:500}.member-time{text-align:right;font-variant-numeric:tabular-nums;flex:none;gap:2px;display:grid}.member-time small{color:var(--text-muted);font-size:12px}.checked-time{color:var(--text);margin:12px 0;font-size:13px}.empty{color:var(--text-muted);margin-top:26px;line-height:1.6}.error-banner,.error{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;margin-bottom:21px;padding:13px 16px;font-size:14px}.error-banner{justify-content:space-between;gap:15px;display:flex}.error-banner button{color:inherit;background:0 0;border:0;font-size:20px;line-height:1}.remember-warning{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;padding:13px 16px;font-size:14px;line-height:1.5;display:flex}.remember-warning button{color:inherit;background:0 0;border:0;flex:none;font-size:20px;line-height:1}.bottom-nav{display:none}.loading-screen{min-height:100dvh;color:var(--text);place-items:center;display:grid}.connection-error{text-align:center}.login-page{background:var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:var(--surface);width:min(100%,440px);box-shadow:none;border-radius:24px;padding:40px}.login-card .brand-mark{margin-bottom:34px}.login-card h1{font-size:31px}.intro{color:var(--text);margin:10px 0 30px}.login-notice{background:var(--surface);color:var(--text);border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5}.login-card form{gap:10px;display:grid}.login-card label{margin-top:8px;font-size:14px;font-weight:700}.remember-email{cursor:pointer;width:fit-content;color:var(--text);align-items:center;gap:9px;display:flex}.remember-email input{width:18px;height:18px;accent-color:var(--accent);margin:0}.password-manager-note{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.login-card form button{margin-top:12px}.login-card .error{margin-top:20px;margin-bottom:0}.small-note{color:var(--text-muted);margin:24px 0 0;font-size:13px}@media (width<=900px){.sidebar{width:180px}.study-grid,.group-grid{grid-template-columns:1fr}.timer-display{margin-top:35px}.summary-date{margin-top:25px}}@media (width<=650px){.sidebar{display:none}.topbar{height:auto;min-height:87px;padding:calc(9px + env(safe-area-inset-top)) 16px 10px;grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""status";gap:5px 10px;display:grid}.mobile-brand{letter-spacing:.12em;color:var(--text);grid-area:brand;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.top-status{background:var(--surface);border-radius:9px;flex:1;min-height:30px;padding:5px 10px;font-size:13px}.top-status.stale{background:var(--surface);color:var(--text-muted)}.status-subject,.desktop-logout{display:none}.topbar-status-row{grid-area:status;gap:8px}.topbar-status-row .theme-toggle{min-height:44px;padding:7px 10px;font-size:13px}.top-status strong{margin-left:auto}.top-status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.content main{padding:26px 16px calc(110px + env(safe-area-inset-bottom))}.history-card{scroll-margin-top:105px}.page-title{align-items:center;margin-bottom:20px}.sync-control{font-size:12px}.timer-card,.summary-card,.history-card,.group-card{border-radius:17px;padding:22px}.timer-display{margin-top:32px;font-size:clamp(36px,10vw,56px)}.timer-caption{margin-bottom:30px}.study-grid,.group-grid{gap:16px}.member-controls{grid-template-columns:1fr}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);box-shadow:none;padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:10;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-height:52px;color:var(--text);background:0 0;border:0;border-radius:11px;place-items:center;gap:2px;font-size:13px;display:grid}.bottom-nav button span{font-size:21px;line-height:1}.bottom-nav .bottom-nav-label{font-size:12px;line-height:1}.bottom-nav button.active{background:var(--accent);color:var(--on-accent);font-weight:700}.login-card{padding:30px 24px}}@media (width<=480px){.page-title{flex-direction:column;align-items:stretch}.sync-control{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:space-between;width:100%;padding:3px 10px}.sync-control select{min-height:44px}.timer-actions>button{flex-basis:100%}}@media (prefers-reduced-motion:no-preference){button{transition:background-color .15s,transform .15s}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:scale(.98)}}:root{color:var(--text);background:var(--surface)}body{background:var(--bg)}.shell{background:0 0}.sidebar{background:var(--surface);border-right:1px solid var(--border);gap:32px;width:248px;padding:34px 18px 22px}.brand{letter-spacing:.07em;font-size:15px}.brand-mark{background:var(--surface);width:40px;height:40px;box-shadow:none;border-radius:25%}.sidebar nav{flex-direction:column;gap:14px;display:flex}.sidebar-nav-group{gap:5px;display:grid}.sidebar-nav-label{color:var(--text-muted);letter-spacing:.12em;padding:0 13px 2px;font-size:10px;font-weight:700}.sidebar nav button{border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;min-height:43px;padding:9px 12px;display:flex}.sidebar nav button.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sidebar nav button:hover:not(.active),.sidebar-logout:hover{background:var(--accent)}.nav-icon{flex:none;width:22px;height:22px}.topbar{background:var(--surface);border-bottom-color:var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:78px}.top-status{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-muted);border-radius:999px;padding:7px 12px;font-weight:600}.top-status.stale{background:var(--surface);border-color:var(--border)}.content main{max-width:1280px;padding-top:45px}.page-title{align-items:center;margin-bottom:27px}.study-grid.timer-home-grid{grid-template-columns:minmax(0,760px);justify-content:center}.today-summary,.insights-card{max-width:920px;margin-inline:auto}.insights-card .history-trend{border-top:0;margin-top:0;padding-top:0}.mobile-page-switcher{display:none}.eyebrow{color:var(--text-muted);letter-spacing:.18em;font-size:11px;font-weight:800}h1{font-size:clamp(34px,4vw,46px);line-height:1.1}.page-subtitle{color:var(--text);margin:10px 0 0;font-size:14px;line-height:1.5}.sync-control{border:1px solid var(--line);background:var(--surface);color:var(--text-muted);border-radius:13px;padding:5px 5px 5px 14px;font-weight:600}.sync-control select{background:var(--bg);min-height:38px;color:var(--text-muted);border:0;font-size:13px;font-weight:700}.study-grid{grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);align-items:start;gap:20px}.timer-card,.summary-card,.history-card,.group-card{border:1px solid var(--line);box-shadow:none;background:var(--surface-soft);border-radius:24px;padding:27px}.card-head{min-height:43px;color:var(--text);font-size:16px}.text-button{color:var(--text);border-radius:9px;padding:8px 10px}.text-button:hover:not(:disabled){background:var(--surface-soft);text-decoration:none}.timer-face{isolation:isolate;border:1px solid var(--border);min-height:260px;color:var(--text);text-align:center;background:0 0;border-radius:23px;place-items:center;margin:20px 0 27px;padding:30px 18px;display:grid;position:relative;overflow:hidden}.timer-face:before,.timer-face:after{content:"";z-index:-1;border:1px solid var(--border);pointer-events:none;border-radius:50%;width:252px;height:252px;position:absolute}.timer-face:after{border-color:var(--border);width:204px;height:204px}.timer-face.is-running:after{border-color:var(--border);box-shadow:none}.timer-face-inner{width:100%;min-width:0;max-width:100%;container-type:inline-size}.timer-face-kicker{color:var(--text);letter-spacing:.12em;font-size:12px;font-weight:700}.timer-display{max-width:100%;color:var(--text);letter-spacing:-.045em;text-shadow:none;margin:17px 0 6px;font-size:clamp(26px,10vw,64px);font-weight:700;line-height:1.2}@supports (font-size:1cqi){.timer-face .timer-display{font-size:clamp(26px,22cqi,64px)}}.timer-caption{color:var(--text-muted);overflow-wrap:normal;word-break:keep-all;justify-items:center;gap:3px;margin:0;font-size:14px;line-height:1.4;display:grid}.timer-caption-subject{overflow-wrap:anywhere;font-size:12px}.form-area{margin-bottom:15px}.form-area label,.history-picker label,.member-controls label{color:var(--text-muted)}select,input[type=date],input[type=email],input[type=password],input[type=search]{border-color:var(--border);background:var(--bg);border-radius:12px;min-height:48px}.subject-color{width:14px;height:14px}.primary,.secondary{border-radius:12px;min-height:50px}.primary{border-color:var(--accent);background:var(--accent)}.primary:hover:not(:disabled){background:var(--accent)}.secondary{border-color:var(--border);color:var(--text)}.secondary:hover:not(:disabled){background:var(--surface-soft)}.card-note,.caution{margin-top:18px}.timer-help{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;margin-top:17px;padding:0 14px;font-size:13px;line-height:1.6}.timer-help-toggle{cursor:pointer;width:100%;min-height:46px;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;font-weight:700;display:flex}.timer-help-toggle>span:last-child{font-size:20px;font-weight:400}.timer-help-toggle:focus-visible{outline:2px solid var(--focus-accent);outline-offset:2px}.timer-help-body{padding-bottom:1px}.timer-help p{margin:0 0 12px}.summary-card{background:var(--surface-soft);border-color:var(--border)}.summary-date{color:var(--text);margin-top:30px}.summary-time{font-variant-numeric:tabular-nums;margin:5px 0;font-size:clamp(40px,4vw,58px);font-weight:700}.daily-goal,.live-session{border-color:var(--accent);background:var(--accent)}.daily-goal{border-radius:17px;margin-bottom:22px}.daily-goal-track{background:var(--surface-soft);height:12px;position:relative}.daily-goal-track .daily-goal-recorded{background:var(--surface-soft);position:absolute;top:0;left:0}.daily-goal-track .daily-goal-preview{background:var(--surface-soft);position:absolute;top:0}.custom-goal{gap:7px;margin-top:13px;display:grid}.custom-goal label{color:var(--text-muted);font-size:13px;font-weight:700}.custom-goal>div{gap:8px;display:flex}.custom-goal input[type=number]{border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;min-height:44px;color:var(--text);border-radius:10px;padding:8px 12px}.custom-goal button{flex:none;min-height:44px;padding:8px 14px}.custom-goal small{color:var(--text-muted);font-size:12px}.screen-awake-control{align-items:center;gap:11px;margin-top:14px;display:flex}.screen-awake-control button{white-space:nowrap;min-height:44px;padding:8px 13px;font-size:13px}.screen-awake-control button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.screen-awake-control span{color:var(--text);font-size:12px;line-height:1.4}.daily-goal-preview-text{color:var(--text);margin:10px 0 0;font-size:12px;line-height:1.5}.subject-list-head{color:var(--text);justify-content:space-between;align-items:center;gap:10px;padding:14px 2px 5px;font-size:14px;font-weight:700;display:flex}.subject-list-head label{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.subject-list-head select{width:auto;min-height:38px;padding:6px 10px;font-size:12px}.subject-share-note{color:var(--text-muted);margin:2px 2px 0;font-size:11px;line-height:1.4}.subject-row-values{flex:none;align-items:baseline;gap:7px;display:inline-flex}.subject-row-values small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.history-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px;display:flex}.csv-action{justify-items:start;display:inline-grid}.csv-action small{color:var(--text-muted);font-size:11px;line-height:1.4}.history-trend>.csv-action{margin:-6px 0 13px}.history-trend-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.trend-range{color:var(--text);align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.trend-range select{width:auto;min-height:40px;padding:8px 11px;font-size:13px}.week-comparison{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;margin:2px 0 16px;padding:13px 15px;font-size:13px;line-height:1.5}.week-comparison strong{color:var(--text)}.week-comparison small{color:var(--text-muted);margin-top:5px;font-size:11px;display:block}.week-row{grid-template-columns:70px minmax(0,1fr) 84px}.subject-row,.history-trend{border-color:var(--border)}.history-card{max-width:900px}.history-facts>div,.week-insights span,.week-row,.group-list button,.group-detail{border-color:var(--border);background:var(--surface)}.week-row,.group-list button{border-radius:12px;min-height:52px}.week-row:hover,.group-list button:hover:not(.selected),.group-list button.selected{border-color:var(--accent);background:var(--accent)}.member-row{padding:17px 0}.member-status-track{background:var(--surface);border-radius:999px;width:100%;height:10px;margin-top:15px;display:flex;overflow:hidden}.member-status-track span{height:100%;display:block}.member-status-track .studying,.member-status-track .resting,.member-status-track .unknown{background:var(--surface)}.member-filters{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.member-filters button{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);border-radius:11px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:700;display:inline-flex}.member-filters button.selected{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.member-filters button:hover:not(.selected){background:var(--accent)}.member-filters button span{font-variant-numeric:tabular-nums;opacity:.7}.member-tools .member-controls{margin-top:15px}.active-strip{background:var(--accent);border-radius:17px}.login-page{background:0 0}.login-card{border:1px solid var(--border);box-shadow:none;border-radius:28px}.login-notice{background:var(--surface)}.error-banner button,.remember-warning button{border-radius:10px;min-width:44px;min-height:44px;margin:-9px -11px -9px 0}.error-banner button:hover,.remember-warning button:hover{background:var(--surface-soft)}@media (width<=900px){.sidebar{width:190px}.study-grid,.group-grid{grid-template-columns:1fr}}@media (width<=650px){.topbar{border-bottom-color:var(--border);height:auto}.mobile-brand{color:var(--text);font-size:14px}.mobile-brand .brand-mark{border-radius:25%;flex:none;width:26px;height:26px}.top-status{border-radius:11px;min-height:36px;font-size:13px}.desktop-logout{min-height:44px}.content main{padding-top:29px}.timer-card,.summary-card,.history-card,.group-card{border-radius:21px;padding:18px}.timer-face{min-height:232px;margin:16px 0 23px}.timer-display{font-size:clamp(26px,10vw,58px)}.bottom-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--border);box-shadow:none;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:19px;padding:6px}.bottom-nav button{min-height:54px;color:var(--text);border-radius:14px;font-weight:600}.bottom-nav .nav-icon{width:21px;height:21px}.bottom-nav button.active{background:var(--accent);color:var(--on-accent)}}@media (width<=480px){.page-title{gap:18px}.sync-control{padding:5px 5px 5px 13px}.timer-actions>button{flex-basis:100%}.summary-time{font-size:clamp(38px,11vw,53px)}.date-actions button{padding:7px 4px;font-size:12px}.history-toolbar{flex-wrap:wrap;align-items:flex-start}.history-toolbar-actions{justify-content:flex-start;width:100%}.week-row{grid-template-columns:63px minmax(0,1fr) 78px;gap:7px}.history-trend .card-head{flex-direction:column;align-items:flex-start}.history-trend-actions{justify-content:space-between;width:100%}.screen-awake-control{flex-direction:column;align-items:flex-start}}.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}.study-tools-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;margin-top:20px;display:grid}.tool-card{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:none;border-radius:24px;padding:27px}.tool-card .card-head strong,.tool-local{color:var(--text);font-size:13px;font-weight:700}.tool-intro,.tool-footnote,.tool-empty,.plan-estimate{color:var(--text-muted);font-size:13px;line-height:1.55}.tool-intro{margin:2px 0 18px}.tool-footnote{margin:18px 0 0}.tool-empty{padding:20px 0 8px}.tool-notice{color:var(--text);font-size:13px}.plan-form{grid-template-columns:minmax(0,1fr) 96px auto;gap:8px;display:grid}.plan-form input,.plan-form select{border:1px solid var(--border);background:var(--bg);min-width:0;min-height:48px;color:var(--text);border-radius:12px;padding:8px 12px}.plan-form button{min-height:48px;padding:8px 18px}.plan-carry{text-align:left;margin-top:8px}.plan-progress{background:var(--surface);border-radius:99px;height:9px;margin-top:20px;overflow:hidden}.plan-progress span{border-radius:inherit;background:var(--surface);height:100%;display:block}.plan-estimate{margin:7px 0 9px}.plan-list{margin:0;padding:0;list-style:none}.plan-list li{border-bottom:1px solid var(--border);align-items:center;gap:9px;min-height:50px;display:flex}.plan-list label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.plan-list input{width:19px;height:19px;accent-color:var(--accent);flex:none}.plan-list label span{overflow-wrap:anywhere}.plan-list .is-done label span{color:var(--text-muted);text-decoration:line-through}.plan-list small{color:var(--text-muted);flex:none}.plan-list .text-button{min-width:44px;min-height:44px;font-size:21px}.plan-list .plan-focus{min-width:52px;padding:6px;font-size:12px}.plan-list .plan-focus[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.clear-done{margin-top:10px}@media (width<=900px){.study-tools-grid{grid-template-columns:1fr}}@media (width<=650px){.tool-card{border-radius:21px;padding:18px}}@media (width<=480px){.plan-form{grid-template-columns:minmax(0,1fr) 89px}.plan-form button{grid-column:1/-1}}.trend-subjects{border:1px solid var(--border);background:var(--surface);border-radius:17px;margin:25px 0 22px;padding:18px}.trend-subjects .card-head{flex-wrap:wrap;gap:8px;display:flex}.trend-subject-list{gap:15px;margin-top:13px;display:grid}.trend-subject-row{gap:6px;display:grid}.trend-subject-label{align-items:center;gap:9px;min-width:0;display:flex}.trend-subject-label .subject-color{flex:none}.trend-subject-label>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.trend-subject-label strong{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none}.trend-subject-track{background:var(--surface);border-radius:99px;height:8px;overflow:hidden}.trend-subject-track span{border-radius:inherit;height:100%;display:block}.trend-subject-row small{color:var(--text-muted)}.trend-subjects .card-note:last-child{margin-bottom:0}@media (width<=480px){.trend-subjects{padding:14px}.trend-subject-label{flex-wrap:wrap}}.trend-review-action{flex-wrap:wrap;align-items:center;gap:7px;display:inline-flex}.trend-review-action small{color:var(--text-muted)}.trend-view-controls{gap:6px;margin:22px 0 12px;display:flex}.trend-view-controls button{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);border-radius:10px;padding:8px 17px;font-size:13px;font-weight:700}.trend-view-controls button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.week-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.week-calendar-head{color:var(--text);text-align:center;padding:5px 0;font-size:12px}.week-calendar-day{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:62px;color:var(--text);border-radius:11px;align-content:center;justify-items:center;gap:3px;padding:4px;display:grid}.week-calendar-day:hover{box-shadow:none}.week-calendar-day strong{font-variant-numeric:tabular-nums;font-size:14px}.week-calendar-day small{font-size:12px}.week-calendar-day.level-1,.week-calendar-day.level-2{background:var(--surface)}.week-calendar-day.level-4{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.week-calendar-day.unknown{background:var(--surface);color:var(--text)}@media (width<=480px){.week-calendar{gap:4px}.week-calendar-day{border-radius:8px;min-height:54px}}.plan-template{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-top:12px;padding:0 13px}.plan-template summary{min-height:44px;color:var(--text);cursor:pointer;align-items:center;font-size:13px;font-weight:700;display:flex}.plan-template-actions{flex-wrap:wrap;gap:8px;display:flex}.plan-template-actions button{min-height:44px;font-size:13px}.plan-template p{color:var(--text);margin:10px 0 12px;font-size:12px;line-height:1.5}.plan-template textarea{border:1px solid var(--border);resize:vertical;background:var(--bg);width:100%;min-height:100px;color:var(--text);font:inherit;border-radius:10px;padding:11px;display:block}.plan-template>button{min-height:44px;margin-top:8px;font-size:13px}.plan-template textarea:focus-visible{outline:2px solid var(--focus-accent);outline-offset:2px}.plan-form{grid-template-columns:96px minmax(0,1fr) auto}.plan-form #plan-text{grid-column:1/-1}.plan-form .plan-subject-select{grid-column:auto}.plan-subject-name{color:var(--text);font-size:11px;font-weight:600;display:block}.plan-vs-record{border:1px solid var(--border);background:var(--surface);border-radius:15px;gap:14px;margin-top:21px;padding:17px;display:grid}.plan-vs-record h3{color:var(--text);margin:0;font-size:14px}.plan-vs-record-row{gap:5px;display:grid}.plan-vs-record-label{align-items:center;gap:8px;min-width:0;display:flex}.plan-vs-record-label strong{overflow-wrap:anywhere}.plan-vs-record-row p,.plan-vs-record>p{color:var(--text);margin:0;font-size:12px;line-height:1.5}.plan-vs-record-row small{color:var(--text-muted);font-size:12px;font-weight:700}.plan-vs-record-track{background:var(--surface);border-radius:99px;height:8px;overflow:hidden}.plan-vs-record-track span{border-radius:inherit;background:var(--surface);height:100%;display:block}@media (width<=480px){.plan-form{grid-template-columns:89px minmax(0,1fr)}.plan-form button{grid-column:1/-1}}.page-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=650px){.page-title{flex-wrap:wrap}}@media (width<=480px){.page-controls{width:100%}}.theme-toggle{border:1px solid var(--line);background:var(--bg);min-height:48px;color:var(--text);border-radius:13px;padding:9px 14px;font-weight:700}.login-theme{justify-content:flex-end;margin-bottom:12px;display:flex}.timer-mode{gap:7px;margin-top:11px;display:flex}.timer-mode button{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--text);border-radius:11px;flex:1;padding:9px;font-weight:700}.timer-mode button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.pomodoro-task{color:var(--text);margin-top:10px;font-size:13px;display:block}.pomodoro-note{color:var(--text-muted);margin:14px 0 0;font-size:13px;line-height:1.5}.pomodoro-reset{min-height:44px;margin-top:12px}.pomodoro-settings{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:15px;padding:0 13px}.pomodoro-settings summary{min-height:44px;color:var(--text);cursor:pointer;align-items:center;font-size:13px;font-weight:700;display:flex}.pomodoro-settings form{flex-wrap:wrap;align-items:center;gap:9px;padding:0 0 12px;display:flex}.pomodoro-length-control{color:var(--text);grid-template-columns:auto auto auto;align-items:center;gap:6px;font-size:13px;display:grid}.pomodoro-length-control>label{color:inherit}.pomodoro-stepper{align-items:center;gap:4px;display:flex}.pomodoro-settings input{border:1px solid var(--line);background:var(--bg);width:58px;min-height:40px;color:var(--text);text-align:center;border-radius:9px;padding:6px}.pomodoro-stepper button{width:36px;padding:0;font-size:18px;font-weight:700;line-height:1}.pomodoro-settings button{min-height:40px}.pomodoro-settings p{color:var(--text);margin:0 0 12px;font-size:12px;line-height:1.5}.login-divider{color:var(--text);align-items:center;gap:12px;margin:18px 0 14px;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--surface);flex:1;height:1px}.google-login-button{border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:11px;font-weight:700;transition:border-color .12s,transform .12s;display:flex}.google-login-button:hover:not(:disabled){border-color:var(--border);transform:translateY(-1px)}.google-mark{color:var(--text);font-family:Arial,sans-serif;font-size:19px;font-weight:800;line-height:1}@media (width<=650px){.mobile-page-switcher{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 17px;padding:4px;display:grid}.mobile-page-switcher button{background:var(--surface);min-height:44px;color:var(--text);font:inherit;border:0;border-radius:10px;font-size:13px;font-weight:600}.mobile-page-switcher button.active{box-shadow:none;font-weight:700}}.settings-menu{z-index:20;position:relative}.settings-menu>summary{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--text);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:700;list-style:none;display:flex}.settings-menu>summary::-webkit-details-marker{display:none}.settings-menu>summary:after{content:"⌄";font-size:15px}.settings-menu>summary:focus-visible{outline:3px solid var(--focus-accent);outline-offset:3px}.settings-popover{z-index:30;overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface);width:min(360px,100vw - 32px);max-height:min(620px,100dvh - 100px);color:var(--text);box-shadow:none;border-radius:15px;gap:10px;padding:16px;display:grid;position:absolute;top:calc(100% + 9px);right:0;overflow-y:auto}.settings-account{gap:11px;display:grid}.settings-account>div{gap:5px;min-width:0;display:grid}.settings-account span{color:var(--text);font-size:12px}.settings-account strong{overflow-wrap:anywhere;font-size:14px}.settings-account small{color:var(--text-muted);font-size:12px;line-height:1.45}.settings-account .secondary{width:100%;min-height:44px}.settings-popover hr{border:0;border-top:1px solid var(--line);width:100%;margin:1px 0}.settings-popover .sync-control{width:auto;color:var(--text-muted);white-space:normal;background:0 0;border:0;gap:8px;padding:0;display:grid}.settings-popover .sync-control select{border:1px solid var(--line);background:var(--bg);width:100%;min-height:44px;color:var(--text-muted);border-radius:10px;padding:8px 12px}.settings-popover p{color:var(--text);margin:0;font-size:12px;line-height:1.5}.device-settings{gap:10px;min-width:0;padding:4px 0 0;display:grid}.device-settings-heading{align-items:center;gap:10px;margin-bottom:2px;display:flex}.device-settings-heading>div{min-width:0}.device-settings-heading strong{font-size:14px}.settings-popover .device-settings-heading p,.settings-popover .device-code-hint{color:var(--text-muted);font-size:12px}.device-settings-icon{background:var(--surface-soft);height:36px;color:var(--text);border-radius:10px;flex:0 0 36px;place-items:center;font-size:20px;display:grid}.device-settings-icon svg{width:21px;height:21px}.device-code-label{color:var(--text);gap:6px;font-size:12px;font-weight:700;display:grid}.device-code-label input{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;letter-spacing:.08em;font-variant-numeric:tabular-nums;border-radius:10px;padding:10px 12px;font-size:16px}.device-code-label input::placeholder{color:var(--text-muted);letter-spacing:0}.device-pair-button{width:100%;min-height:44px}.device-list-heading{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font-size:12px;display:flex}.device-refresh-button,.device-list-item button{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12px}.device-list-item{background:var(--surface-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.device-list-item>span{gap:3px;min-width:0;font-size:12px;display:grid}.device-list-item small{color:var(--text-muted)}.settings-popover .device-message{background:var(--surface);color:var(--text);border-radius:8px;padding:9px 10px}@media (width<=480px){.page-controls{justify-content:flex-end}}.sidebar-footer{gap:8px;margin-top:auto;display:grid;position:relative}.sidebar-footer .sidebar-logout{width:100%;margin-top:0}.sidebar-settings{width:100%}.sidebar-settings>summary{border-color:var(--border);width:100%;color:var(--text);background:0 0;justify-content:flex-start;min-height:46px}.sidebar-settings>summary:hover{background:var(--surface-soft);color:var(--text)}.sidebar-settings .settings-popover{width:100%;inset:auto 0 calc(100% + 8px)}.settings-menu>summary:after{content:"+"}.settings-menu[open]>summary:after{content:"-"}.mobile-settings-menu{display:none}.timer-card.is-normal-mode,.timer-card.is-pomodoro-mode{border-top-width:3px}.timer-card.is-normal-mode{border-top-color:var(--accent)}.timer-card.is-pomodoro-mode{border-top-color:var(--accent-hover)}.timer-mode button[aria-pressed=true]{box-shadow:none}.timer-mode-description{min-height:20px;color:var(--text-muted);margin:8px 0 0;font-size:13px;font-weight:650;line-height:1.45}.member-indicator.resting,.member-indicator.unknown{background:var(--surface);box-shadow:0 0 0 4px var(--surface-soft)}.member-state-label{border-radius:999px;width:fit-content;margin-top:3px;padding:2px 7px;font-weight:700;display:inline-flex}.member-state-label.studying,.member-state-label.resting,.member-state-label.unknown{background:var(--surface);color:var(--text-muted)}@media (width<=650px){.mobile-settings-menu{display:block}.page-controls{display:flex}}.timer-face{background:var(--bg);min-height:0;color:var(--text);border:0;border-radius:16px;margin:18px 0 24px;padding:28px 18px}.timer-face:before,.timer-face:after{display:none}.timer-face-kicker{color:var(--text)}.timer-display{color:var(--text);font-variant-numeric:tabular-nums;text-shadow:none;margin:10px 0 5px}.timer-caption{color:var(--text-muted)}.insights-card .history-trend{gap:18px;margin:0;display:grid}.stats-toolbar{justify-content:space-between;align-items:end;gap:20px;padding:4px 2px 8px;display:flex}.stats-toolbar h2{letter-spacing:-.04em;margin:4px 0 6px;font-size:clamp(30px,4vw,44px);line-height:1}.stats-toolbar p{color:var(--text);margin:0;font-size:14px}.stats-eyebrow{color:var(--text-muted);letter-spacing:.18em;font-size:11px;font-weight:800}.stats-source-note,.stats-error{color:var(--text-muted);margin:-6px 2px 0;font-size:12px}.stats-loading{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:6px;padding:26px;display:grid}.stats-loading span{color:var(--text);font-size:13px}.stats-summary-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:16px;display:grid}.stats-panel{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:none;border-radius:20px;padding:22px}.stats-panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.stats-panel-head>div{gap:3px;display:grid}.stats-panel-head span{color:var(--text-muted);font-size:12px;font-weight:700}.stats-panel-head strong{color:var(--text);letter-spacing:-.02em;font-size:18px}.stats-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.period-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-metric{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-content:center;gap:6px;min-height:90px;padding:14px;display:grid}.stats-metric span{color:var(--text-muted);font-size:12px;font-weight:650}.stats-metric strong{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:clamp(18px,2.2vw,27px)}.stats-metric.primary-metric{border-color:var(--accent)}.stats-metric.primary-metric strong{color:var(--on-accent)}.stats-metric.wide-metric{grid-column:span 2}.stats-comparison .comparison-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.comparison-values>span{background:var(--surface);border-radius:14px;gap:5px;padding:14px;display:grid}.comparison-values>span>span,.comparison-values>span{color:var(--text);font-size:12px}.comparison-values strong{color:var(--text);font-size:20px}.comparison-values .positive strong,.comparison-values .negative strong{color:var(--text)}.stats-subject-panel .trend-subject-list{gap:14px;display:grid}.stats-subject-panel .trend-subject-row{gap:7px;display:grid}.stats-subject-panel .trend-subject-label{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.stats-subject-panel .trend-subject-label small{color:var(--text-muted);font-size:12px}.stats-subject-panel .trend-subject-track{height:8px}.stats-chart-panel .stats-panel-head{margin-bottom:12px}.stats-chart-panel .trend-view-controls{margin:0}.stats-chart-panel .week-list{gap:8px;display:grid}.stats-chart-panel .week-row{grid-template-columns:92px minmax(0,1fr) 92px;min-height:54px}.stats-chart-panel .week-calendar-day small{white-space:nowrap;font-size:9px}.stats-actions{flex-wrap:wrap;align-items:center;gap:14px;padding:0 4px;display:flex}@media (width<=820px){.stats-summary-grid{grid-template-columns:1fr}.period-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.stats-toolbar{flex-direction:column;align-items:flex-start}.stats-toolbar .history-trend-actions{justify-content:space-between;width:100%}.stats-panel{border-radius:16px;padding:17px}.stats-metric-grid,.period-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-comparison .comparison-values{grid-template-columns:1fr}.stats-chart-panel .stats-panel-head{flex-direction:column;align-items:flex-start}.stats-chart-panel .week-row{grid-template-columns:72px minmax(0,1fr) 82px;gap:8px}}@media (width<=430px){.stats-metric-grid,.period-metrics{grid-template-columns:1fr}.stats-metric.wide-metric{grid-column:auto}.stats-subject-panel .trend-subject-label{grid-template-columns:auto minmax(0,1fr) auto}.stats-subject-panel .trend-subject-label small{display:none}}.stats-weekday-panel{gap:4px;display:grid}.weekday-pattern{gap:9px;display:grid}.weekday-row{grid-template-columns:24px minmax(120px,1fr) 92px 82px;align-items:center;gap:10px;min-height:42px;display:grid}.weekday-name{color:var(--text);text-align:center;font-size:13px;font-weight:800}.weekday-track{background:var(--surface);border:1px solid var(--line);border-radius:999px;height:9px;overflow:hidden}.weekday-track>span{border-radius:inherit;background:var(--surface);height:100%;display:block}.weekday-row>strong{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:12px}.weekday-row>small{color:var(--text-muted);text-align:right;white-space:nowrap;font-size:11px}@media (width<=560px){.weekday-row{grid-template-columns:24px minmax(80px,1fr) 78px;gap:8px}.weekday-row>small{text-align:left;grid-column:2/-1;margin-top:-4px}}html{scroll-padding-top:92px}body{background:var(--bg);min-width:0;color:var(--text);margin:0}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])){scroll-margin-top:92px;scroll-margin-bottom:28px}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.remember-email{min-height:32px;padding-block:4px}.topbar{height:auto;min-height:75px}.status-dot.live,.member-indicator.live{background:var(--accent);box-shadow:0 0 0 4px var(--surface-soft)}.plan-list input,.remember-email input{accent-color:var(--accent)}.shell,.content,.content main{background:var(--bg)}.sidebar{background:var(--surface-soft);color:var(--text);border-color:var(--border)}.topbar,.bottom-nav,.mobile-page-switcher,.settings-popover{background:var(--surface);color:var(--text);border-color:var(--border)}.timer-card,.history-card,.group-card,.tool-card,.login-card,.settings-menu>summary,.stats-panel,.timer-help,.pomodoro-settings,.plan-template,.plan-vs-record,.trend-subjects,.week-comparison,.group-detail,.group-list button,.member-filters button,.history-facts>div,.week-insights span,.week-row{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:none}.top-status,.active-strip,.summary-card,.daily-goal,.live-session,.stats-metric.primary-metric{background:var(--surface-soft);color:var(--text);border-color:var(--border)}select,input:not([type=checkbox]),textarea,.secondary,.theme-toggle,.timer-mode button,.trend-view-controls button,.mobile-page-switcher button,.settings-popover .sync-control select,.google-login-button{background:var(--bg);color:var(--text);border-color:var(--border)}.primary,.sidebar nav button.active,.timer-mode button[aria-pressed=true],.trend-view-controls button[aria-pressed=true],.member-filters button.selected,.group-list button.selected,.plan-list .plan-focus[aria-pressed=true],.bottom-nav button.active,.mobile-page-switcher button.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.primary:hover:not(:disabled),.secondary:hover:not(:disabled),.theme-toggle:hover:not(:disabled),.timer-mode button:hover:not(:disabled),.trend-view-controls button:hover:not(:disabled),.mobile-page-switcher button:hover:not(:disabled),.sidebar nav button:hover,.sidebar-logout:hover{background:var(--accent-hover);color:var(--on-accent);border-color:var(--accent)}.text-button,.stats-eyebrow,.stats-metric.primary-metric strong,.comparison-values .positive strong,.eyebrow{color:var(--text)}.card-note,.stats-source-note,.stats-toolbar p,.stats-panel-head span,.stats-metric span,.weekday-row>small,.password-manager-note,.small-note,.trend-range,.sync-control,.top-status{color:var(--text-muted)}.caution,.error,.error-banner,.remember-warning,.login-notice,.tool-notice{background:var(--surface);border-color:var(--border);color:var(--text)}.daily-goal-track,.trend-subject-track,.plan-vs-record-track,.member-status-track,.subject-track,.week-track,.plan-progress,.weekday-track{background:var(--bg);border-color:var(--border)}.daily-goal-track span,.plan-progress span,.plan-vs-record-track span,.member-status-track .studying,.weekday-track>span{background:var(--accent)}.member-status-track .resting{background:var(--text-muted)}.member-status-track .unknown{background:var(--surface)}.week-calendar-day,.week-calendar-day.level-1{background:var(--bg);color:var(--text)}.week-calendar-day.level-2,.week-calendar-day.unknown{background:var(--surface);color:var(--text-muted)}.week-calendar-day.level-3{background:var(--surface-soft);color:var(--text)}.week-calendar-day.level-4{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.member-state-label.studying{background:var(--accent);color:var(--on-accent)}.member-state-label.resting{background:var(--surface-soft);color:var(--text)}.member-state-label.unknown{background:var(--surface);color:var(--text-muted)}.subject-track>span,.trend-subject-track>span{box-shadow:inset 0 0 0 1px var(--text)}.insights-card{padding-inline:22px;padding-bottom:22px}.stats-toolbar,.stats-summary-grid,.stats-comparison,.stats-subject-panel,.stats-weekday-panel,.stats-chart-panel,.stats-actions,.stats-source-note,.stats-loading{min-width:0}.stats-toolbar h2,.stats-toolbar p,.stats-panel-head span,.stats-panel-head strong,.stats-metric span,.stats-metric strong,.comparison-values>span,.comparison-values strong,.weekday-row,.mobile-page-switcher button,.trend-range,.stats-source-note,.stats-loading,.stats-actions{word-break:keep-all;overflow-wrap:normal}.stats-toolbar h2,.stats-metric strong{letter-spacing:0}.stats-subject-panel .trend-subject-label>span:nth-child(2){overflow-wrap:normal;word-break:keep-all}.stats-chart-panel .week-calendar-day small{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums}.mobile-page-switcher{min-width:0;overflow:visible}.mobile-page-switcher button{white-space:nowrap;text-overflow:clip;width:100%;min-width:0}@media (width<=650px){html{scroll-padding-top:118px;scroll-padding-bottom:104px}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])){scroll-margin-top:118px;scroll-margin-bottom:104px}.top-status{white-space:normal;text-overflow:clip;flex-wrap:wrap;line-height:1.35;overflow:visible}.top-status strong{white-space:nowrap}.insights-card{padding-inline:12px;padding-bottom:12px}.stats-toolbar .history-trend-actions{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.stats-toolbar .trend-range{grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;display:grid}.stats-toolbar .trend-range select{width:100%;min-width:0}}@media (width<=430px){.week-calendar-day small{white-space:nowrap}.mobile-page-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-page-switcher button{padding-inline:6px;font-size:12px}.stats-toolbar .history-trend-actions{grid-template-columns:1fr}.stats-toolbar .history-trend-actions>.text-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}