:root{color:#263b30;font-synthesis:none;text-rendering:optimizelegibility;--color-background:#f8f7f2;--color-surface:#fffefa;--color-ink:#263b30;--color-green:#466c59;--color-soft-green:#e7eddf;--color-muted:#7b897d;--color-faint:#a8b0a8;--color-border:#e3e7dc;--color-disabled:#b8c4ba;--radius-panel:12px;--radius-control:8px;--space-unit:8px;background:#f8f7f2;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-background);min-height:100%}body{background:var(--color-background);min-height:100vh;color:var(--color-ink);margin:0}button,input{color:inherit;font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #466c5947}.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}.app-shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--color-border);background:#f0f3eb;flex-direction:column;height:100vh;min-height:0;max-height:100vh;padding:48px 24px 28px;display:flex;position:sticky;top:0;overflow-y:auto}.brand-block{gap:6px;padding:0 8px;display:grid}.brand-name{color:var(--color-ink);letter-spacing:0;white-space:nowrap;font-size:24px;font-weight:650;line-height:1.2}.brand-english{color:var(--color-muted);letter-spacing:.02em;font-size:14px}.primary-nav{gap:8px;margin-top:54px;display:grid}.nav-item{min-height:52px;color:var(--color-ink);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:14px;padding:0 16px;font-size:16px;transition:background-color .14s,color .14s;display:flex}.nav-item:hover{background:#e7eddfb8}.nav-item-active{color:var(--color-ink);background:#dfe9da;font-weight:600}.nav-symbol,.language-symbol{color:var(--color-green);flex:0 0 22px;place-items:center;line-height:1;display:inline-grid}.line-icon{display:block}.language-control{color:var(--color-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;margin-top:auto;padding:12px;font-size:14px;display:flex}.language-option{color:var(--color-muted);font-size:inherit;white-space:nowrap;background:0 0;flex:none;padding:5px 2px}.language-option-active{color:var(--color-ink);font-weight:600}.language-divider{color:#b2baaf}.main-content{min-width:0;padding:58px 56px 64px}.workspace-grid{grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:16px;max-width:1280px;margin:0 auto;display:grid}.workspace-grid-full{grid-template-columns:minmax(0,1fr)}.workspace-grid-account{grid-template-columns:minmax(0,760px);justify-content:center}.panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0}.auth-panel{align-self:start;min-height:620px;padding:36px}.panel-heading h1,.records-heading h2{color:var(--color-ink);margin:0;font-size:28px;font-weight:650;line-height:1.3}.auth-form{gap:16px;margin-top:34px;display:grid}.account-summary{border-radius:var(--radius-control);background:var(--color-soft-green);gap:8px;margin-top:30px;padding:18px;display:grid}.account-summary strong{font-size:18px;font-weight:650}.account-summary span{color:var(--color-muted);overflow-wrap:anywhere;font-size:14px}.account-summary .account-status{color:#9a6e48;font-size:13px}.account-summary .account-status-verified{color:var(--color-green)}.workspace-grid-account .auth-panel{min-height:auto}.account-actions{border-top:1px solid var(--color-border);gap:10px;margin-top:28px;padding-top:24px;display:grid}.account-actions h2{color:var(--color-ink);margin:0;font-size:17px;font-weight:650}.account-action-hint{color:var(--color-muted);margin:0;font-size:14px;line-height:1.5}.account-action-button{justify-self:start}.verification-hint{color:var(--color-muted);margin:0;font-size:14px;line-height:1.5}.verification-actions{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.verification-actions .primary-button{flex:none;margin-top:0;padding:0 16px}.registration-code-actions{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.registration-code-actions .secondary-button{white-space:nowrap;min-height:48px}.auth-message{margin:0;font-size:13px;line-height:1.5}.auth-message-error{color:#a05e51}.auth-message-success{color:var(--color-green)}.account-logout{margin-top:28px}.add-record-button{width:100%;min-height:52px;margin:0 0 20px;font-size:16px}.field-label{color:var(--color-muted);gap:8px;font-size:14px;display:grid}.field-label input{border-radius:var(--radius-control);background:var(--color-surface);border:1px solid #cbd6ca;width:100%;min-height:48px;padding:0 14px}.field-label input:focus{border-color:var(--color-green)}.password-input{min-width:0;position:relative}.password-input input{padding-right:52px}.password-toggle{width:44px;height:44px;color:var(--color-green);background:0 0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.password-toggle:hover{background:var(--color-soft-green)}.primary-button{border-radius:var(--radius-control);background:var(--color-green);color:#fffefa;min-height:48px;margin-top:6px;font-weight:600}.primary-button:disabled{background:var(--color-disabled);color:#f8faf5}.unavailable-note{color:var(--color-muted);align-items:center;gap:9px;margin:-3px 0 0;font-size:13px;line-height:1.5;display:flex}.status-symbol{color:#fffefa;background:#aeb7ae;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:inline-grid}.auth-switches{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:14px 20px;margin-top:28px;padding-top:22px;display:flex}.secondary-button,.text-button{color:var(--color-green);background:0 0;padding:0;font-size:14px}.secondary-button{border-radius:var(--radius-control);border:1px solid #8da698;min-width:72px;min-height:40px;padding:0 16px}.content-panel{min-height:620px;padding:36px 30px 26px}.time-table-panel{position:relative}.book-toolbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.book-select-label{min-width:0;color:var(--color-ink);align-items:center;gap:10px;display:flex}.book-selection-mark{border-radius:50%;flex:0 0 11px;width:11px;height:11px;display:inline-block}.book-select{background:var(--color-surface);min-width:0;max-width:250px;color:var(--color-ink);cursor:pointer;border:0;padding:9px 28px 9px 0;font-size:16px;font-weight:600}.book-select:disabled{cursor:not-allowed;opacity:.6}.book-manage-button{white-space:nowrap;flex:none}.time-table-notice{border-radius:var(--radius-control);justify-content:space-between;align-items:center;gap:14px;margin:0 0 18px;padding:11px 14px;font-size:13px;line-height:1.5;display:flex}.time-table-notice-error{color:#9d6254;background:#fbede4}.time-table-notice-success{background:var(--color-soft-green);color:var(--color-green)}.week-range-label{color:var(--color-muted);margin-top:6px;font-size:13px;display:block}.time-table-loading{color:var(--color-muted);text-align:center;margin:30px 0;font-size:14px}.records-view,.statistics-view{min-width:0}.back-to-today{border-radius:var(--radius-control);background:var(--color-soft-green);color:var(--color-green);margin:18px auto 14px;padding:8px 12px;font-size:13px;display:block}.day-block{border-top:1px solid var(--color-border)}.day-block:last-child{border-bottom:1px solid var(--color-border)}.day-today{background:#e7eddf61}.day-row{align-items:center;gap:12px;min-height:68px;display:flex}.day-main-button{text-align:left;background:0 0;flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;min-height:68px;padding:10px 0;display:grid}.day-main-button:hover{background:#e7eddf5c}.day-date,.day-result{min-width:0;display:grid}.weekday{align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:500;display:flex}.today-indicator{color:var(--color-green);white-space:nowrap;background:#e2ead6;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:500}.day-label{color:var(--color-muted);margin-top:5px;font-size:13px}.day-result{text-align:right;justify-items:end}.day-minutes{font-variant-numeric:tabular-nums;font-size:17px}.unrecorded{color:var(--color-faint);font-size:16px}.muted-unit{color:var(--color-muted);font-size:12px}.entry-count{color:var(--color-muted);margin-top:4px;font-size:12px}.day-add{color:#8fa094;background:#edf0eb;border-radius:7px;flex:0 0 36px;width:36px;height:36px;font-size:25px;line-height:1}.day-add:hover:not(:disabled){color:var(--color-green);background:#dfe9da}.day-add:disabled{opacity:.45}.day-details{flex-wrap:wrap;gap:8px;padding:0 48px 18px 0;display:flex}.entry-chip{border-radius:var(--radius-control);background:var(--color-surface);min-width:0;max-width:100%;color:var(--color-ink);text-align:left;border:1px solid #dfe6d8;align-items:center;gap:8px;padding:9px 11px;font-size:13px;display:inline-flex}.entry-chip:hover{border-color:#a7b9a9}.entry-chip-minutes{font-variant-numeric:tabular-nums;flex:none}.entry-chip-note{overflow-wrap:anywhere;min-width:0;color:var(--color-muted)}.entry-edit-mark{color:var(--color-faint);flex:none}.empty-day{color:var(--color-muted);font-size:13px;line-height:1.5}.week-total{color:var(--color-ink);justify-content:space-between;align-items:center;gap:18px;padding:22px 0 0;font-size:15px;display:flex}.week-total>span{gap:5px;display:grid}.week-total strong{font-size:17px;font-weight:600}.week-total small{color:var(--color-muted);font-size:12px;font-weight:400}.stat-totals{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;padding:18px 0;display:grid}.stat-totals>div{text-align:center;justify-items:center;gap:6px;display:grid}.stat-totals strong{font-variant-numeric:tabular-nums;font-size:25px;font-weight:550}.stat-totals span{color:var(--color-muted);font-size:12px}.stats-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;min-height:210px;padding:28px 0 16px;display:grid}.stats-day-column{grid-template-rows:20px 150px 20px;justify-items:center;gap:8px;min-width:0;display:grid}.stats-day-value,.stats-day-label{color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.stats-day-track{background:#f0f2ed;border-radius:7px;align-items:flex-end;width:28px;height:150px;display:flex;overflow:hidden}.stats-day-bar{background:#b8c9a5;border-radius:7px;width:100%;min-height:0;display:block}.stats-empty-note{color:var(--color-muted);text-align:center;margin:0 0 18px;font-size:13px}.recent-stats{border-top:1px solid var(--color-border);margin-top:10px}.section-heading{padding:22px 0 10px}.section-heading h3{margin:0;font-size:18px;font-weight:600}.recent-week-row{border-top:1px solid var(--color-border);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 0;display:flex}.recent-week-row:hover{background:#e7eddf5c}.recent-week-copy,.recent-week-amount{gap:5px;min-width:0;display:grid}.recent-week-copy strong{font-size:13px;font-weight:550}.recent-week-copy small,.recent-week-amount small{color:var(--color-muted);font-size:12px}.recent-week-amount{flex:0 0 150px;grid-template-columns:1fr auto auto;place-items:center end;gap:8px}.recent-week-bar{background:#f0f2ed;border-radius:5px;width:70px;height:7px;display:block;overflow:hidden}.recent-week-bar span{border-radius:inherit;background:#b8c9a5;height:100%;display:block}.recent-week-amount strong{font-variant-numeric:tabular-nums;font-size:15px;font-weight:550}.sheet-overlay{z-index:30;background:#1c2a1e57;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.sheet-panel{width:min(100%,560px);max-height:min(760px,90vh);padding:18px 28px 28px;overflow-y:auto}.sheet-handle{background:#d4dcd0;border-radius:5px;width:52px;height:5px;margin:0 auto 22px}.sheet-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.sheet-heading h2{margin:0;font-size:22px;font-weight:650}.sheet-heading p{color:var(--color-muted);margin:7px 0 0;font-size:13px}.close-button{width:34px;height:34px;color:var(--color-muted);background:#edf0eb;border-radius:50%;flex:0 0 34px;font-size:23px;line-height:1}.book-manager-list{border-top:1px solid var(--color-border);display:grid}.book-manager-item{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;min-width:0;padding:12px 0;display:flex}.book-manager-select{text-align:left;background:0 0;flex:1;align-items:center;gap:10px;min-width:0;padding:5px 0;display:flex}.book-manager-select>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.book-manager-select-active{font-weight:600}.book-current-mark{color:var(--color-green);margin-left:auto}.book-small-button{color:var(--color-green);white-space:nowrap;background:0 0;flex:none;padding:6px 2px;font-size:13px}.book-delete-button,.danger-text-button{color:#a05e51}.book-editor-form,.entry-form{gap:14px;margin-top:22px;display:grid}.form-label{color:var(--color-muted);font-size:13px}.book-editor-form .field-label input,.entry-form textarea,.entry-form input{min-height:46px}.entry-form textarea{resize:vertical;border-radius:var(--radius-control);background:var(--color-surface);border:1px solid #cbd6ca;width:100%;min-height:88px;padding:12px 14px}.entry-form textarea:focus{outline-offset:2px;border-color:var(--color-green);outline:3px solid #466c5947}.entry-presets{flex-wrap:wrap;gap:8px;display:flex}.preset-button{background:var(--color-soft-green);color:var(--color-green);border-radius:7px;padding:8px 12px;font-size:13px}.sheet-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.sheet-actions .primary-button{min-width:120px;margin-top:0;padding:0 16px}.danger-text-button{background:0 0;justify-self:center;padding:4px 8px;font-size:13px}.records-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.week-controls{color:var(--color-ink);align-items:center;gap:18px;font-size:15px;font-weight:600;display:flex}.week-arrow{width:32px;height:32px;color:var(--color-green);background:0 0;border-radius:6px;font-size:28px;line-height:1}.week-arrow:disabled{opacity:.82}.login-required-note{color:var(--color-muted);margin:14px 0 22px;font-size:14px}.week-list{border-top:1px solid var(--color-border)}.week-row{border-bottom:1px solid var(--color-border);min-height:68px;color:var(--color-ink);grid-template-columns:82px 1fr minmax(34px,54px) 42px;align-items:center;gap:16px;display:grid}.week-day{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:500}.week-date,.week-value{min-width:0;color:var(--color-faint);font-size:16px}.week-value{text-align:right}.row-add{color:#a3afa5;background:#edf0eb;border-radius:7px;width:36px;height:36px;font-size:26px;line-height:1}.content-empty{flex-direction:column;display:flex}.empty-copy{color:var(--color-muted);text-align:center;flex:1;place-content:center;justify-items:center;gap:16px;display:grid}.empty-copy p{margin:0;font-size:14px}.empty-mark{color:var(--color-faint);font-size:34px}.reset-page{background:var(--color-background);place-items:center;min-height:100vh;padding:28px 20px;display:grid}.reset-panel{width:min(100%,480px);padding:34px}.reset-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.reset-brand{color:var(--color-muted);font-size:14px}.reset-header h1{margin:12px 0 0;font-size:28px;font-weight:650;line-height:1.3}.reset-language-control{white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;display:flex}.reset-form{margin-top:34px}.reset-invalid-copy{color:var(--color-muted);margin:32px 0 0;font-size:14px;line-height:1.6}.reset-back-button{margin-top:28px}@media (width<=900px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-left:16px;padding-right:16px}.main-content{padding-left:28px;padding-right:28px}.workspace-grid{grid-template-columns:minmax(280px,330px) minmax(0,1fr)}.workspace-grid-full,.workspace-grid-account{grid-template-columns:minmax(0,1fr)}.auth-panel,.content-panel{padding-left:24px;padding-right:24px}}@media (width<=960px){.app-shell{min-height:100vh;display:block}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);height:auto;min-height:auto;max-height:none;padding:24px 20px 16px;display:block;position:static;overflow:visible}.brand-block{padding:0}.brand-name{font-size:26px}.primary-nav{z-index:10;padding:10px 8px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:#f8f7f2f7;justify-content:space-around;gap:2px;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{text-align:center;white-space:nowrap;flex:1;justify-items:center;gap:4px;min-width:0;min-height:48px;padding:5px 2px;font-size:12px;display:grid}.nav-symbol{flex-basis:auto;font-size:18px}.language-control{margin:0;padding:0;position:absolute;top:22px;right:20px}.language-symbol,.language-divider{display:none}.main-content{padding:20px 16px calc(92px + env(safe-area-inset-bottom))}.workspace-grid{flex-direction:column;gap:14px;display:flex}.auth-panel,.content-panel{min-height:auto;padding:24px 20px}.auth-panel{order:0;align-self:stretch;width:100%}.content-panel{order:1}.panel-heading h1,.records-heading h2{font-size:24px}.auth-form{margin-top:24px}.week-row{grid-template-columns:62px 1fr minmax(28px,40px) 36px;gap:10px;min-height:62px}.row-add{width:32px;height:32px}.book-toolbar{align-items:flex-start}.book-select{max-width:none}.day-details{padding-right:0}.sheet-overlay{padding:0}.sheet-panel{border-radius:16px 16px 0 0;width:100%;max-height:calc(100vh - 12px);padding-left:20px;padding-right:20px}}@media (width<=400px){.sidebar{padding-left:16px;padding-right:16px}.brand-block{max-width:160px;padding-right:0}.brand-name{overflow-wrap:anywhere;font-size:22px}.brand-english{display:none}.language-control{gap:4px;font-size:12px;right:16px}.primary-nav{gap:0;padding-left:4px;padding-right:4px}.nav-item{gap:3px;padding-left:1px;padding-right:1px;font-size:11px}.nav-symbol{font-size:16px}.reset-panel{padding:24px 20px}.reset-header{gap:10px}.reset-header h1{font-size:24px}.reset-language-control{gap:4px;font-size:12px}.book-toolbar{gap:8px}.book-manage-button{font-size:12px}.day-row{gap:7px}.day-main-button{gap:8px}.day-add{flex-basis:32px;width:32px;height:32px}.entry-chip{font-size:12px}.recent-week-amount{flex-basis:112px;gap:5px}.recent-week-bar{width:34px}.sheet-actions .primary-button{min-width:0}}@media (prefers-reduced-motion:reduce){.nav-item{transition:none}}