.toolbox-intro{display:flex;align-items:center;justify-content:space-between;padding:48px 0 32px}.toolbox-intro h1{font-size:46px;line-height:1.3;font-weight:650;margin:0 0 20px}.toolbox-intro p:last-child{font-size:14px;color:var(--muted);margin:0}.toolbox-flower{font-size:130px;line-height:1;color:#b45130;transform:rotate(-8deg);margin-right:45px}.tool-switch{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:20px}.tool-switch a{font-size:14px;border:1px solid var(--line);border-radius:30px;padding:10px 22px;display:flex;gap:10px;align-items:center;background:#fffdf6}.tool-switch a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tool-switch a>span{font-size:20px;line-height:1}.storage-notice{font-size:11px;color:var(--muted);margin:18px 0 28px!important;max-width:740px}#storage-warning{background:#f9e8cb;border:1px solid #d8bc8e;border-radius:8px;padding:12px 16px;font-size:13px;color:#6f4a18}.toolbox-page [data-tool-panel]{margin:0 0 55px;outline-offset:8px}.focus-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:0;border:1px solid #dce2d2;border-radius:16px;overflow:hidden;background:#fffdf7;box-shadow:0 10px 35px #263c2c05}.focus-settings{padding:40px}.toolbox-page h2{font-size:29px;line-height:1.45;margin:0 0 26px}.toolbox-page label,.toolbox-page legend{display:block;font-size:12px;color:#5d6c5d;margin-bottom:8px}.toolbox-page input[type=text],.toolbox-page input[type=search],.toolbox-page select,.toolbox-page textarea{display:block;width:100%;border:1px solid #cdd6c5;border-radius:7px;background:#fbfbf4;padding:12px 14px;color:var(--ink);font-family:inherit;font-size:14px;line-height:1.8;min-height:46px}.toolbox-page input::placeholder,.toolbox-page textarea::placeholder{color:#87917f;font-size:12px}.toolbox-page fieldset{border:0;padding:0;margin:28px 0}.duration-presets{display:grid;grid-template-columns:1fr 1fr;gap:9px}.duration-presets button{min-height:42px;background:#f7f8ef;border:1px solid #d2dcca;border-radius:6px;font-size:12px;color:var(--ink);cursor:pointer}.duration-presets button[aria-pressed=true]{background:#e5ecdb;border-color:#789364;color:#365a29}.toolbox-page .custom-duration{display:flex;align-items:center;gap:10px;font-size:11px;margin-top:17px}.custom-duration input{width:68px;min-height:36px;border:1px solid #cdd6c5;border-radius:5px;padding:5px 8px;color:var(--ink);background:#fbfbf4;font-size:13px}.focus-footnote{font-size:12px;color:var(--muted);line-height:1.8;margin:18px 0 0!important}.focus-clock-panel{background:#eaf0e0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;gap:22px}.timer-ring{--progress:0;display:grid;place-items:center;width:292px;max-width:100%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from -90deg,#b45130 calc(var(--progress)*1turn),#ccd8be 0);padding:4px}.timer-ring>div{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#eaf0e0;width:100%;height:100%;border-radius:50%;padding:27px}.timer-ring #timer-mode{font-size:11px;letter-spacing:.06em;color:#708164}.timer-ring output{font:400 68px/1.5 "Segoe UI",system-ui,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#2b442f}.timer-ring #timer-task{font-size:11px;color:#687d5a;max-width:215px;line-height:1.6;text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.timer-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.toolbox-page #timer-status{font-size:12px;margin:0;min-height:23px;color:#5e7650;text-align:center}.timer-background-note{font-size:10px;color:#6f8063;text-align:center;max-width:330px;margin:0!important;line-height:1.8}.notes-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:start}.note-composer{background:#fffdf7;border:1px solid #e1e2d4;border-radius:13px;padding:30px}.toolbox-page textarea{resize:vertical;min-height:185px;max-height:600px;margin-bottom:7px}.toolbox-page select{margin-bottom:22px}.composer-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin:8px 0 20px;gap:10px}.composer-actions{display:flex;gap:10px;flex-wrap:wrap}.note-composer #note-status{font-size:11px;color:#587247;min-height:22px;margin:13px 0 0}.saved-notes{padding:8px 0}.notes-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.notes-heading .eyebrow{font-size:9px;margin:0 0 8px}.notes-heading h3{font-size:23px;margin:0;letter-spacing:-.03em}.notes-heading h3 span{font-size:12px;display:inline-grid;place-items:center;width:23px;height:23px;background:#e3e9d9;border-radius:50%;vertical-align:middle;margin-left:6px}.notes-heading .button{font-size:11px;padding:8px 12px;min-height:37px;gap:5px}#note-search{margin-bottom:18px}.notes-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:280px;border:1px dashed #cbd4bf;border-radius:11px;text-align:center;background:#f0f1e6}.notes-empty>span{font-size:43px;color:#a2b193}.notes-empty h4{font-size:20px;margin:12px 0}.notes-empty p{font-size:12px;color:var(--muted);line-height:1.9}.note-item{border:1px solid #dedfce;border-radius:9px;background:#faf9ef;padding:22px;margin-bottom:13px}.note-item-top{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:10px;color:#7f8874;margin-bottom:13px}.note-kind{display:inline-block;padding:3px 8px;background:#e6eacb;color:#606b3e;border-radius:4px}.note-item[data-kind="视频想法"] .note-kind{background:#efe1c8;color:#836033}.note-item[data-kind="随手记"] .note-kind{background:#e3e8e2;color:#5a6d60}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.95;margin-bottom:17px!important;max-height:280px;overflow:auto}.note-item-actions{display:flex;gap:16px;border-top:1px solid #e3e3d6;padding-top:11px}.note-item-actions button{border:0;background:none;color:#6a7c5a;font-size:11px;cursor:pointer;padding:3px 0;min-height:32px}.note-item-actions button:last-child{margin-left:auto;color:#977356}.note-item-actions button:hover{color:var(--accent)}#undo-delete{font-size:11px;min-height:32px;margin-top:8px}.copy-note-fallback{margin-top:15px}.copy-note-fallback textarea{font-size:12px;min-height:100px}.toolbox-page .site-footer{border-top:1px solid var(--line)}
.toolbox-intro{padding:28px 0 22px}.toolbox-intro h1{font-size:36px;line-height:1.3;margin-bottom:12px}.toolbox-intro h1 br{display:none}.toolbox-intro .eyebrow{margin-bottom:12px}.toolbox-flower{font-size:76px}.tool-switch{padding-bottom:15px}.storage-notice{margin:13px 0 22px!important}.focus-settings{padding:30px}.focus-clock-panel{padding:26px;gap:16px}.timer-ring{width:260px}.timer-ring output{font-size:64px}
@media(max-width:1000px){.focus-settings{padding:26px}.focus-clock-panel{padding:22px}.timer-ring{width:245px}.timer-ring output{font-size:59px}.notes-layout{gap:23px}.note-composer{padding:25px}.toolbox-flower{font-size:70px;margin-right:15px}.toolbox-intro h1{font-size:32px}}
@media(max-width:700px){.toolbox-intro h1 br{display:block}.toolbox-intro{padding:33px 0 25px}.toolbox-intro h1{font-size:33px;margin-bottom:18px}.toolbox-intro p:last-child{font-size:12px}.toolbox-flower{font-size:60px;margin:0 5px 35px 0}.tool-switch{gap:8px;padding-bottom:17px}.tool-switch a{font-size:12px;padding:8px 16px;gap:8px}.storage-notice{font-size:10px;margin:15px 0 23px!important;line-height:1.8}.focus-layout{grid-template-columns:1fr}.focus-settings{padding:27px 23px}.toolbox-page h2{font-size:25px;margin-bottom:20px}.toolbox-page fieldset{margin:22px 0 0}.duration-presets{grid-template-columns:repeat(4,1fr);gap:6px}.duration-presets button{font-size:10px;min-height:40px}.focus-footnote{display:none}.focus-clock-panel{padding:30px 22px;gap:18px}.timer-ring{width:255px}.timer-ring output{font-size:64px}.timer-actions .button{font-size:13px;min-height:44px}.notes-layout{grid-template-columns:1fr;gap:28px}.note-composer{padding:25px 22px}.notes-heading h3{font-size:22px}.toolbox-page textarea{min-height:150px}.notes-empty{min-height:230px}.note-item{padding:20px}.note-body{font-size:13px}.toolbox-page [data-tool-panel]{margin-bottom:35px}.toolbox-page .music-widget{bottom:10px}}
@media(max-width:370px){.toolbox-intro h1{font-size:29px}.toolbox-flower{font-size:42px}.duration-presets{grid-template-columns:1fr 1fr}}