@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button{font:inherit}.app.cursor-hidden,.app.cursor-hidden *{cursor:none!important}.app{--bg:#090a0c;--card:#1c1e22;--card2:#17191c;--text:#f1f0eb;--muted:#777a7d;--line:#303237;--accent:#d8d2c4;background:radial-gradient(circle at 50% 42%,#15171a 0,var(--bg) 64%);width:100%;height:100%;min-height:520px;color:var(--text);font-family:Inter,Microsoft YaHei,sans-serif;transition:background .5s,color .5s;position:relative;overflow:hidden}.theme-warm{--bg:#16120f;--card:#302a25;--card2:#29231f;--text:#f0e5d3;--muted:#998c7e;--line:#4b4037;--accent:#c99f72;background:radial-gradient(circle at 50% 42%,#2a211a 0,var(--bg) 68%)}.theme-light{--bg:#d8d3c9;--card:#e8e4dc;--card2:#ddd8cf;--text:#242321;--muted:#716e68;--line:#c3beb4;--accent:#56524b;background:radial-gradient(circle at 50% 42%,#f3efe7 0,var(--bg) 72%)}.theme-forest{--bg:#08120e;--card:#17251f;--card2:#111d18;--text:#e6eee8;--muted:#789083;--line:#30443a;--accent:#93b69d;background:radial-gradient(circle at 50% 42%,#172a20,var(--bg) 70%)}.theme-ocean{--bg:#07121a;--card:#122632;--card2:#0d1e28;--text:#e3f0f3;--muted:#718f9c;--line:#294552;--accent:#79b8cf;background:radial-gradient(circle at 50% 42%,#163442,var(--bg) 70%)}.theme-rose{--bg:#180e12;--card:#342329;--card2:#291a20;--text:#f3e7e9;--muted:#a07f86;--line:#51363e;--accent:#d99aa7;background:radial-gradient(circle at 50% 42%,#3b252d,var(--bg) 70%)}.theme-midnight{--bg:#090916;--card:#18182d;--card2:#121225;--text:#ececfa;--muted:#7c7c9c;--line:#333354;--accent:#9c9cdb;background:radial-gradient(circle at 50% 42%,#222243,var(--bg) 70%)}.theme-custom{--bg:#090a0c;--card:color-mix(in srgb,var(--custom-accent) 72%,#17191d);--card2:color-mix(in srgb,var(--custom-accent) 58%,#0d0f12);--text:#fff;--muted:color-mix(in srgb,var(--custom-accent) 68%,#eee);--line:color-mix(in srgb,var(--custom-accent) 66%,#333);--accent:var(--custom-accent);background:#090a0c}.theme-custom .card-half,.theme-custom .flap{box-shadow:inset 0 0 50px #00000029}.wallpaper{inset:calc(var(--wallpaper-blur) * -1);filter:blur(var(--wallpaper-blur));background-position:50%;background-size:cover;position:absolute;transform:scale(1.03)}.wallpaper-shade{pointer-events:none;background:rgba(5,6,8,var(--wallpaper-dim));opacity:0;position:absolute;inset:0}.has-wallpaper .wallpaper-shade{opacity:1}.brand i{color:var(--accent);font-size:8px;font-style:normal}.grain{opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:5;justify-content:space-between;align-items:center;width:100%;padding:28px 34px;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.sleeping .topbar,.sleeping footer,.sleeping .hint,.sleeping .productivity-tab,.sleeping .sound-feature,.sleeping .sound-reopen{opacity:0;pointer-events:none}.productivity-tab,.sound-feature,.sound-reopen{transition-property:opacity,transform,left,right,color;transition-duration:.4s}.brand{letter-spacing:.25em;align-items:center;gap:11px;font-size:12px;font-weight:600;display:flex}.brand-mark{border:1px solid var(--line);letter-spacing:0;place-items:center;width:29px;height:29px;font-family:DM Mono;font-size:13px;display:grid}.actions{gap:8px;display:flex}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);background:color-mix(in srgb,var(--card) 55%,transparent);cursor:pointer;border-radius:50%;place-items:center;transition:all .2s;display:grid}.icon-button:hover{color:var(--text);border-color:var(--muted);transform:translateY(-1px)}svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px}.clock-wrap{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:90px 4vw;display:flex}.date-line{color:var(--muted);letter-spacing:.18em;align-items:center;gap:12px;margin-bottom:25px;font-size:11px;display:flex}.date-line span{background:var(--muted);border-radius:50%;width:3px;height:3px;display:block}.clock{justify-content:center;align-items:center;gap:clamp(9px,1.4vw,24px);width:100%;display:flex}.clock-unit{text-align:center}.flip-card{perspective:1200px;filter:drop-shadow(0 25px 32px #00000040);width:clamp(180px,25vw,390px);height:clamp(160px,31vw,430px);position:relative}.without-seconds .flip-card{width:clamp(250px,34vw,480px);height:clamp(220px,38vw,480px)}.card-half,.flap{background:linear-gradient(135deg,var(--card),var(--card2));width:100%;height:50%;color:var(--text);position:absolute;left:0;overflow:hidden}.card-half span,.flap span{letter-spacing:-.09em;text-indent:-.09em;justify-content:center;align-items:center;width:100%;height:200%;font-family:DM Mono,monospace;font-size:clamp(105px,20vw,305px);font-weight:300;line-height:1;display:flex;position:absolute;left:0}.without-seconds .card-half span,.without-seconds .flap span{font-size:clamp(150px,26vw,370px)}.card-top{border-bottom:1px solid #00000085;border-radius:14px 14px 3px 3px;top:0}.card-top span,.flap-front span{top:0}.card-bottom{border-top:1px solid #ffffff09;border-radius:3px 3px 14px 14px;bottom:0}.card-bottom span,.flap-back span{bottom:0}.flap{z-index:2;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;animation:none}.flap-front{transform-origin:bottom;border-bottom:1px solid #0000008c;border-radius:14px 14px 3px 3px;top:0;transform:rotateX(0)}.flap-back{transform-origin:top;background:linear-gradient(160deg,color-mix(in srgb,var(--card) 82%,black),var(--card2));border-radius:3px 3px 14px 14px;bottom:0;transform:rotateX(90deg)}.is-flipping .flap-front{animation:.34s cubic-bezier(.55,.08,.68,.53) both flipOut}.is-flipping .flap-back{animation:.34s cubic-bezier(.22,.61,.36,1) .34s both flipIn}@keyframes flipOut{to{filter:brightness(.55);transform:rotateX(-90deg)}}@keyframes flipIn{0%{filter:brightness(.5);transform:rotateX(90deg)}to{filter:brightness();transform:rotateX(0)}}.hinge{z-index:5;background:#08090a;border-radius:2px;width:5px;height:10px;position:absolute;top:calc(50% - 5px)}.hinge-left{left:-2px}.hinge-right{right:-2px}.unit-label{color:var(--muted);letter-spacing:.4em;text-indent:.4em;margin-top:18px;font-size:10px;display:block}.colon{flex-direction:column;gap:24px;margin-top:-25px;display:flex}.colon i{background:var(--muted);opacity:.65;border-radius:50%;width:7px;height:7px;display:block}.hint{color:var(--muted);letter-spacing:.2em;font-size:10px;transition:opacity .5s;position:absolute;bottom:76px}footer{z-index:3;width:100%;color:var(--muted);letter-spacing:.18em;justify-content:space-between;padding:28px 34px;font-size:9px;transition:opacity .5s;display:flex;position:absolute;bottom:0;left:0}.status{align-items:center;gap:8px;display:flex}.status i{background:#779878;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #779878}.overlay{z-index:9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;background:#00000075;transition:all .35s;position:absolute;inset:0}.overlay.open{opacity:1;visibility:visible}.settings-panel{z-index:10;color:#eeede8;background:#111214;border-left:1px solid #282a2e;width:min(420px,100%);height:100%;padding:34px;transition:transform .42s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;right:0;overflow:auto;transform:translate(100%);box-shadow:-20px 0 60px #00000059}.settings-panel.open{transform:translate(0)}.panel-header{justify-content:space-between;align-items:center;margin-bottom:42px;display:flex}.panel-header small{color:#6d7074;letter-spacing:.3em;font-size:8px}.panel-header h2{letter-spacing:.05em;margin:6px 0 0;font-size:22px;font-weight:500}.setting-group{margin-bottom:35px}.setting-group h3{color:#707378;letter-spacing:.23em;margin:0 0 15px;font-size:9px;font-weight:500}.theme-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.theme-grid.expanded{grid-template-columns:repeat(4,1fr)}.theme-grid.expanded .theme-choice>span{height:52px}.theme-grid.expanded .theme-choice>span i{width:17px;height:21px;top:15px}.theme-grid.expanded .theme-choice>span i:first-child{left:18px}.theme-grid.expanded .theme-choice>span i:last-child{right:18px}.upload-button{text-align:left;color:#ddd;cursor:pointer;background:#191b1e;border:1px dashed #42454a;border-radius:7px;align-items:center;gap:14px;width:100%;min-height:72px;padding:14px;transition:all .2s;display:flex}.upload-button:hover{background:#1e2024;border-color:#777}.upload-button svg{width:22px;margin-left:5px}.upload-button span{flex:1}.upload-button b,.upload-button small{display:block}.upload-button b{margin-bottom:5px;font-size:11px}.upload-button small{color:#6f7277;font-size:9px}.upload-error{color:#c98d8d;font-size:9px}.range-row{color:#85888d;grid-template-columns:70px 1fr;align-items:center;gap:10px;margin-top:15px;font-size:9px;display:grid}.range-row input{accent-color:#d8d2c4;width:100%}.remove-button{color:#8f7074;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:15px;padding:0;font-size:9px;display:flex}.remove-button svg{width:13px}.productivity-panel{z-index:4;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;width:270px;max-height:70vh;padding:18px;transition:opacity .4s;position:absolute;top:50%;left:28px;transform:translateY(-50%);box-shadow:0 18px 45px #0003}.sleeping .productivity-panel{opacity:.82}.productivity-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.productivity-head small,.productivity-head b{display:block}.productivity-head small{color:var(--accent);letter-spacing:.22em;margin-bottom:4px;font-size:7px}.productivity-head b{font-size:13px;font-weight:500}.productivity-head input{border:1px solid var(--line);background:var(--card2);width:112px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:4px;padding:5px;font-size:9px}.focus-card{background:color-mix(in srgb,var(--card) 70%,transparent);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:12px;display:flex}.focus-card small,.focus-card strong,.focus-card span{display:block}.focus-card small{color:var(--muted);font-size:8px}.focus-card strong{margin:4px 0 2px;font-family:DM Mono;font-size:19px;font-weight:400}.focus-card span{color:var(--muted);font-size:7px}.focus-card button{border:1px solid var(--accent);width:48px;height:48px;color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;font-size:9px}.focus-card button.running{background:var(--accent);color:var(--bg)}.focus-card button:disabled{opacity:.3;cursor:not-allowed}.todo-progress{color:var(--muted);justify-content:space-between;margin-bottom:9px;font-size:8px;display:flex}.todo-progress b{font-family:DM Mono;font-weight:400}.todo-list{max-height:210px;overflow:auto}.todo-list>p{text-align:center;color:var(--muted);padding:16px 0;font-size:8px}.todo-item{border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent);align-items:center;gap:8px;min-height:37px;display:flex}.todo-check{border:1px solid var(--muted);width:16px;height:16px;color:var(--bg);cursor:pointer;background:0 0;border-radius:4px;flex:none;padding:0;font-size:10px;line-height:14px}.todo-item.done .todo-check{border-color:var(--accent);background:var(--accent)}.productivity-panel{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}.productivity-head b{font-weight:600;font-size:14px!important}.productivity-head small,.focus-card small,.todo-progress{font-size:9px}.focus-card strong{font-weight:500}.todo-item span{flex:1;font-size:10.5px;font-weight:550;line-height:1.45}.todo-item.done span{color:var(--muted);text-decoration:line-through}.todo-delete{color:var(--muted);opacity:0;cursor:pointer;background:0 0;border:0;padding:3px}.todo-item:hover .todo-delete{opacity:1}.todo-add{margin-top:10px;display:flex}.todo-add input{border:1px solid var(--line);background:var(--card2);min-width:0;height:34px;color:var(--text);border-radius:5px 0 0 5px;outline:none;flex:1;padding:0 10px;font-size:9px}.todo-add button{background:var(--accent);width:35px;color:var(--bg);cursor:pointer;border:0;border-radius:0 5px 5px 0;font-size:18px}.text-customizer{margin-top:14px;transition:opacity .25s;display:block;position:relative}.text-customizer>span{color:#777a7f;letter-spacing:.08em;margin-bottom:8px;font-size:9px;display:block}.text-customizer input:focus{background:#1d1f23;border-color:#777b82}.text-customizer input::placeholder{color:#55585d}.text-customizer input:disabled{cursor:not-allowed}.setting-row.auxiliary-row{margin-top:16px}footer:has(.status:only-child){justify-content:flex-end}.text-customizer{margin-top:14px;display:block;position:relative}.text-customizer>span{color:#777b80;margin-bottom:8px;font-size:9px;display:block}.text-customizer input{color:#eee;background:#191b1e;border:1px solid #303338;border-radius:5px;outline:none;width:100%;height:42px;padding:0 48px 0 12px;font-size:11px;transition:all .2s}.text-customizer input:focus{border-color:#777b80}.text-customizer>small{color:#55595e;font-size:8px;position:absolute;bottom:14px;right:11px}.text-customizer.disabled{opacity:.4}.custom-footer-text{text-overflow:ellipsis;white-space:nowrap;max-width:70vw;overflow:hidden}.theme-choice{color:#777;cursor:pointer;background:0 0;border:0;padding:0}.theme-choice>span{border:1px solid color-mix(in srgb,var(--theme-preview-accent) 28%,#303237);background:radial-gradient(circle at 45% 38%,color-mix(in srgb,var(--theme-preview) 78%,var(--theme-preview-accent)),var(--theme-preview) 72%);isolation:isolate;border-radius:7px;height:70px;margin-bottom:9px;transition:all .2s;display:block;position:relative}.theme-choice>span:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff09,#0000001f);position:absolute;inset:0}.theme-choice>span i{background:#00000059;border-radius:2px;width:23px;height:27px;position:absolute;top:23px}.theme-choice>span i:first-child{left:25px}.theme-choice>span i:last-child{right:25px}.theme-choice b{font-size:10px;font-weight:400}.theme-choice.selected{color:#eee}.theme-choice.selected>span{outline-offset:2px;outline:1px solid #aaa}.setting-group:has(.setting-row){flex-direction:column;gap:8px;display:flex}.setting-group:has(.setting-row)>h3{margin-bottom:7px}.setting-row{border:1px solid color-mix(in srgb,var(--accent) 10%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--card2) 78%,transparent),color-mix(in srgb,var(--card) 56%,transparent));border-radius:10px;align-items:center;min-height:68px;padding:12px 14px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff05}.setting-row:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--card2) 90%,transparent),color-mix(in srgb,var(--accent) 8%,var(--card)));transform:translate(-2px)}.setting-row:last-child{border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,var(--line))}.setting-row>div:not(.row-icon){flex:1}.setting-row b{color:var(--text);letter-spacing:.01em;margin-bottom:5px;font-size:12.5px;font-weight:600;line-height:1.45;display:block}.setting-row small{color:var(--muted);font-size:9.5px;font-weight:450;line-height:1.55;display:block}.settings-panel .setting-group h3{color:var(--muted);font-size:9.5px;font-weight:600}.settings-panel .panel-header h2{font-size:20px;font-weight:500}.settings-panel button,.settings-panel input,.settings-panel select,.settings-panel textarea{font-family:Inter,Microsoft YaHei,sans-serif}.row-icon{color:#777;width:35px}.toggle{cursor:pointer;background:#33363a;border:0;border-radius:20px;width:38px;height:21px;padding:0;transition:all .25s;position:relative}.toggle span{background:#888;border-radius:50%;width:15px;height:15px;transition:all .25s;position:absolute;top:3px;left:3px}.toggle.on{background:#dedbd3}.toggle.on span{background:#151618;left:20px}.fullscreen-button{color:#ddd;cursor:pointer;letter-spacing:.1em;background:#1b1c1f;border:1px solid #3a3c40;border-radius:4px;justify-content:center;align-items:center;gap:11px;width:100%;height:51px;font-size:11px;transition:all .2s;display:flex}.fullscreen-button:hover{background:#24262a}.fullscreen-button svg{width:15px}.panel-note{text-align:center;color:#55585c;letter-spacing:.1em;margin-top:17px;font-size:8px}.settings-panel{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:linear-gradient(155deg,color-mix(in srgb,var(--card) 94%,transparent),color-mix(in srgb,var(--bg) 97%,transparent))!important;border-left-color:color-mix(in srgb,var(--accent) 25%,var(--line))!important;color:var(--text)!important}.settings-panel *{font-family:inherit}.settings-panel h2,.settings-panel h3,.settings-panel b,.settings-panel label,.settings-panel span,.settings-panel button{color:var(--text)}.settings-panel small,.settings-panel p,.settings-panel .panel-note,.settings-panel .range-row,.settings-panel .text-customizer>span,.settings-panel .text-customizer>small{color:var(--muted)!important}.theme-light .settings-panel{color:#242321!important}.theme-light .settings-panel h2,.theme-light .settings-panel h3,.theme-light .settings-panel b,.theme-light .settings-panel label,.theme-light .settings-panel span,.theme-light .settings-panel button{color:#242321}.theme-light .settings-panel small,.theme-light .settings-panel p,.theme-light .settings-panel .panel-note,.theme-light .settings-panel .range-row{color:#625f59!important}.theme-light .settings-panel .setting-row{background:linear-gradient(135deg,#ffffff59,#d8d3c9bd);border-color:#bbb5aa}.theme-light .settings-panel .toggle:not(.on){background:#aaa49a}.theme-light .settings-panel .toggle.on{background:#56524b}.theme-light .settings-panel .toggle.on span{background:#f3efe7}.theme-light .settings-panel input{color:#242321!important}.theme-light .settings-panel input::placeholder{color:#777169!important}.settings-panel .setting-group{border-color:color-mix(in srgb,var(--accent) 16%,var(--line))}.settings-panel .setting-row{background:linear-gradient(135deg,color-mix(in srgb,var(--card2) 78%,transparent),color-mix(in srgb,var(--card) 56%,transparent));border-color:color-mix(in srgb,var(--accent) 13%,var(--line))}.settings-panel .upload-button,.settings-panel .open-sound-space{background:color-mix(in srgb,var(--card2) 75%,transparent);border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}.settings-panel input,.settings-panel select,.settings-panel textarea{background:color-mix(in srgb,var(--card2) 90%,transparent)!important;color:var(--text)!important;border-color:var(--line)!important}.productivity-panel{color:var(--text);background:linear-gradient(160deg,color-mix(in srgb,var(--card) 91%,transparent),color-mix(in srgb,var(--bg) 96%,transparent))!important;border-right-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important}.productivity-panel .focus-card,.productivity-panel .pomodoro,.productivity-panel .todo-item,.productivity-panel input,.productivity-panel select,.productivity-panel textarea{background:color-mix(in srgb,var(--card2) 82%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 18%,var(--line))!important;color:var(--text)!important}.productivity-tab{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 94%,transparent),color-mix(in srgb,var(--accent) 13%,var(--card2)))!important;border-color:color-mix(in srgb,var(--accent) 32%,var(--line))!important}.sound-orb{background:linear-gradient(135deg,color-mix(in srgb,var(--card) 92%,transparent),color-mix(in srgb,var(--accent) 12%,var(--card2)))!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important}.sound-drawer{color:var(--text);background:linear-gradient(155deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--bg) 98%,transparent))!important;border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important}.sound-options>button,.sound-drawer-head button{color:var(--text);background:color-mix(in srgb,var(--card2) 84%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 18%,var(--line))!important}.sound-options>button.active{background:color-mix(in srgb,var(--accent) 22%,var(--card2))!important;border-color:var(--accent)!important}.sound-reopen{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 94%,transparent),color-mix(in srgb,var(--accent) 13%,var(--card2)))!important;border-color:color-mix(in srgb,var(--accent) 32%,var(--line))!important}.productivity-panel,.settings-panel,.sound-drawer{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 55%,var(--line)) color-mix(in srgb,var(--card) 72%,transparent)}.productivity-panel::-webkit-scrollbar{width:7px}.settings-panel::-webkit-scrollbar{width:7px}.sound-drawer::-webkit-scrollbar{width:7px}.productivity-panel::-webkit-scrollbar-track{background:color-mix(in srgb,var(--card) 72%,transparent);border-radius:8px}.settings-panel::-webkit-scrollbar-track{background:color-mix(in srgb,var(--card) 72%,transparent);border-radius:8px}.sound-drawer::-webkit-scrollbar-track{background:color-mix(in srgb,var(--card) 72%,transparent);border-radius:8px}.productivity-panel::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 48%,var(--card)));border:2px solid color-mix(in srgb,var(--card) 72%,transparent);border-radius:8px}.settings-panel::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 48%,var(--card)));border:2px solid color-mix(in srgb,var(--card) 72%,transparent);border-radius:8px}.sound-drawer::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 48%,var(--card)));border:2px solid color-mix(in srgb,var(--card) 72%,transparent);border-radius:8px}.productivity-panel::-webkit-scrollbar-thumb:hover{background:var(--accent)}.settings-panel::-webkit-scrollbar-thumb:hover{background:var(--accent)}.sound-drawer::-webkit-scrollbar-thumb:hover{background:var(--accent)}.productivity-panel{background:color-mix(in srgb,var(--bg) 88%,transparent);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:7;padding:88px 22px 28px;transition:transform .4s cubic-bezier(.22,.61,.36,1);transform:translate(-100%);border-radius:0!important;width:min(340px,88vw)!important;max-height:none!important;top:0!important;bottom:0!important;left:0!important}.productivity-panel.open{transform:translate(0)}.productivity-panel.closed{pointer-events:none}.productivity-tab{z-index:8;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 88%,transparent);width:30px;color:var(--muted);cursor:pointer;border-left:0;border-radius:0 8px 8px 0;padding:13px 6px;transition:left .4s cubic-bezier(.22,.61,.36,1),color .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.productivity-tab.open{left:min(340px,88vw)}.productivity-tab span{writing-mode:vertical-rl;letter-spacing:.2em;font-size:9px}.productivity-tab b{margin-top:8px;font-size:17px;display:block}.productivity-tab:hover{color:var(--text)}.productivity-head{position:relative}.focus-auto-state{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:flex}.focus-auto-state i{background:#777;border-radius:50%;width:6px;height:6px}.focus-auto-state.running i{background:#77a47c;box-shadow:0 0 7px #77a47c}.focus-auto-state.running{color:var(--text)}.sidebar-close{border:1px solid var(--line);width:25px;height:25px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;margin-left:auto}.clock-wrap{padding-left:4vw!important}.sound-feature{z-index:6;width:285px;transition:transform .4s cubic-bezier(.22,.61,.36,1),opacity .3s;position:absolute;top:92px;right:32px}.sound-feature.hidden{opacity:0;pointer-events:none;transform:translate(calc(100% + 45px))}.sound-reopen{z-index:7;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 90%,transparent);width:31px;height:58px;color:var(--muted);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;border-right:0;border-radius:10px 0 0 10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:4px 3px;display:flex;position:absolute;top:106px;right:0}.sound-reopen:hover,.sound-reopen.playing{color:var(--accent)}.sound-reopen .sound-bars{background:0 0;width:20px;height:20px}.sound-reopen .sound-bars i{width:1px}.sound-reopen:not(.playing) .sound-bars i{animation-play-state:paused}.sound-reopen>b{font-size:14px}.sound-orb{text-align:left;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 82%,transparent);width:100%;height:58px;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;align-items:stretch;padding:0;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 12px 35px #0000002e}.sound-orb:hover,.sound-orb.playing{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));transform:translateY(-2px)}.sound-orb-main{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:11px;padding:0 12px;display:flex}.sound-orb-main>span:nth-child(2){flex:1}.sound-chevron{flex:0 0 14px;width:14px;height:10px;display:block;position:relative}.sound-chevron i{transform-origin:50%;background:currentColor;border-radius:2px;width:9px;height:1.5px;position:absolute;top:3px}.sound-collapse{border:0;border-left:1px solid var(--line);background:color-mix(in srgb,var(--accent) 7%,transparent);width:34px;color:var(--muted);cursor:pointer;flex:0 0 34px;font-size:17px;transition:all .2s}.sound-collapse:hover{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.sound-orb-main small,.sound-orb-main b{display:block}.sound-orb small{color:var(--accent);letter-spacing:.18em;margin-bottom:4px;font-size:7px}.sound-orb b{font-size:11px}.sound-orb em{color:var(--muted);font-style:normal}.sound-chevron{width:15px;height:15px;transition:transform .25s;display:block;position:relative}.sound-chevron.open{transform:rotate(180deg)}.sound-chevron i{background:currentColor;border-radius:2px;width:8px;height:1.5px;position:absolute;top:7px}.sound-chevron i:first-child{left:0;transform:rotate(42deg)}.sound-chevron i:last-child{right:0;transform:rotate(-42deg)}.sound-bars{background:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;justify-content:center;align-items:center;gap:3px;width:31px;height:31px;display:flex!important}.sound-bars i,.mini-bars i{background:var(--accent);border-radius:3px;width:2px;animation:.8s ease-in-out infinite alternate soundBar;display:block}.sound-bars i:first-child{height:8px}.sound-bars i:nth-child(2){height:16px;animation-delay:.2s}.sound-bars i:nth-child(3){height:11px;animation-delay:.4s}.sound-orb:not(.playing) .sound-bars i{animation-play-state:paused}.sound-drawer{opacity:0;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #0000;border-radius:12px;max-height:0;margin-top:8px;padding:0 16px;transition:all .35s;overflow:hidden}.sound-drawer.open{opacity:1;border-color:var(--line);max-height:min(720px,100vh - 175px);padding:18px 16px;overflow-y:auto;box-shadow:0 18px 50px #00000047}.sound-drawer-head{justify-content:space-between;align-items:start;margin-bottom:14px;display:flex}.sound-drawer-head small{color:var(--accent);letter-spacing:.15em;font-size:7px}.sound-drawer-head h3{margin:5px 0 0;font-size:12px}.sound-drawer-head button{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 85%,transparent);color:var(--text);cursor:pointer;border-radius:6px;padding:7px 12px;font-size:10px;transition:all .2s}.sound-drawer-head button:hover{border-color:var(--accent);color:var(--accent)}.sound-options{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.sound-options:before{content:"全部声景";color:var(--muted);letter-spacing:.14em;grid-column:1/-1;margin:2px 0 3px;font-size:7px}.sound-options>button{border:1px solid var(--line);background:var(--card);height:60px;color:var(--muted);cursor:pointer;border-radius:7px;padding:6px;position:relative}.sound-options>button>i,.sound-options>button>span{display:block}.sound-options>button>i{color:var(--accent);font-size:15px;font-style:normal}.sound-options>button>span{margin-top:5px;font-size:8px}.sound-options>button.active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 15%,var(--card))}.mini-bars{align-items:end;gap:1px;height:10px;display:flex;position:absolute;top:5px;right:5px}.mini-bars i{width:1px;height:5px}.sound-volume{color:var(--muted);grid-template-columns:32px 1fr 30px;align-items:center;gap:8px;margin-top:15px;font-size:8px;display:grid}.sound-volume input{width:100%;accent-color:var(--accent)}.sound-drawer>p{text-align:center;color:var(--muted);margin:13px 0 0;font-size:7px}.open-sound-space{text-align:left;color:#eee;cursor:pointer;background:linear-gradient(135deg,#202226,#181a1d);border:1px solid #3b3e43;border-radius:7px;align-items:center;gap:11px;width:100%;padding:13px;display:flex}.open-sound-space>span:nth-child(2){flex:1}.open-sound-space b,.open-sound-space small{display:block}.open-sound-space b{font-size:10px}.open-sound-space small{color:#777;margin-top:4px;font-size:8px}.open-sound-space em{font-style:normal}@keyframes soundBar{to{transform:scaleY(.45)}}.achievement-button{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 55%,transparent);height:42px;color:var(--muted);cursor:pointer;border-radius:21px;align-items:center;gap:8px;padding:0 13px;display:flex}.achievement-button span{letter-spacing:.1em;font-size:9px}.achievement-button b{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);border-radius:8px;padding:3px 6px;font-size:8px}.achievement-toast{z-index:40;border:1px solid color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--bg) 94%,transparent);width:min(390px,90vw);color:var(--text);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:12px;align-items:center;gap:13px;padding:15px;animation:.45s cubic-bezier(.22,.61,.36,1) achievementIn;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000059}.achievement-toast>i{background:var(--accent);width:42px;height:42px;color:var(--bg);border-radius:50%;place-items:center;font-style:normal;display:grid}.achievement-toast>div{flex:1}.achievement-toast small,.achievement-toast b,.achievement-toast span{display:block}.achievement-toast small{color:var(--accent);letter-spacing:.2em;font-size:7px}.achievement-toast b{margin:4px 0;font-size:12px}.achievement-toast span{color:var(--muted);font-size:8px}.achievement-toast button{color:var(--muted);cursor:pointer;background:0 0;border:0}.achievement-panel{color:#eee;background:#121316;border:1px solid #303238;width:min(760px,92vw);max-height:86vh;padding:35px;position:relative;overflow:auto}.achievement-panel>p{color:#777;font-size:9px}.achievement-progress{background:#292b30;border-radius:4px;height:4px;margin:16px 0 25px;overflow:hidden}.achievement-progress i{background:var(--accent);height:100%;display:block}.achievement-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.achievement-grid article{opacity:.42;border:1px solid #27292e;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.achievement-grid article.unlocked{opacity:1;border-color:color-mix(in srgb,var(--accent) 40%,#333);background:color-mix(in srgb,var(--accent) 8%,#18191d)}.achievement-grid article>i{color:#777;background:#25272c;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-style:normal;display:grid}.achievement-grid article.unlocked>i{background:var(--accent);color:var(--bg)}.achievement-grid b,.achievement-grid span,.achievement-grid small{display:block}.achievement-grid b{font-size:11px}.achievement-grid span{color:#777;margin-top:4px;font-size:8px}.achievement-grid small{color:var(--accent);margin-top:5px;font-size:7px}@keyframes achievementIn{0%{opacity:0;transform:translate(-50%,-20px)}}.pomodoro{border:1px solid var(--line);text-align:center;border-radius:8px;margin:12px 0;padding:12px}.pomodoro-modes{gap:4px;display:flex}.pomodoro-modes button,.ambient-grid button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;flex:1;padding:7px;font-size:8px}.pomodoro-modes button.active,.ambient-grid button.active{background:var(--accent);color:var(--bg)}.pomodoro>strong{margin:12px;font-family:DM Mono;font-size:27px;display:block}.pomodoro-start{border:1px solid var(--line);background:var(--card);width:100%;color:var(--text);cursor:pointer;padding:9px}.stats-button{border:1px solid color-mix(in srgb,var(--accent) 72%,white);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#111));width:100%;color:var(--bg);letter-spacing:.08em;cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 25%,transparent);border-radius:7px;margin-top:14px;padding:13px 16px;font-size:10px;font-weight:600;transition:transform .2s,box-shadow .2s;position:relative}.stats-button:after{content:"→";position:absolute;right:16px}.stats-button:hover{box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 38%,transparent);transform:translateY(-2px)}.todo-option-labels{color:var(--muted);grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;font-size:8px;display:grid}.todo-option-labels span{padding-left:2px}.todo-option-labels i{border:1px solid var(--line);cursor:help;border-radius:50%;place-items:center;width:13px;height:13px;margin-left:3px;font-style:normal;display:inline-grid}.todo-options{gap:6px;margin:5px 0 8px;display:flex}.todo-options select{border:1px solid var(--line);background:var(--card);color:var(--text);flex:1;padding:6px;font-size:9px}.todo-item span small{color:var(--muted);margin-top:3px;font-size:8.5px;font-weight:500;display:block}.todo-option-labels,.daily-review span{font-weight:550;font-size:9px!important}.todo-options select,.todo-add input,.daily-review textarea{font-weight:500;font-size:10px!important}.daily-review{margin-top:15px;display:block}.daily-review span{color:var(--muted);font-size:9px}.daily-review textarea{resize:none;border:1px solid var(--line);background:var(--card);width:100%;height:58px;color:var(--text);margin-top:7px;padding:8px;font-size:9px}.ambient-grid{gap:5px;display:flex}.stats-overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;place-items:center;display:grid;position:absolute;inset:0}.stats-panel{color:#eee;background:#121316;border:1px solid #303238;width:min(720px,92vw);max-height:86vh;padding:35px;position:relative;overflow:auto}.stats-close{color:#aaa;background:0 0;border:0;font-size:25px;position:absolute;top:15px;right:20px}.stats-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stats-summary div{background:#1b1d21;padding:18px}.stats-summary strong,.stats-summary span{display:block}.stats-summary strong{font-family:DM Mono;font-size:20px}.stats-summary span{color:#777;margin-top:6px;font-size:8px}.stats-chart{align-items:end;gap:12px;height:170px;margin:30px 0;display:flex}.stats-chart div{text-align:center;flex-direction:column;flex:1;justify-content:end;gap:7px;height:100%;display:flex}.stats-chart i{background:var(--accent);border-radius:3px;min-height:4px;display:block}.stats-chart span{color:#777;font-size:8px}.stats-history>div{border-top:1px solid #282a2e;grid-template-columns:1fr 1fr 1fr;padding:12px 0;font-size:10px;display:grid}.stats-history small{color:#777}@media (width<=1100px){.productivity-panel{width:min(320px,88vw)!important}.productivity-tab.open{left:min(320px,88vw)}}@media (width<=820px){.sound-feature{width:245px;top:76px;right:16px}.sound-reopen{top:88px}.sound-orb{height:50px}.sound-drawer.open{max-height:calc(100vh - 145px)}.productivity-panel{width:min(320px,88vw)!important}.productivity-tab.open{left:min(320px,88vw)}.clock-wrap{padding-left:4vw}.clock{gap:8px}.flip-card{width:27vw;height:34vw}.card-half span,.flap span{font-size:21vw}.without-seconds .flip-card{width:39vw;height:45vw}.without-seconds .card-half span,.without-seconds .flap span{font-size:30vw}.seconds-colon{display:none}.topbar{padding:20px}.brand>span:last-child{display:none}footer{padding:20px}.colon{gap:14px}.colon i{width:5px;height:5px}}@media (width<=560px) and (orientation:portrait){.clock{flex-wrap:wrap;max-width:94vw}.flip-card{width:39vw;height:48vw}.card-half span,.flap span{font-size:29vw}.clock-unit:last-child{margin-top:15px}.seconds-colon{margin-top:0;display:flex}.without-seconds .flip-card{width:39vw;height:48vw}.without-seconds .card-half span,.without-seconds .flap span{font-size:29vw}.hint{bottom:60px}.date-line{margin-bottom:18px}.settings-panel{padding:28px 24px}}@media (prefers-reduced-motion:reduce){.flap{animation-duration:0s!important;animation-delay:0s!important}}