:root{--color-background-primary:#fff;--color-background-secondary:#f5f4ef;--color-background-tertiary:#ecebe4;--color-background-info:#eeedfe;--color-background-warning:#fdf1d6;--color-background-success:#e1f5ee;--color-text-primary:#1c1b18;--color-text-secondary:#6b6a64;--color-text-tertiary:#97968f;--color-text-info:#3c3489;--color-text-success:#085041;--color-border-primary:#d6d4cc;--color-border-secondary:#d6d4cc;--color-border-tertiary:#ecebe4;--color-accent:#534ab7;--color-accent-soft:#eeedfe;--color-accent-deep:#3c3489;--color-cat-dev:#534ab7;--color-cat-dev-bg:#eeedfe;--color-cat-dev-text:#3c3489;--color-cat-learn:#1d9e75;--color-cat-learn-bg:#e1f5ee;--color-cat-learn-text:#085041;--color-cat-other:#888780;--color-cat-other-bg:#f1efe8;--color-cat-other-text:#444441;--color-break:#1d9e75;--color-long-break:#c97a2b;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--shadow-sm:0 1px 2px #14120c0a;--shadow-md:0 8px 24px #14120c0f;color:var(--color-text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f4ef;font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -10%,#fff 0%,#0000 60%),#f5f4ef;min-height:100vh;margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{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{max-width:720px;margin:0 auto;padding:24px 16px 48px}.app-frame{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.nav{border-bottom:.5px solid var(--color-border-tertiary);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.nav-logo{color:var(--color-text-primary);align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.nav-right{align-items:center;gap:16px;display:flex}.nav-tabs{gap:16px;display:flex}.nav-link{appearance:none;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:1.5px solid #0000;padding:4px 0;font-size:13px;transition:color .15s}.nav-link:hover{color:var(--color-text-primary)}.nav-link.active{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary);font-weight:600}.streak-badge{background:var(--color-background-warning);color:#633806;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;display:inline-flex}.body{padding:28px 24px}.timer-area{text-align:center;margin-bottom:24px}.timer-mode{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;display:inline-flex}.mode-btn{border:.5px solid var(--color-border-secondary);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:5px 14px;font-size:12px;transition:background .15s,color .15s}.mode-btn:hover{color:var(--color-text-primary)}.mode-btn.on{background:var(--color-background-info);color:var(--color-text-info);border-color:#0000;font-weight:500}.mode-btn.on.break{background:var(--color-background-success);color:var(--color-text-success)}.timer-ring-wrap{width:220px;height:220px;margin:0 auto 20px;position:relative}.timer-svg{width:100%;height:100%}.timer-text{text-align:center;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-num{color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0;font-size:48px;font-weight:500;line-height:1}.timer-sub{color:var(--color-text-secondary);margin:6px 0 0;font-size:12px}.ctrl-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ctrl-btn{border-radius:var(--border-radius-md);cursor:pointer;border:.5px solid var(--color-border-secondary);color:var(--color-text-primary);background:0 0;align-items:center;gap:6px;padding:9px 22px;font-size:14px;font-weight:500;transition:background .15s,transform 50ms;display:inline-flex}.ctrl-btn:hover{background:var(--color-background-secondary)}.ctrl-btn:active{transform:translateY(1px)}.ctrl-btn.primary{background:var(--color-text-primary);color:var(--color-background-primary);border-color:#0000}.ctrl-btn.primary:hover{background:#2f2e2a}.ctrl-btn[disabled]{opacity:.5;cursor:not-allowed}.task-input-wrap{margin-bottom:20px}.task-label{color:var(--color-text-secondary);margin:0 0 6px;font-size:12px}.task-input-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-input{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);flex:200px;padding:9px 12px;font-size:14px}.task-input::placeholder{color:var(--color-text-tertiary)}.cat-sel{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;padding:9px 10px;font-size:13px}.stats-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.stat{background:var(--color-background-secondary);border-radius:var(--border-radius-md);text-align:center;padding:12px}.stat-val{color:var(--color-text-primary);font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:600}.stat-label{color:var(--color-text-secondary);margin:2px 0 0;font-size:11px}.log-section{border-top:.5px solid var(--color-border-tertiary);padding-top:16px}.log-title{color:var(--color-text-primary);justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:600;display:flex}.log-empty{text-align:center;color:var(--color-text-tertiary);padding:28px 0;font-size:13px}.log-item{border-bottom:.5px solid var(--color-border-tertiary);align-items:center;gap:10px;padding:10px 0;display:flex}.log-item:last-child{border-bottom:none}.log-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-dev{background:var(--color-cat-dev)}.dot-learn{background:var(--color-cat-learn)}.dot-other{background:var(--color-cat-other)}.log-main{flex:1;min-width:0}.log-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.log-ts{color:var(--color-text-tertiary);margin:2px 0 0;font-size:11px}.log-cat{white-space:nowrap;border-radius:20px;padding:2px 7px;font-size:11px}.cat-dev{background:var(--color-cat-dev-bg);color:var(--color-cat-dev-text)}.cat-learn{background:var(--color-cat-learn-bg);color:var(--color-cat-learn-text)}.cat-other{background:var(--color-cat-other-bg);color:var(--color-cat-other-text)}.log-time{color:var(--color-text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:12px}.log-delete{appearance:none;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:inline-flex}.log-delete:hover{color:#b3261e;background:var(--color-background-secondary)}.log-day{margin-bottom:22px}.log-day-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.log-day-title{color:var(--color-text-primary);margin:0;font-size:13px;font-weight:600}.log-day-sub{color:var(--color-text-tertiary);font-size:11px}.filter-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-chip{appearance:none;border:.5px solid var(--color-border-secondary);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:4px 12px;font-size:12px}.filter-chip.on{background:var(--color-text-primary);color:var(--color-background-primary);border-color:#0000}.locked-card{background:var(--color-background-secondary);border-radius:var(--border-radius-md);text-align:center;border:.5px dashed var(--color-border-secondary);padding:22px 18px}.locked-title{color:var(--color-text-primary);margin:0 0 6px;font-size:15px;font-weight:600}.locked-sub{color:var(--color-text-secondary);margin:0 0 14px;font-size:12px}.pro-banner{background:var(--color-background-info);border-radius:var(--border-radius-md);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.pro-text{color:var(--color-text-info);margin:0;font-size:13px;font-weight:600}.pro-sub{color:var(--color-text-info);opacity:.8;margin:2px 0 0;font-size:11px}.pro-btn{background:var(--color-text-info);color:var(--color-background-primary);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;border:none;padding:6px 14px;font-size:12px}.timer-settings{background:var(--color-background-secondary);border-radius:var(--border-radius-md);margin-bottom:20px;overflow:hidden}.timer-settings-toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px 14px;display:flex}.timer-settings-toggle-text{flex-direction:column;gap:2px;min-width:0;display:flex}.timer-settings-title{color:var(--color-text-primary);margin:0;font-size:13px;font-weight:600}.timer-settings-summary{color:var(--color-text-tertiary);font-size:11px}.timer-settings-body{border-top:.5px solid var(--color-border-tertiary);padding:0 14px 14px}.timer-settings-divider{background:var(--color-border-tertiary);height:.5px;margin:14px 0}.notification-toggle{cursor:pointer;color:var(--color-text-primary);align-items:flex-start;gap:8px;font-size:13px;display:flex}.notification-toggle input{accent-color:var(--color-accent);margin-top:3px}.notification-toggle-text{line-height:1.4}.timer-settings-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.timer-settings-field{flex-direction:column;gap:4px;display:flex}.timer-settings-label{color:var(--color-text-secondary);font-size:11px}.timer-settings-input-wrap{background:var(--color-background-primary);border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);align-items:center;gap:4px;padding:7px 10px;display:flex}.timer-settings-input{text-align:center;-moz-appearance:textfield;background:0 0;border:none;width:100%;min-width:0;padding:0;font-size:15px;font-weight:500}.timer-settings-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.timer-settings-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timer-settings-input:disabled{opacity:.5;cursor:not-allowed}.timer-settings-unit{color:var(--color-text-secondary);flex-shrink:0;font-size:12px}.timer-settings-hint{color:var(--color-text-tertiary);margin:10px 0 0;font-size:11px}.timer-settings-reset{color:var(--color-text-info);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-top:10px;padding:0;font-size:12px;text-decoration:underline}.timer-settings-reset:disabled{opacity:.5;cursor:not-allowed}.confirm-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c1b1866;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-md);padding:20px}.confirm-title{color:var(--color-text-primary);margin:0 0 8px;font-size:15px;font-weight:600}.confirm-message{color:var(--color-text-secondary);margin:0 0 18px;font-size:13px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-btn{border-radius:var(--border-radius-md);cursor:pointer;border:.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-primary);padding:8px 16px;font-size:13px;font-weight:500}.confirm-btn-cancel:hover{background:var(--color-background-secondary)}.confirm-btn-danger{color:#fff;background:#b42318;border-color:#0000}.confirm-btn-danger:hover{background:#912018}.site-footer{text-align:center;margin-top:16px;padding-bottom:8px}.site-footer-tagline{color:var(--color-text-tertiary);margin:0 0 8px;font-size:11px}.site-footer-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.site-footer-nav a{color:var(--color-text-secondary);text-decoration:none}.site-footer-nav a:hover{color:var(--color-text-primary);text-decoration:underline}.site-footer-sep{color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.static-shell{max-width:720px}.static-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:4px 0;display:flex}.static-header-logo{color:var(--color-text-primary);align-items:center;gap:6px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.static-header-back{color:var(--color-text-secondary);font-size:13px;text-decoration:none}.static-header-back:hover{color:var(--color-text-primary);text-decoration:underline}.static-main{margin-bottom:8px}.static-article{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:28px 24px}.static-title{color:var(--color-text-primary);margin:0 0 16px;font-size:20px;font-weight:600}.static-lead{color:var(--color-text-secondary);margin:0 0 20px;font-size:14px;line-height:1.65}.static-meta{color:var(--color-text-tertiary);margin-bottom:24px;font-size:12px}.static-section{margin-bottom:28px}.static-section:last-child{margin-bottom:0}.static-section h2{color:var(--color-text-primary);border-bottom:.5px solid var(--color-border-tertiary);margin:0 0 12px;padding-bottom:6px;font-size:16px;font-weight:600}.static-section h3{color:var(--color-text-primary);margin:16px 0 8px;font-size:14px;font-weight:600}.static-section p{color:var(--color-text-secondary);margin:0 0 10px;font-size:13px;line-height:1.65}.static-list{color:var(--color-text-secondary);margin:0 0 12px;padding-left:1.25em;font-size:13px;line-height:1.65}.static-list li{margin-bottom:6px}.static-note{color:var(--color-text-tertiary);background:var(--color-background-secondary);border-radius:var(--border-radius-md);margin:8px 0 0;padding:10px 12px;font-size:12px;line-height:1.6}.static-dl{margin:0 0 12px;font-size:13px}.static-dl dt{color:var(--color-text-primary);margin-top:10px;font-weight:600}.static-dl dt:first-child{margin-top:0}.static-dl dd{color:var(--color-text-secondary);margin:4px 0 0}.static-article a{color:var(--color-text-info);text-underline-offset:2px;text-decoration:underline}.static-article a:hover{color:var(--color-accent-deep)}@media (width<=480px){.body{padding:22px 16px}.nav{flex-wrap:wrap;padding:12px 16px}.nav-right,.nav-tabs{gap:12px}.stats-row{grid-template-columns:repeat(3,1fr);gap:6px}.stat{padding:10px 6px}.stat-val{font-size:18px}.timer-ring-wrap{width:200px;height:200px}.timer-num{font-size:42px}.ctrl-btn{padding:9px 14px;font-size:13px}.timer-settings-grid{grid-template-columns:1fr}}