@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600&family=Syne:wght@600;700;800&display=swap";:root{--cd: #F7F6F3;--cd-2: #F0EEE9;--cd-3: #E8E6E0;--cd-4: #D9D7D0;--g1: #B8B6AF;--g2: #8A8880;--g3: #5C5A54;--ink: #1A1917;--ink-2: #2E2C29;--accent: #3D3B37;--ok: #4A6741;--ok-bg: #EDF2EC;--warn: #7A5C2E;--warn-bg: #F5EFE4;--danger: #8B3A3A;--danger-bg: #F5EAEA;--info: #2D5A7A;--info-bg: #EAF1F7;--note-gray: #F0EEE9;--note-yellow: #FAF5E4;--note-blue: #E8EFF7;--note-green: #E8F0E8;--note-red: #F7ECEC;--font: "Inter", system-ui, sans-serif;--font-display: "Syne", sans-serif;--r-sm: 5px;--r-md: 9px;--r-lg: 14px;--shadow-sm: 0 1px 2px rgba(26,25,23,.06);--shadow: 0 2px 8px rgba(26,25,23,.08);--shadow-lg: 0 8px 24px rgba(26,25,23,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:13px;background:var(--cd);color:var(--ink);scroll-behavior:smooth}body{font-family:var(--font);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cd-4);border-radius:2px}::selection{background:var(--ink-2);color:var(--cd)}.app{display:grid;grid-template-rows:48px 1fr;min-height:100vh}.topbar{background:var(--ink-2);display:flex;align-items:center;padding:0 20px;gap:0;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06)}.topbar-logo{font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--cd);letter-spacing:.04em;padding-right:20px;border-right:1px solid rgba(255,255,255,.1);margin-right:4px;white-space:nowrap}.topbar-tabs{display:flex;flex:1}.topbar-tab{padding:0 16px;height:48px;font-size:12px;font-family:var(--font);font-weight:400;color:#f7f6f373;background:none;border:none;cursor:pointer;transition:color .15s,background .15s;letter-spacing:.02em;border-bottom:2px solid transparent}.topbar-tab:hover{color:#f7f6f3bf}.topbar-tab.active{color:var(--cd);border-bottom-color:var(--cd);font-weight:500}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.topbar-date{font-size:11px;color:#f7f6f34d;letter-spacing:.02em}.pom-btn{display:flex;align-items:center;gap:5px;padding:5px 11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);color:#f7f6f380;font-size:11px;font-family:var(--font);cursor:pointer;transition:all .15s;letter-spacing:.03em}.pom-btn:hover{color:var(--cd);border-color:#fff3;background:#ffffff1a}.pom-btn.on{color:var(--cd);border-color:#ffffff40;background:#ffffff1a}.pom-panel{position:fixed;top:48px;right:0;width:280px;height:calc(100vh - 48px);background:var(--ink-2);border-left:1px solid rgba(255,255,255,.07);z-index:90;transform:translate(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:28px 22px}.pom-panel.open{transform:translate(0)}.pom-label{font-size:10px;font-weight:500;color:#f7f6f34d;letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px}.pom-time{font-family:var(--font-display);font-size:52px;font-weight:800;color:var(--cd);letter-spacing:-.04em;line-height:1;margin-bottom:4px}.pom-time.rest{color:#f7f6f373}.pom-mode{font-size:10px;color:#f7f6f359;margin-bottom:20px;letter-spacing:.06em;text-transform:uppercase}.pom-track{height:1px;background:#ffffff1a;margin-bottom:20px}.pom-track-fill{height:1px;background:var(--cd);transition:width .5s}.pom-actions{display:flex;gap:6px}.pom-action{flex:1;padding:7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm);color:#f7f6f373;font-family:var(--font);font-size:11px;cursor:pointer;transition:all .15s;letter-spacing:.03em}.pom-action:hover{color:var(--cd);border-color:#ffffff2e}.pom-count{font-size:11px;color:#f7f6f340;margin-top:16px}.pom-close{margin-top:auto}.main{background:var(--cd);overflow-y:auto;min-height:calc(100vh - 48px);transition:padding-right .22s cubic-bezier(.4,0,.2,1)}.main.pom-open{padding-right:280px}.page{padding:28px 28px 48px;max-width:1100px;animation:fadeUp .18s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ph{margin-bottom:22px;display:flex;align-items:baseline;gap:12px;justify-content:space-between;flex-wrap:wrap}.ph-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.02em}.ph-sub{font-size:11px;color:var(--g2);letter-spacing:.02em}.stabs{display:flex;border-bottom:1px solid var(--cd-4);margin-bottom:20px;gap:0}.stab{padding:8px 16px;font-size:12px;color:var(--g2);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;font-family:var(--font);margin-bottom:-1px;letter-spacing:.01em}.stab:hover{color:var(--ink)}.stab.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:500}.mrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.mrow-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mc{background:var(--cd-2);border:1px solid var(--cd-3);border-radius:var(--r-md);padding:14px 16px;transition:box-shadow .15s}.mc:hover{box-shadow:var(--shadow-sm)}.mc-l{font-size:10px;color:var(--g2);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;font-weight:500}.mc-v{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.1}.mc-v.ok{color:var(--ok)}.mc-v.warn{color:var(--warn)}.mc-v.danger{color:var(--danger)}.mc-v.info{color:var(--info)}.mc-s{font-size:10px;color:var(--g2);margin-top:3px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px}.g-sidebar{display:grid;grid-template-columns:248px 1fr;gap:14px;align-items:start}.card{background:var(--cd);border:1px solid var(--cd-3);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-sm)}.card.flat{background:var(--cd-2);box-shadow:none;border-color:var(--cd-4)}.card.inset{background:var(--cd-2);box-shadow:none}.ct{font-size:10px;font-weight:500;color:var(--g2);letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}.rb{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sl{font-size:10px;font-weight:500;color:var(--g2);letter-spacing:.07em;text-transform:uppercase}.di{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--cd-3)}.di:last-child{border-bottom:none;padding-bottom:0}.di-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.di-body{flex:1;min-width:0}.di-n{font-size:13px;color:var(--ink);font-weight:500}.di-s{font-size:10px;color:var(--g2);margin-top:1px}.di-r{text-align:right;flex-shrink:0}.di-v{font-size:13px;font-weight:600;font-family:var(--font-display)}.di-s2{font-size:10px;color:var(--g2);margin-top:1px}.pb{height:2px;background:var(--cd-3);border-radius:1px;margin-top:4px}.pb-f{height:2px;border-radius:1px;transition:width .4s}.badge{display:inline-block;font-size:9px;font-weight:500;padding:2px 6px;border-radius:3px;letter-spacing:.03em;vertical-align:middle;margin-left:5px}.b-ok{background:var(--ok-bg);color:var(--ok)}.b-warn{background:var(--warn-bg);color:var(--warn)}.b-danger{background:var(--danger-bg);color:var(--danger)}.b-info{background:var(--info-bg);color:var(--info)}.b-neutral{background:var(--cd-3);color:var(--g3)}.btn{background:none;border:1px solid var(--cd-4);border-radius:var(--r-sm);padding:6px 13px;font-family:var(--font);font-size:11px;color:var(--g3);cursor:pointer;transition:all .15s;letter-spacing:.02em;white-space:nowrap}.btn:hover{color:var(--ink);border-color:var(--g1);background:var(--cd-2)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--ink);color:var(--cd);border-color:var(--ink);font-weight:500}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--cd)}.btn-sm{padding:4px 10px;font-size:10px}.btn-danger{color:var(--danger);border-color:var(--danger-bg);background:var(--danger-bg)}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-icon{padding:5px 7px;color:var(--g2)}.btn-icon:hover{color:var(--ink)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191759;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--cd);border-radius:var(--r-lg);padding:26px;width:420px;max-width:100%;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;border:1px solid var(--cd-3)}.modal-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:18px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.frow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.frow.s1{grid-template-columns:1fr}.frow.s3{grid-template-columns:1fr 1fr 1fr}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:10px;color:var(--g2);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.field input,.field select,.field textarea{background:var(--cd-2);border:1px solid var(--cd-3);border-radius:var(--r-sm);padding:7px 10px;font-family:var(--font);font-size:12px;color:var(--ink);outline:none;transition:border-color .15s;resize:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--g2);background:var(--cd)}.field input::placeholder,.field textarea::placeholder{color:var(--g1)}.field select option{background:var(--cd)}.irow{display:flex;gap:7px;margin-top:11px;align-items:center}.irow input,.irow select{background:var(--cd-2);border:1px solid var(--cd-3);border-radius:var(--r-sm);color:var(--ink);font-family:var(--font);font-size:12px;padding:6px 10px;outline:none;transition:border-color .15s}.irow input{flex:1}.irow input:focus,.irow select:focus{border-color:var(--g2)}.irow input::placeholder{color:var(--g1)}.notes-list{display:flex;flex-direction:column;gap:5px}.note-card{border-radius:var(--r-md);padding:11px 13px;cursor:pointer;transition:all .15s;border:1.5px solid transparent}.note-card:hover{filter:brightness(.97)}.note-card.on{border-color:var(--g1);box-shadow:var(--shadow-sm)}.nc-title{font-size:12px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.nc-preview{font-size:11px;color:var(--g2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nc-meta{display:flex;align-items:center;gap:6px;margin-top:5px}.nc-date{font-size:10px;color:var(--g1)}.nc-udot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.note-editor{background:var(--cd);border:1px solid var(--cd-3);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:480px}.ne-toolbar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--cd-3);background:var(--cd-2);flex-wrap:wrap}.ne-title{flex:1;background:none;border:none;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--ink);outline:none;min-width:100px}.ne-title::placeholder{color:var(--g1)}.cpicker{display:flex;gap:3px}.cdot{width:13px;height:13px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .1s}.cdot.on,.cdot:hover{border-color:var(--g3)}.usel{font-size:11px;background:var(--cd);border:1px solid var(--cd-3);border-radius:var(--r-sm);padding:3px 8px;color:var(--g3);font-family:var(--font);outline:none;cursor:pointer}.ne-body{flex:1;padding:18px}.ne-ta{width:100%;min-height:380px;background:none;border:none;font-family:var(--font);font-size:13px;color:var(--ink);line-height:1.75;resize:none;outline:none}.ne-ta::placeholder{color:var(--g1)}.ne-footer{padding:7px 18px;border-top:1px solid var(--cd-3);font-size:10px;color:var(--g1);display:flex;justify-content:space-between}.md-preview{font-size:13px;line-height:1.75;color:var(--ink)}.md-preview h1,.md-preview h2,.md-preview h3{font-family:var(--font-display);color:var(--ink);margin:14px 0 5px}.md-preview h1{font-size:17px}.md-preview h2{font-size:15px}.md-preview h3{font-size:13px}.md-preview strong{font-weight:600}.md-preview code{background:var(--cd-2);padding:1px 5px;border-radius:3px;font-size:11px;font-family:monospace}.md-preview ul,.md-preview ol{padding-left:18px;margin:6px 0}.md-preview li{margin-bottom:2px}.md-preview p{margin-bottom:8px}.trow{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid var(--cd-3)}.trow:last-child{border-bottom:none}.tchk{width:14px;height:14px;border:1.5px solid var(--cd-4);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;border-radius:3px;transition:all .15s;margin-top:1px}.tchk.on{background:var(--ink);border-color:var(--ink);color:var(--cd)}.tbody{flex:1}.ttxt{font-size:13px;color:var(--ink)}.trow.done .ttxt{text-decoration:line-through;color:var(--g1)}.tmeta{display:flex;gap:8px;margin-top:2px}.ttag,.tdate{font-size:10px;color:var(--g2)}.tdate.ov{color:var(--danger)}.tprio{width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:4px}.tdel{background:none;border:none;color:var(--g1);cursor:pointer;font-size:14px;opacity:0;transition:opacity .1s;padding:0 2px}.trow:hover .tdel{opacity:1}.sched-wrap{display:flex;flex-direction:column;gap:3px}.sblock{background:var(--cd-2);border:1px solid var(--cd-3);border-radius:var(--r-md);padding:10px 14px;display:flex;align-items:center;gap:12px;transition:all .15s}.sblock.drag-over{border-color:var(--g2);background:var(--cd-3)}.sblock.dragging{opacity:.4}.sb-time{font-size:11px;color:var(--g2);min-width:100px;font-weight:500;letter-spacing:.01em}.sb-act{flex:1;font-size:13px;color:var(--ink);cursor:text;border:none;background:none;font-family:var(--font);outline:none}.sb-act::placeholder{color:var(--g1)}.sb-tag{font-size:10px;padding:2px 7px;border-radius:3px;font-weight:500}.sb-drag{cursor:grab;color:var(--g1);font-size:14px;-webkit-user-select:none;user-select:none}.sb-drag:active{cursor:grabbing}.hgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.hrow{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--cd-3);border-radius:var(--r-sm);cursor:pointer;transition:all .15s;background:var(--cd-2)}.hrow:hover{border-color:var(--cd-4);background:var(--cd-3)}.hrow.on{background:var(--ink);border-color:var(--ink)}.hchk{width:12px;height:12px;border:1.5px solid var(--g1);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:8px;flex-shrink:0;transition:all .15s}.hrow.on .hchk{background:var(--cd);border-color:var(--cd);color:var(--ink)}.hname{font-size:12px;color:var(--g3)}.hrow.on .hname{color:var(--cd)}.brow{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--cd-3)}.brow:last-child{border-bottom:none}.bname{font-size:12px;color:var(--g3);min-width:55px}.btrack{flex:1;height:3px;background:var(--cd-3);border-radius:2px;cursor:pointer}.bfill{height:3px;background:var(--ink);border-radius:2px;transition:width .2s}.bscore{font-size:11px;color:var(--g2);min-width:28px;text-align:right;font-family:monospace}.cdb{padding:18px 0;border-top:1px solid var(--cd-3);border-bottom:1px solid var(--cd-3);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:16px}.cdb-big{font-family:var(--font-display);font-size:42px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink)}.cdb-label{font-size:12px;color:var(--g2)}.cdb-sub{font-size:11px;color:var(--g2);margin-left:auto;text-align:right;max-width:200px}.ci{border:1px solid var(--cd-3);border-radius:var(--r-md);margin-bottom:8px;overflow:hidden}.ci-head{display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--cd-2);cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.ci-head:hover{background:var(--cd-3)}.ci-arrow{font-size:10px;color:var(--g2);transition:transform .2s;flex-shrink:0}.ci-arrow.open{transform:rotate(90deg)}.ci-name{font-size:13px;font-weight:500;color:var(--ink);flex:1}.ci-prog{font-size:10px;color:var(--g2);font-family:monospace}.ci-body{padding:8px 15px}.topicrow{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--cd-3)}.topicrow:last-child{border-bottom:none}.topicrow.done .tn{text-decoration:line-through;color:var(--g1)}.tchk2{width:13px;height:13px;border:1.5px solid var(--cd-4);border-radius:2px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:8px;transition:all .15s}.tchk2.on{background:var(--ink);border-color:var(--ink);color:var(--cd)}.tn{font-size:12px;color:var(--ink);flex:1}.tnote{font-size:11px;color:var(--g2);font-style:italic}.tdate2{font-size:10px;color:var(--g2)}.budrow{margin-bottom:10px}.budi{display:flex;justify-content:space-between;margin-bottom:3px;font-size:11px}.budn{color:var(--g3);text-transform:capitalize}.budv{color:var(--g2)}.budbg{height:3px;background:var(--cd-3);border-radius:2px}.budf{height:3px;border-radius:2px;transition:width .3s}.slg{margin-bottom:14px}.slr{display:flex;justify-content:space-between;margin-bottom:5px;font-size:11px}.slr span:first-child{color:var(--g3)}.slr span:last-child{color:var(--ink);font-weight:500}input[type=range]{-webkit-appearance:none;width:100%;height:2px;background:var(--cd-3);border-radius:1px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--ink);cursor:pointer;border:2px solid var(--cd);box-shadow:0 0 0 1px var(--g1)}.eitem{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--cd-3)}.eitem:last-child{border-bottom:none}.eicon{width:28px;height:28px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;background:var(--cd-2)}.ebody{flex:1;min-width:0}.ename{font-size:12px;color:var(--ink);font-weight:500}.emeta{font-size:10px;color:var(--g2);margin-top:1px}.eamt{font-size:12px;font-weight:600;font-family:var(--font-display);white-space:nowrap}.edel{background:none;border:none;color:var(--g1);cursor:pointer;font-size:14px;opacity:0;transition:opacity .1s}.eitem:hover .edel{opacity:1}.tlitem{display:flex;gap:12px;padding-bottom:14px;position:relative}.tlitem:last-child{padding-bottom:0}.tlitem:not(:last-child):after{content:"";position:absolute;left:6px;top:13px;bottom:0;width:1px;background:var(--cd-3)}.tldot{width:13px;height:13px;border-radius:50%;border:2px solid var(--cd);flex-shrink:0;margin-top:1px;z-index:1}.tlbody .tlm{font-size:10px;color:var(--g2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.tlbody .tlt{font-size:12px;color:var(--ink);font-weight:500;margin-bottom:1px}.tlbody .tld{font-size:11px;color:var(--g2);line-height:1.5}.wtbl{width:100%;border-collapse:collapse;font-size:12px}.wtbl th{font-size:10px;color:var(--g2);text-transform:uppercase;letter-spacing:.05em;padding:5px 7px;text-align:left;border-bottom:1px solid var(--cd-3);font-weight:500}.wtbl td{padding:8px 7px;border-bottom:1px solid var(--cd-3);color:var(--g3)}.wtbl tr.today td{color:var(--ink);font-weight:500;background:var(--cd-2)}.erow{display:flex;align-items:center;gap:11px}.ebar{flex:1;height:3px;background:var(--cd-3);border-radius:2px}.efill{height:3px;background:var(--ink);border-radius:2px;transition:width .2s}.eval{font-size:13px;font-weight:600;color:var(--ink);min-width:24px;text-align:right;font-family:monospace}.ebtns{display:flex;gap:3px}.ebtns button{background:var(--cd-2);border:1px solid var(--cd-3);border-radius:var(--r-sm);color:var(--g2);cursor:pointer;width:22px;height:22px;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--font)}.ebtns button:hover{color:var(--ink);border-color:var(--g1)}.cwrap{position:relative;width:100%}.div{height:1px;background:var(--cd-3);margin:14px 0}.empty{color:var(--g1);font-size:12px;padding:16px 0;text-align:center}.qnote{width:100%;background:none;border:none;border-bottom:1px solid var(--cd-3);color:var(--ink);font-family:var(--font);font-size:13px;resize:none;outline:none;padding:5px 0;line-height:1.7;min-height:72px}.qnote::placeholder{color:var(--g1)}@media(max-width:768px){.page{padding:16px 14px 36px}.main.pom-open{padding-right:0}.mrow,.g2,.g3{grid-template-columns:1fr 1fr}.g-sidebar{grid-template-columns:1fr}.pom-panel{width:100%}.topbar{padding:0 14px}.topbar-date{display:none}}@media(max-width:480px){.mrow{grid-template-columns:1fr 1fr}}