:root{font-family:Tahoma,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0d0a1b;color:#f6f1ff}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.id-app{--accent:hsl(var(--hue) var(--sat) 62%);--accent-soft:hsl(var(--hue) 45% 20%);--panel:hsl(var(--hue) 30% 12%);--border:hsl(var(--hue) 28% 26%);background:hsl(var(--hue) 35% 7%);min-height:100vh;display:flex;color:#f4f0fa}.id-sidebar{width:248px;flex-shrink:0;background:hsl(var(--hue) 32% 10%);border-inline-end:1px solid var(--border);min-height:100vh;padding:25px 15px;display:flex;flex-direction:column;gap:28px}.id-brand{font-size:18px;font-weight:800;color:var(--accent);display:flex;gap:9px;align-items:center;white-space:nowrap}.id-sidebar nav{display:grid;gap:9px}.id-sidebar nav button{border:0;background:transparent;color:#c9bed9;padding:14px 12px;border-radius:12px;text-align:start;display:flex;align-items:center;gap:13px}.id-sidebar nav button.active,.id-sidebar nav button:hover{background:var(--accent-soft);color:#fff}.id-side-bottom{margin-top:auto;color:#8e829d;font-size:10px;letter-spacing:1px}.id-content{flex:1;min-width:0}.id-top{height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 25px}.id-top span{margin-inline-start:auto;color:#b9adcb}.id-top .id-icon{display:none}.id-content main{max-width:1100px;margin:auto;padding:30px 24px 70px;display:grid;gap:18px}.id-heading h1{margin:0 0 5px;font-size:27px}.id-heading p,.muted{color:#aa9cbf}.id-panel{background:var(--panel);border:1px solid var(--border);border-radius:17px;padding:23px;min-width:0}.id-panel h2{font-size:20px;margin:0 0 16px}.id-panel h3{margin:18px 0 10px}.id-panel p{line-height:1.9}.id-panel small{color:#b5a8c7}.id-panel.welcome{padding:30px}.welcome h1{font-size:34px;margin:9px 0}.id-phrase{background:hsl(var(--hue) 30% 17%);border:1px solid var(--border);border-radius:12px;padding:18px;margin-top:18px}.id-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.id-stat-grid h2{font-size:28px;margin:14px 0}.id-click{cursor:pointer}.id-progress{height:7px;background:hsl(var(--hue) 20% 24%);border-radius:20px;overflow:hidden;margin:12px 0}.id-progress span{height:100%;display:block;background:var(--accent);border-radius:20px}.id-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:8px 0}.id-btn{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:10px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;margin:4px}.id-btn.secondary{background:transparent;border-color:var(--border)}.id-btn.danger{background:#9f284f;border-color:#9f284f}.id-btn:disabled{opacity:.4;cursor:not-allowed}.id-tabs{display:flex;flex-wrap:wrap;gap:7px}.id-tabs button,.id-icon{border:1px solid var(--border);background:transparent;color:#d4c6e4;padding:10px 14px;border-radius:10px}.id-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:#fff}.id-form{display:grid;gap:13px}.id-panel input:not([type=checkbox]):not([type=radio]):not([type=range]),.id-panel textarea,.id-panel select,.id-form input,.id-form textarea,.id-form select{width:100%;background:hsl(var(--hue) 30% 9%);border:1px solid var(--border);border-radius:10px;padding:12px;color:#fff;margin:8px 0;min-width:0}.id-panel label{display:block;margin:10px 0;color:#ded4ec}.id-panel input[type=checkbox],.id-panel input[type=radio]{accent-color:var(--accent);margin:0 7px;transform:scale(1.15)}.id-panel input[type=range]{width:100%;accent-color:var(--accent)}.id-record{display:grid;gap:12px}.id-record-line{display:grid;grid-template-columns:minmax(0,2fr) minmax(90px,1fr) minmax(130px,1.2fr);gap:12px;align-items:center}.id-record-line+.id-record-line{border-top:1px solid var(--border);padding-top:12px}.id-record-line span{overflow-wrap:anywhere}.id-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.id-actions button{border:0;background:transparent;color:var(--accent)}.id-center{text-align:center;padding:40px 12px}.id-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:18px}.id-day{border:1px solid var(--border);background:hsl(var(--hue) 30% 16%);border-radius:8px;min-height:68px;padding:8px 5px;display:flex;flex-direction:column;gap:4px;color:#fff;align-items:center}.id-day.chosen{border-color:var(--accent)}.id-day.future{opacity:.45}.id-day .id-progress{width:100%;margin:2px 0;height:4px}.id-day small{font-size:10px}.id-year{display:grid;grid-template-columns:1fr 1fr;gap:12px}.id-month{border:1px solid var(--border);border-radius:12px;padding:10px;min-width:0}.id-month h4{margin:5px}.id-day.mini{min-height:40px;padding:4px 1px;font-size:10px}.id-day.mini small{font-size:8px}.id-list-button{width:100%;border:0;background:transparent;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px;text-align:start}.id-note-editor{display:grid;gap:12px}.id-note{border:1px solid var(--border);border-radius:12px;padding:12px}.id-notification{display:flex;justify-content:space-between;align-items:center;gap:12px}.id-notification select{max-width:160px}.id-wheel{width:180px;height:180px;margin:20px auto;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:8px solid var(--border);cursor:crosshair}.id-warning{border:1px solid #ad637c;border-radius:12px;padding:16px;margin-top:16px}.id-about{text-align:center}.id-about h2{color:var(--accent);font-size:25px}.id-about h3{border-top:1px solid var(--border);padding-top:18px}.id-about footer{margin-top:25px;font-size:11px;color:#8d809e}.id-toast{position:fixed;bottom:20px;left:20px;z-index:5;background:var(--accent-soft);border:1px solid var(--accent);padding:14px 18px;border-radius:10px}.auth-page{min-height:100vh;display:grid;place-items:center;background:#0d0a1b;padding:20px}.auth-card{width:min(440px,100%);background:#201631;border:1px solid #4b3565;border-radius:20px;padding:30px}.auth-card label{display:block;margin:18px 0}.auth-card input{display:block;width:100%;margin-top:8px;background:#110d20;color:#fff;border:1px solid #5b4075;padding:13px;border-radius:9px}.auth-primary,.auth-switch{padding:12px;border-radius:9px;border:0;cursor:pointer}.auth-primary{background:#7c3aed;color:#fff;width:100%}.auth-switch{background:transparent;color:#c9a8ff}.auth-logo{color:#a878ff;font-weight:700}.auth-error{color:#ff92aa}.auth-success{color:#9cf2bc}@media(max-width:780px){.id-sidebar{position:fixed;z-index:10;top:0;bottom:0;inset-inline-start:0;transform:translate(-110%);transition:.2s}.id-app[dir=rtl] .id-sidebar{transform:translate(110%)}.id-sidebar.open,.id-app[dir=rtl] .id-sidebar.open{transform:none}.id-top .id-icon{display:block}.id-content main{padding:20px 12px}.id-panel{padding:16px}.id-stat-grid{gap:9px}.id-stat-grid h2{font-size:23px}.id-year{grid-template-columns:1fr 1fr}.id-day{min-height:58px}.id-record-line{grid-template-columns:minmax(0,1.5fr) 65px minmax(110px,1fr);font-size:12px;gap:6px}.id-day.mini{min-height:31px;font-size:9px}.id-day.mini small{font-size:7px}}@media(max-width:420px){.id-year{grid-template-columns:1fr 1fr;gap:5px}.id-month{padding:5px}.id-month .id-days{gap:1px}.id-day.mini{min-height:28px;padding:2px 0}.id-record-line{grid-template-columns:minmax(0,1fr) 50px minmax(90px,1fr)}}@media(min-width:781px){.id-sidebar{position:sticky;top:0;height:100vh;min-height:0;overflow-y:auto;align-self:flex-start;overscroll-behavior:contain}.id-content{min-width:0}}