:root{--ink:#263141;--muted:#4b586d;--surface:#f5f7fb;--card:#fff;--night:#354c89;--night-soft:#e7ecf9;--nap:#e3aa58;--nap-soft:#fff0d2;--danger:#a94747;--danger-soft:#fde8e8;--line:#e1e6ef;--focus:#2257c7;--bg:#fff;--accent:#276749;--nav-height:4rem;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;margin:0}button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--card);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;padding:.65rem 1rem;display:inline-flex}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(1.45rem,7vw,2rem)}h2{margin-bottom:.75rem;font-size:1.2rem}h3{font-size:1.05rem}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-content{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 1rem);flex:1}.bottom-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--line);z-index:10;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -.25rem 1rem #2631410d}.bottom-nav .nav-item{height:100%;color:var(--muted);background:0 0;border:none;border-radius:0;flex:1;min-height:44px;font-size:1rem;font-weight:500}.bottom-nav .nav-item.active{color:var(--night);font-weight:700}.today-page{min-height:calc(100dvh - var(--nav-height));padding:calc(1rem + env(safe-area-inset-top)) 1rem 1rem;place-items:center;display:grid}.loading-view{min-height:100dvh}.today-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:min(100%,25rem);min-height:28rem;display:flex}.eyebrow{color:var(--muted);letter-spacing:.08em;font-size:.9rem;font-weight:500}.supporting-text{color:var(--muted)}.elapsed{color:var(--night);font-size:clamp(2.2rem,13vw,3.8rem);font-weight:700}.primary-circle{color:#fff;background:var(--night);border:0;width:min(58vw,13rem);height:min(58vw,13rem);min-height:0;font-size:1.25rem;font-weight:700;box-shadow:0 1rem 2rem #354c8940}.active-circle{background:var(--nap);color:#1e2530;font-weight:700;box-shadow:0 1rem 2rem #e3aa584d}.secondary-actions,.dialog-actions,.type-options{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.secondary-actions button{color:var(--night);border-color:var(--line);background:0 0}.summary-card{border:1px solid var(--line);background:var(--card);border-radius:1.25rem;gap:.45rem;width:100%;padding:1.4rem;display:grid}.summary-card strong{color:var(--night);font-size:2rem}.backup-warning{color:var(--danger);font-size:.9rem}.history-page,.settings-page{padding:calc(1rem + env(safe-area-inset-top)) 1rem 1rem;justify-content:center;display:flex}.history-container,.settings-container{flex-direction:column;gap:1.5rem;width:min(100%,32rem);display:flex}.page-header{margin-bottom:.5rem}.stats-section,.history-list-section,.settings-section{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.range-toggle{background:var(--surface);border-radius:999px;gap:.5rem;padding:.25rem;display:flex}.range-button{min-height:38px;color:var(--muted);background:0 0;border:none;flex:1;font-size:.9rem}.range-button.active{background:var(--card);color:var(--night);font-weight:700;box-shadow:0 2px 6px #0000000f}.stats-summary-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.stat-card{background:var(--surface);text-align:center;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.75rem .5rem;display:flex}.stat-label{color:var(--muted);font-size:.75rem}.stat-value{color:var(--night);font-size:1rem;font-weight:700}.excluded-notice{color:var(--danger);background:var(--danger-soft);border-radius:.5rem;padding:.5rem .75rem;font-size:.85rem}.chart-container{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.bar-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:.4rem;height:9rem;padding-bottom:.25rem;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.25rem;height:100%;display:flex}.col-value{color:var(--muted);writing-mode:horizontal-tb;font-size:.65rem}.col-bars{background:var(--surface);border-radius:4px;flex-direction:column-reverse;width:100%;max-width:1.5rem;height:6rem;display:flex;overflow:hidden}.bar{width:100%}.bar-night{background:var(--night)}.bar-nap{background:var(--nap)}.col-label{color:var(--muted);font-size:.7rem}.chart-legend{color:var(--muted);justify-content:center;gap:1.5rem;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:.35rem;display:flex}.legend-dot{border-radius:50%;width:.6rem;height:.6rem}.night-dot{background:var(--night)}.nap-dot{background:var(--nap)}.history-day-card{background:var(--surface);border-radius:1rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.history-date-title{color:var(--ink);font-size:1rem;font-weight:700}.history-record-group{background:var(--card);border:1px solid var(--line);border-radius:.75rem;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.group-header{align-items:center;gap:.5rem;display:flex}.record-badge{border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.night-badge{background:var(--night-soft);color:var(--night)}.nap-badge{background:var(--nap-soft);color:#815a1f}.multi-badge{color:var(--muted);font-size:.75rem}.group-duration{color:var(--ink);font-size:1.1rem}.segment-row{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.9rem;display:flex}.segment-info{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.segment-time{color:var(--muted)}.uncertain-tag{color:var(--danger);background:var(--danger-soft);border-radius:4px;padding:.1rem .4rem;font-size:.75rem}.segment-actions{gap:.5rem;display:flex}.action-link{border:1px solid var(--line);min-height:36px;color:var(--night);background:0 0;border-radius:6px;padding:.25rem .6rem;font-size:.8rem}.danger-link{color:var(--danger);border-color:#fbd5d5}.empty-history-text{text-align:center;color:var(--muted);padding:2rem 0}.status-card,.storage-card,.info-card{background:var(--surface);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.status-row{justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.status-label{color:var(--muted)}.status-badge{color:var(--night)}.warning-text{color:#c05621;font-size:.85rem}.error-text{color:var(--danger);font-size:.85rem}.hint-text{color:var(--muted);font-size:.85rem;line-height:1.4}.button-group{flex-wrap:wrap;gap:.75rem;display:flex}.export-btn,.full-button,.action-btn{flex:1;min-height:44px}.primary-action-btn,.primary-button{background:var(--night);color:#fff;border:none}.restore-box{border-top:1px solid var(--line);flex-direction:column;gap:.75rem;margin-top:.5rem;padding-top:1rem;display:flex}.file-input-label{color:var(--ink);font-size:.9rem;font-weight:600}.restore-preview-card{background:var(--surface);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.preview-text{color:var(--night);font-weight:600}.conflicts-section{flex-direction:column;gap:.5rem;display:flex}.conflict-item{background:var(--card);border:1px solid var(--line);border-radius:.5rem;padding:.75rem;font-size:.85rem}.conflict-choices{gap:1rem;margin-top:.35rem;display:flex}.preview-actions{justify-content:flex-end;gap:.75rem;display:flex}.storage-status{font-size:.95rem}.info-card p{color:var(--muted);font-size:.85rem;line-height:1.5}.app-version{text-align:center;color:var(--muted);margin-top:.5rem;font-size:.8rem}.toast-message{color:#fff;background:#276749;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.toast-close-btn{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;padding:0 .25rem;font-size:1.25rem;line-height:1}.toast-close-btn:hover{opacity:1}.app-error-banner,.app-error{background:var(--danger);color:#fff;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;margin:.5rem 1rem;padding:.65rem 1rem;font-size:.9rem;display:flex}.error-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;min-height:32px;padding:.25rem .5rem;font-size:1.25rem;line-height:1}.modal-backdrop{z-index:20;background:#26314166;align-items:end;display:grid;position:fixed;inset:0}.bottom-sheet,.dialog{width:min(100%,30rem);padding:1.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom));background:var(--card);border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -1rem 3rem #26314126}.bottom-sheet h2,.dialog h2{text-align:center;margin-bottom:1rem}.type-button{flex:9rem;min-height:5rem;font-weight:700}.night-button{color:var(--night);background:var(--night-soft)}.nap-button{color:#815a1f;background:var(--nap-soft)}.dialog{border-radius:1.25rem;place-self:center;padding:1.5rem}.dialog p{text-align:center;color:var(--muted);margin-bottom:1.25rem}.dialog-actions button{flex:1}.danger-button{color:#fff;border-color:var(--danger);background:var(--danger)}.overlong-dialog{gap:.75rem;display:grid}.overlong-dialog button{width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.update-notice-banner{background:var(--night);color:#fff;z-index:15;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;box-shadow:0 2px 8px #00000026}.update-notice-content{flex-direction:column;gap:.15rem;display:flex}.update-title{font-size:.9rem;font-weight:700}.update-desc{opacity:.9;font-size:.8rem}.update-btn{min-height:36px;color:var(--night);background:#fff;border:none;padding:.35rem .85rem;font-size:.85rem;font-weight:700}.feedback-card{background:var(--surface);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.feedback-form{flex-direction:column;gap:.6rem;margin-top:.25rem;display:flex}.feedback-textarea,.feedback-contact-input{box-sizing:border-box;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:.5rem;padding:.6rem .75rem;font-family:inherit;font-size:.9rem}.feedback-textarea{resize:vertical;min-height:72px}.feedback-textarea:focus,.feedback-contact-input:focus{border-color:var(--accent);outline:none}.feedback-submit-btn{margin-top:.25rem}.feedback-success-text{color:#276749;background:#f0fff4;border:1px solid #c6f6d5;border-radius:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500}.feedback-direct-contact{border-top:1px solid var(--line);flex-direction:column;gap:.4rem;margin-top:.25rem;padding-top:.75rem;display:flex}.email-badge-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.email-code{background:var(--bg);border:1px solid var(--line);color:var(--night);border-radius:4px;padding:.3rem .5rem;font-family:monospace;font-size:.85rem}.copy-email-btn,.mailto-link-btn{border-radius:4px;justify-content:center;align-items:center;min-height:32px;padding:.35rem .65rem;font-size:.8rem;text-decoration:none;display:inline-flex}.copy-email-btn{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer}.mailto-link-btn{background:var(--surface);border:1px solid var(--line);color:var(--accent)}