.toolkk-component.is-openable{cursor:pointer}.toolkk-component.is-openable:has(.toolkk-weather-open:focus-visible){outline:2px solid var(--component-accent,#4f8cff);outline-offset:3px}.toolkk-weather-open{z-index:1;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.toolkk-component-configure{z-index:2}.toolkk-weather-detail{--component-accent:#4f8cff;box-sizing:border-box;color:#f7f9fd;gap:26px;width:100%;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;display:grid}.toolkk-weather-detail.is-violet{--component-accent:#806bff}.toolkk-weather-detail.is-green{--component-accent:#35ad82}.toolkk-weather-detail.is-orange{--component-accent:#e99845}.toolkk-weather-detail.is-neutral{--component-accent:#8b98ab}.toolkk-weather-detail-current{border-bottom:1px solid #ffffff1a;grid-template-columns:auto auto minmax(150px,1fr);align-items:center;gap:18px;padding-bottom:22px;display:grid}.toolkk-weather-detail-icon{width:64px;height:64px;color:var(--component-accent);background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;place-items:center;display:grid}.toolkk-weather-detail-temperature{letter-spacing:-.07em;font-family:SF Pro Display,Inter Variable,Inter,sans-serif;font-size:68px;font-weight:320;line-height:.9}.toolkk-weather-detail-summary{gap:5px;display:grid}.toolkk-weather-detail-summary>span{align-items:center;gap:6px;display:flex}.toolkk-weather-detail-summary strong{font-size:18px}.toolkk-weather-detail-summary p{color:#f7f9fdc7;margin:0;font-size:14px}.toolkk-weather-detail-summary small{color:#f7f9fd7a;font-size:11px}.toolkk-weather-detail-metrics{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:2px;display:grid}.toolkk-weather-detail-metrics>span{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:2px 7px;padding:9px 10px;display:grid}.toolkk-weather-detail-metrics svg{color:var(--component-accent);grid-row:1/3}.toolkk-weather-detail-metrics small{color:#f7f9fd73;font-size:9px}.toolkk-weather-detail-metrics strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.toolkk-weather-forecast-section{gap:12px;display:grid}.toolkk-weather-forecast-section h3{letter-spacing:.02em;margin:0;font-size:14px;font-weight:650}.toolkk-weather-hourly-list{grid-template-columns:repeat(8,minmax(72px,1fr));gap:8px;padding-bottom:4px;display:grid;overflow-x:auto}.toolkk-weather-hourly-list article{background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;justify-items:center;gap:8px;min-width:72px;padding:12px 8px;display:grid}.toolkk-weather-hourly-list time{color:#f7f9fd7a;font-size:10px}.toolkk-weather-hourly-list svg{color:var(--component-accent)}.toolkk-weather-hourly-list strong{font-size:14px}.toolkk-weather-hourly-list small{color:#78b6ff;font-size:9px}.toolkk-weather-daily-list{gap:7px;display:grid}.toolkk-weather-daily-list article{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:minmax(92px,.8fr) minmax(150px,1.4fr) auto 62px;align-items:center;gap:16px;padding:11px 14px;display:grid}.toolkk-weather-daily-list time{font-size:12px;font-weight:600}.toolkk-weather-daily-list article>span{align-items:center;gap:9px;display:flex}.toolkk-weather-daily-list article>span svg{color:var(--component-accent)}.toolkk-weather-daily-list article>span small{color:#f7f9fd94;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.toolkk-weather-daily-list strong{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.toolkk-weather-daily-list strong em{color:#f7f9fd47;font-style:normal}.toolkk-weather-daily-rain{color:#78b6ff;justify-content:flex-end;align-items:center;gap:4px;font-size:10px;display:flex}.toolkk-weather-detail-loading,.toolkk-weather-detail-empty,.toolkk-weather-detail-error{color:#f7f9fd85;text-align:center;border:1px dashed #ffffff1f;border-radius:14px;margin:0;padding:16px;font-size:12px}.toolkk-weather-detail-error{color:#ff98a5;background:#ff485e12;border-color:#ff6e7e47}@media (max-width:720px){.toolkk-weather-detail{gap:20px}.toolkk-weather-detail-current{grid-template-columns:auto 1fr;gap:12px}.toolkk-weather-detail-temperature{font-size:54px}.toolkk-weather-detail-summary{grid-column:1/-1}.toolkk-weather-detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.toolkk-weather-hourly-list{grid-template-columns:repeat(8,76px)}.toolkk-weather-daily-list article{grid-template-columns:1fr auto}.toolkk-weather-daily-list article>span{order:3}.toolkk-weather-daily-rain{order:4}}@supports (color:color-mix(in srgb,red 50%,white)){.toolkk-component.is-openable:has(.toolkk-weather-open:focus-visible){outline-color:color-mix(in srgb,var(--component-accent)78%,#fff)}.toolkk-weather-detail-icon{border-color:color-mix(in srgb,var(--component-accent)38%,#ffffff14);color:color-mix(in srgb,var(--component-accent)68%,#fff);background:color-mix(in srgb,var(--component-accent)15%,#ffffff0a)}.toolkk-weather-detail-metrics svg,.toolkk-weather-hourly-list svg,.toolkk-weather-daily-list article>span svg{color:color-mix(in srgb,var(--component-accent)68%,#fff)}}
.toolkk-clock-component,.toolkk-calendar-component,.toolkk-notes-component,.toolkk-todo-component,.toolkk-pomodoro-component{color:#f7f9fd;background:linear-gradient(145deg,#ffffff18,#ffffff06),#08111fd6;border:1px solid #ffffff24;border-radius:25px;min-height:100%;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 18px 42px #00040e33}.toolkk-productivity-configure{z-index:4;color:#ffffffa6;letter-spacing:2px;background:#0000002e;border:1px solid #ffffff1a;border-radius:11px;width:32px;height:32px;font-size:15px;position:absolute;top:12px;right:12px}.toolkk-productivity-configure:hover{color:#fff;background:#ffffff1a}.toolkk-todo-component header>button{color:#b9afff;background:#765cff21;border:0;border-radius:999px;align-items:center;gap:6px;padding:3px 7px 3px 4px;display:flex}.toolkk-clock-component{align-content:center;place-items:center;gap:7px;padding:18px;display:grid}.toolkk-clock-heading{color:#ffffff85;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;display:flex}.toolkk-clock-time{letter-spacing:-.08em;font-variant-numeric:tabular-nums;text-shadow:0 0 28px #ffffff47;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(34px,5vw,64px);font-weight:300;line-height:1}.toolkk-clock-date{color:#ffffff85;font-variant-numeric:tabular-nums;font-size:11px}.toolkk-clock-component.is-minimal .toolkk-clock-heading{display:none}.toolkk-clock-component.is-minimal .toolkk-clock-time{letter-spacing:-.055em;font-family:Inter,PingFang SC,sans-serif;font-weight:220}.toolkk-calendar-component{padding:17px 18px 15px}.toolkk-calendar-component header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.toolkk-calendar-component header span{align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.toolkk-calendar-component header strong{color:#ff6479;margin-right:34px;font-size:20px}.toolkk-calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;font-size:9px;display:grid}.toolkk-calendar-grid b{color:#ffffff61;padding:2px;font-weight:550}.toolkk-calendar-grid span{color:#ffffffb8;font-variant-numeric:tabular-nums;border-radius:7px;place-items:center;min-height:19px;display:grid}.toolkk-calendar-grid .is-weekend{color:#ff7587}.toolkk-calendar-grid .is-outside{color:#fff3}.toolkk-calendar-grid .is-today{color:#fff;background:#e9445e;font-weight:750;box-shadow:0 4px 14px #e9445e57}.toolkk-notes-component,.toolkk-todo-component{cursor:pointer;flex-direction:column;padding:17px 18px 13px;display:flex}.toolkk-notes-component header,.toolkk-todo-component header,.toolkk-pomodoro-component header{justify-content:space-between;align-items:center;padding-right:38px;display:flex}.toolkk-notes-component header>span,.toolkk-todo-component header>span,.toolkk-pomodoro-component header>span{align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.toolkk-notes-component header>button{color:#ffd16f;background:#ffd16f1a;border:0;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.toolkk-notes-preview,.toolkk-todo-preview{gap:6px;margin-top:11px;display:grid}.toolkk-notes-preview>div{border-bottom:1px solid #ffffff12;grid-template-columns:4px 1fr auto;align-items:center;gap:9px;min-height:29px;display:grid}.toolkk-notes-preview>div:before{content:"";background:#ffc65c;border-radius:3px;width:4px;height:20px}.toolkk-notes-preview>div.is-green:before{background:#8be65b}.toolkk-notes-preview>div.is-sky:before{background:#59b9ff}.toolkk-notes-preview>div.is-violet:before{background:#a78bfa}.toolkk-notes-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.toolkk-notes-preview small{color:#ffffff5c;font-size:8px}.toolkk-notes-preview p,.toolkk-todo-preview p{color:#fff6;margin:auto;font-size:10px}.toolkk-notes-component footer,.toolkk-todo-component footer{color:#ffffff57;margin-top:auto;padding-top:8px;font-size:8px}.toolkk-todo-component header em{color:#fff;background:#765cff;border-radius:99px;place-items:center;min-width:25px;height:25px;padding:0 7px;font-size:10px;font-style:normal;font-weight:750;display:grid}.toolkk-todo-preview button{color:#ffffffd1;text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-height:26px;padding:0;display:flex}.toolkk-todo-preview button svg{color:#8e7bff;flex:none}.toolkk-todo-preview button span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.toolkk-todo-preview .is-complete{opacity:.42;text-decoration:line-through}.toolkk-pomodoro-component{grid-template-rows:auto 1fr auto;padding:17px 18px 14px;display:grid}.toolkk-pomodoro-component header small{color:#fff6;font-size:9px}.toolkk-pomodoro-component>time{color:#ff7d55;letter-spacing:-.07em;font-variant-numeric:tabular-nums;text-shadow:0 0 26px #ff60382e;place-self:center;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(38px,5vw,62px);font-weight:450;line-height:1}.toolkk-pomodoro-controls{justify-content:center;align-items:center;gap:11px;display:flex}.toolkk-pomodoro-controls button{color:#ffffffa3;background:#0003;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.toolkk-pomodoro-controls button.is-primary{color:#07111f;background:#ff7047;border-color:#ff7047;width:42px;height:42px;box-shadow:0 8px 24px #ff5b3040}.toolkk-productivity-modal-backdrop{z-index:2147483000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020812bd;justify-content:center;align-items:center;padding:24px;animation:.16s both toolkk-productivity-fade;display:flex;position:fixed;inset:0}.toolkk-productivity-modal{color:#f7f9fd;background:#091321;border:1px solid #ffffff1f;border-radius:28px;width:min(820px,100%);max-height:min(720px,92vh);animation:.18s both toolkk-productivity-enter;overflow:auto;box-shadow:0 32px 110px #00000080}.toolkk-productivity-modal>header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.toolkk-productivity-modal>header>div{align-items:center;gap:9px;display:flex}.toolkk-productivity-modal h2{margin:0;font-size:17px}.toolkk-productivity-modal>header>button{color:#ffffff9e;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}@keyframes toolkk-productivity-fade{0%{opacity:0}}@keyframes toolkk-productivity-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}}.toolkk-notes-panel{grid-template-columns:250px 1fr;min-height:430px;display:grid}.toolkk-notes-panel>aside{background:#ffffff04;border-right:1px solid #ffffff14;padding:14px}.toolkk-notes-panel>aside>button{color:#ffffffb8;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:10px;width:100%;padding:11px;display:flex}.toolkk-notes-panel>aside>button.active,.toolkk-notes-panel>aside>button:hover{color:#fff;background:#ffffff12}.toolkk-notes-panel>aside i{background:#ffc65c;border-radius:4px;width:4px;height:30px}.toolkk-notes-panel>aside i.is-green{background:#8be65b}.toolkk-notes-panel>aside i.is-sky{background:#59b9ff}.toolkk-notes-panel>aside i.is-violet{background:#a78bfa}.toolkk-notes-panel>aside span{min-width:0;display:grid}.toolkk-notes-panel>aside strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.toolkk-notes-panel>aside small{color:#ffffff57;margin-top:3px;font-size:8px}.toolkk-notes-panel>aside p{color:#ffffff61;text-align:center;font-size:10px}.toolkk-notes-panel>form{flex-direction:column;gap:12px;padding:20px;display:flex}.toolkk-notes-panel input,.toolkk-notes-panel textarea,.toolkk-todo-panel input,.toolkk-productivity-settings input:not([type=checkbox]){box-sizing:border-box;color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:13px;outline:none;width:100%}.toolkk-notes-panel input{height:42px;padding:0 13px;font-size:14px;font-weight:700}.toolkk-notes-panel textarea{resize:vertical;flex:1;padding:13px;font:11px/1.7 inherit}.toolkk-notes-panel input:focus,.toolkk-notes-panel textarea:focus,.toolkk-todo-panel input:focus{border-color:#806bff}.toolkk-note-colors{gap:8px;display:flex}.toolkk-note-colors button{background:#ffc65c;border:3px solid #091321;border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 1px #0000}.toolkk-note-colors button.is-green{background:#8be65b}.toolkk-note-colors button.is-sky{background:#59b9ff}.toolkk-note-colors button.is-violet{background:#a78bfa}.toolkk-note-colors button.active{box-shadow:0 0 0 2px #fff}.toolkk-notes-panel form footer{justify-content:flex-end;gap:8px;display:flex}.toolkk-notes-panel form footer button,.toolkk-todo-panel form button{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 14px;display:inline-flex}.toolkk-notes-panel form footer span{flex:1}.toolkk-notes-panel form footer .is-primary,.toolkk-todo-panel form button{background:#765cff;border-color:#765cff}.toolkk-notes-panel form footer .is-danger{color:#ff7d8c;margin-right:auto}.toolkk-todo-panel{padding:20px}.toolkk-todo-panel>form{grid-template-columns:1fr auto;gap:9px;display:grid}.toolkk-todo-panel input{height:42px;padding:0 13px}.toolkk-todo-panel>div{gap:6px;margin-top:18px;display:grid}.toolkk-todo-panel article{border-bottom:1px solid #ffffff12;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 7px;display:grid}.toolkk-todo-panel article button{color:#8e7bff;background:0 0;border:0;place-items:center;padding:3px;display:grid}.toolkk-todo-panel article span{font-size:11px}.toolkk-todo-panel article span.is-complete{opacity:.42;text-decoration:line-through}.toolkk-todo-panel>div>p{color:#ffffff61;text-align:center;padding:60px 0}.toolkk-productivity-settings{gap:13px;margin-top:16px;display:grid}.toolkk-productivity-settings>label{color:inherit;gap:6px;font-size:11px;font-weight:650;display:grid}.toolkk-productivity-settings input:not([type=checkbox]){height:42px;color:inherit;background:#7f8caa14;padding:0 12px}.toolkk-productivity-settings .is-toggle{justify-content:space-between;align-items:center;display:flex}.toolkk-productivity-settings input[type=checkbox]{accent-color:#765cff;width:35px;height:20px}@media (max-width:640px){.toolkk-productivity-modal-backdrop{align-items:flex-end;padding:0}.toolkk-productivity-modal{border-radius:25px 25px 0 0;max-height:92vh}.toolkk-notes-panel{grid-template-columns:1fr}.toolkk-notes-panel>aside{border-bottom:1px solid #ffffff14;border-right:0;max-width:100%;display:flex;overflow-x:auto}.toolkk-notes-panel>aside>button{min-width:160px}.toolkk-notes-panel>form{min-height:390px}}.toolkk-component-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}.toolkk-wooden-fish-component{color:#f7f9fd;background:radial-gradient(circle at 66% 42%,#bb743633,#0000 34%),linear-gradient(145deg,#36261df5,#141922f7);border:1px solid #d6ad783d;border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;gap:7px;min-height:186px;padding:13px 14px;font-family:Inter,PingFang SC,sans-serif;display:grid}.toolkk-wooden-fish-heading{justify-content:space-between;gap:12px;display:flex}.toolkk-wooden-fish-heading>div:first-child{gap:3px;display:grid}.toolkk-wooden-fish-heading strong{font-size:12px}.toolkk-wooden-fish-heading small,.toolkk-wooden-fish-count span{color:#f8fbff85;font-size:8px}.toolkk-wooden-fish-count{grid-template-columns:auto auto;align-items:baseline;gap:6px;display:grid}.toolkk-wooden-fish-count output{font-size:20px;font-weight:680}.toolkk-wooden-fish-stage{place-items:center;min-height:0;display:grid;position:relative}.toolkk-wooden-fish-hit{background:0 0;border:0;place-items:center;width:min(100%,150px);height:100%;min-height:74px;padding:0;display:grid}.toolkk-wooden-fish-hit img{z-index:1;object-fit:contain;filter:drop-shadow(0 11px 12px #0e070357);width:100%;height:100%;max-height:104px;transition:transform .14s;position:relative}.toolkk-wooden-fish-hit:active img{transform:scale(.94)rotate(-1deg)}.toolkk-wooden-fish-shadow{filter:blur(8px);background:#09050352;border-radius:50%;height:12%;position:absolute;bottom:4%;left:14%;right:14%}.toolkk-wooden-fish-pulse{z-index:2;color:#fff4df;background:#2b1e18d1;border:1px solid #ffffff2e;border-radius:99px;padding:3px 7px;font-size:12px;font-weight:800;animation:.52s ease-out both toolkk-merit-rise;position:absolute;top:8%;left:50%}.toolkk-wooden-fish-controls{grid-template-columns:minmax(62px,1fr) minmax(52px,auto) 34px 34px;gap:5px;display:grid}.toolkk-wooden-fish-controls button,.toolkk-wooden-fish-controls select{color:#f8fbffc7;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:9px;height:32px;font:650 8px inherit}.toolkk-wooden-fish-controls button{justify-content:center;align-items:center;gap:4px;display:inline-flex}.toolkk-wooden-fish-controls button.is-active{color:#b9d4ff;background:#466fbe29;border-color:#649aff59}@keyframes toolkk-merit-rise{0%{opacity:1;transform:translate(-50%,8px)scale(.85)}to{opacity:0;transform:translate(-50%,-28px)scale(1.08)}}@supports (color:color-mix(in srgb,red 50%,white)){.toolkk-clock-time{text-shadow:0 0 28px color-mix(in srgb,currentColor 28%,transparent)}}