*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;color-scheme:dark;--canvas:#001427;--shell:#001d39;--card:#052b47;--card2:#073351;--text:#e5f4fa;--muted:#94b6ca;--line:#29516a;--accent:#63dae5;--blue:#7bbde8;--shadow:8px 8px 20px #000c1b99,-3px -3px 10px #32618424;--field:#001d39;--danger:#ffaba5;--soft:#0a4174}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#0a4174 0,transparent 55%),var(--canvas);color:var(--text);min-height:100vh;padding:36px 28px}body[data-theme=light]{color-scheme:light;--canvas:#bdd8e9;--shell:#e8f2f9;--card:#f5f9fd;--card2:#e2f0f9;--text:#18334e;--muted:#526e83;--line:#b9d2e1;--accent:#087e91;--blue:#237cad;--shadow:6px 6px 16px #7290a346,-4px -4px 12px #ffffffbc;--field:#e8f1f8;--danger:#b63c36;--soft:#d4e9f5}body[data-theme=mist]{color-scheme:light;--canvas:#49769f;--shell:#a8bfd2;--card:#e9f1fa;--card2:#cfdfef;--text:#163651;--muted:#48677f;--line:#8eacbf;--accent:#087b8e;--blue:#216a9e;--shadow:7px 7px 17px #001d3940,-3px -3px 12px #e6f7ff75;--field:#d5e4ef;--danger:#ae3838;--soft:#c1dbea}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--card2);padding:10px 15px;min-height:42px;transition:background .15s,transform .15s}button:hover{background:var(--soft)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{text-decoration:none}a:hover{text-decoration:underline}input,select{width:100%;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:9px;padding:12px;min-height:44px}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--accent)}label{display:grid;gap:9px;font-size:.875rem;margin:16px 0}h1,h2,h3,p{margin:0}h1{font-weight:500;font-size:1.8rem;letter-spacing:-.6px}h2{font-weight:600;font-size:1rem}h3{font-size:.93rem}small,.muted{color:var(--muted)}small{font-size:.8rem;line-height:1.5}.primary{background:var(--accent);color:var(--shell);border-color:var(--accent);font-weight:650}.primary:hover{background:var(--blue);color:var(--shell)}body:not([data-theme=dark]) .primary{color:#fff}.quiet{background:transparent;border-color:transparent}.text-button{color:var(--accent);border:0;background:none;padding:5px 0;font-size:.875rem}.danger{color:var(--danger)}.shell{max-width:1432px;margin:auto;background:var(--shell);border:1px solid var(--line);border-radius:26px;box-shadow:0 22px 70px #000f2770,inset 0 1px #7bbde81a;overflow:hidden}.topbar{min-height:86px;padding:18px 30px;border-bottom:1px solid var(--line);display:flex;gap:30px;align-items:center}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand b{font-size:1.1rem;font-weight:600;letter-spacing:2px}.brand small{display:block;font-size:.65rem;letter-spacing:1.5px;margin-top:3px}.logo{width:37px;height:37px;color:var(--accent)}nav{display:flex;align-items:center;gap:7px;flex:1}nav a{font-size:.875rem;padding:10px 15px;border-radius:9px;color:var(--muted);white-space:nowrap}nav a.active{background:var(--soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.themes{display:flex;border:1px solid var(--line);padding:3px;border-radius:24px}.themes button{border:0;border-radius:20px;min-height:32px;padding:5px 10px;background:transparent}.themes button.active{background:var(--soft);color:var(--accent)}main{padding:28px 30px 30px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{color:var(--accent);font-size:.75rem;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:9px}.page-heading p{color:var(--muted);font-size:.875rem;margin-top:8px}.heading-actions{display:flex;gap:12px;align-items:center}.avatar{display:grid;place-items:center;border:1px solid var(--line);background:var(--soft);width:42px;height:42px;border-radius:50%;color:var(--blue);font-size:.875rem}.grid{display:grid;grid-template-columns:1.1fr 1.1fr .85fr;gap:19px}.card{background:linear-gradient(145deg,var(--card2),var(--card));border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:18px;padding:23px;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.card-head small{font-size:.75rem}.span2{grid-column:span 2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.stat{padding:20px 22px;position:relative;overflow:hidden}.stat .value{font-size:2rem;letter-spacing:-1px;margin:14px 0 5px;font-weight:550;font-variant-numeric:tabular-nums}.stat .stat-label{font-size:.875rem;color:var(--muted)}.stat svg{position:absolute;right:22px;top:22px;color:var(--blue);width:19px;height:19px}.stat:nth-child(2) .value{color:var(--accent)}.stat .rail{height:3px;background:var(--line);margin-top:16px;border-radius:10px}.stat .rail i{display:block;background:linear-gradient(90deg,var(--blue),var(--accent));height:100%;width:38%;border-radius:10px}.mail-list{display:grid;gap:0}.mail-row{display:grid;grid-template-columns:35px minmax(0,1fr) 50px;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.mail-row:last-child{border:0}.mail-letter{height:34px;display:grid;place-items:center;background:var(--soft);color:var(--blue);border-radius:10px;font-size:.8rem}.mail-subject{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.mail-sender{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row.unread .mail-subject{font-weight:600}.mail-row.unread .mail-letter{border:1px solid var(--accent)}.mail-time{text-align:right;color:var(--muted);font-size:.75rem}.star{color:var(--accent)}.pill{display:inline-block;border:1px solid var(--line);padding:4px 9px;border-radius:20px;color:var(--blue);font-size:.75rem}.bars{display:flex;gap:10px;height:140px;align-items:end;margin-top:18px}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;height:100%;justify-content:end;min-width:0}.bar-column i{display:block;width:64%;min-height:3px;max-height:105px;background:linear-gradient(0deg,var(--soft),var(--blue));border-radius:5px 5px 1px 1px}.bar-column.today i{background:linear-gradient(0deg,#1499af,#63dae5);box-shadow:0 0 18px #42d6f024}.bar-column small{font-size:.75rem}.bar-column span{font-size:.75rem;color:var(--muted)}.ring-wrap{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 0 20px}.ring{position:relative;width:144px;height:144px;flex-shrink:0}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:12}.ring .track{stroke:var(--soft)}.ring .progress{stroke:var(--accent);stroke-linecap:round;filter:drop-shadow(0 0 4px #49d9f02b)}.ring-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.9rem;letter-spacing:-1px}.ring-value small{letter-spacing:0;font-size:.7rem;margin-top:4px}.legend{display:grid;gap:12px;font-size:.8rem}.legend b{display:block;font-size:1.2rem;margin-bottom:3px;color:var(--blue);font-weight:500}.card-foot{border-top:1px solid var(--line);padding-top:14px;margin-top:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.8rem;color:var(--muted)}.weather-current{display:flex;align-items:center;justify-content:space-between;padding:4px 0 17px}.temperature{font-size:3.6rem;letter-spacing:-3px;font-weight:400}.weather-icon{font-size:3.4rem;color:var(--blue);line-height:1}.weather-details{display:flex;gap:16px;font-size:.75rem;color:var(--muted);padding-bottom:15px}.forecast{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding-top:17px;border-top:1px solid var(--line)}.forecast div{text-align:center;font-size:.75rem;display:grid;gap:11px}.forecast b{font-weight:500}.forecast .weather-symbol{font-size:1.3rem;color:var(--blue)}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:3px 0 22px}.day{padding:10px 3px;border:1px solid transparent;border-radius:12px;text-align:center;background:transparent;min-width:0;font-size:.8rem;color:var(--muted)}.day span{display:block;font-size:1.05rem;margin-top:8px;color:var(--text)}.day.active{background:var(--soft);border-color:var(--blue);color:var(--accent)}.event{display:grid;grid-template-columns:50px 1fr;gap:14px;padding:12px 0}.event time{font-size:.8rem;color:var(--blue)}.event-info{border-left:2px solid var(--accent);padding-left:13px}.event-info p{font-size:.875rem;margin-bottom:7px}.event-info small{font-size:.75rem}.task-row{display:flex;gap:12px;padding:13px 0;align-items:center;border-bottom:1px solid var(--line)}.task-row:last-child{border:0}.task-row .task-title{flex:1;font-size:.875rem;line-height:1.45}.task-row .task-title small{display:block;font-size:.75rem;margin-top:4px}.task-row.done .task-title{color:var(--muted);text-decoration:line-through}.task-row button{padding:5px 9px;min-height:32px}.task-row label{margin:0}.inline-form{display:flex;gap:9px;margin-top:16px}.inline-form input{min-width:0}.status-list{display:grid;gap:17px}.status-row{display:flex;align-items:center;gap:12px}.status-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-size:1rem;color:var(--blue)}.status-row p{font-size:.875rem;flex:1}.status-row small{display:block;margin-top:4px;font-size:.75rem}.status-row .state{font-size:.75rem;color:var(--accent)}.empty{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:130px;color:var(--muted);font-size:.875rem;line-height:1.6}.empty strong{color:var(--text);font-weight:500}.empty svg{width:25px;height:25px;color:var(--blue)}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:18px 30px;color:var(--muted);font-size:.75rem}.demo-banner{background:var(--soft);padding:10px 30px;font-size:.8rem;display:flex;justify-content:space-between;gap:15px;color:var(--blue)}.demo-banner button{padding:0;min-height:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .card p{font-size:.875rem;color:var(--muted);line-height:1.65;margin:12px 0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-wrap{min-height:85vh;display:grid;place-items:center}.auth-card{max-width:450px;width:100%;padding:38px}.auth-card .brand{margin-bottom:38px}.auth-card h1{font-size:1.6rem;margin-bottom:12px}.auth-card>p{font-size:.875rem;line-height:1.6;color:var(--muted);margin-bottom:22px}.auth-card .primary{width:100%;margin-top:10px}.auth-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:20px}.auth-bottom button{font-size:.8rem}.error{color:var(--danger);font-size:.875rem;margin:12px 0;line-height:1.5}.success{color:var(--accent);font-size:.875rem;margin:12px 0}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:14px 22px;border:1px solid var(--accent);border-radius:12px;background:var(--shell);color:var(--text);max-width:90vw;box-shadow:var(--shadow);z-index:10;font-size:.875rem;display:none}dialog{background:var(--shell);color:var(--text);border:1px solid var(--line);border-radius:20px;width:min(500px,90vw);padding:32px;box-shadow:var(--shadow)}dialog::backdrop{background:#000e25aa;backdrop-filter:blur(4px)}dialog .close{position:absolute;right:12px;top:8px;font-size:1.5rem}dialog p{margin:16px 0;color:var(--muted);font-size:.875rem;line-height:1.6}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{padding:14px 9px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}.log{display:flex;justify-content:space-between;gap:14px;font-size:.8rem;padding:10px 0;border-bottom:1px solid var(--line)}.loading{color:var(--muted);padding:35px 0;font-size:.875rem}.full{grid-column:1/-1}.links{display:flex;gap:16px;margin-top:15px;font-size:.8rem;flex-wrap:wrap}.links a{color:var(--accent)}.calendar-page{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.calendar-page .event{padding:20px 0}.check-label{display:flex;align-items:center;gap:10px}.auth-decoration{height:4px;background:linear-gradient(90deg,#0a4174,#4e8ea2,#7bbde8);border-radius:10px;margin-bottom:28px}@media(min-width:1450px){body{padding-top:50px}main{padding:32px 36px}.card{padding:25px}.mail-row{padding:14px 0}}@media(max-width:1150px){.topbar{flex-wrap:wrap;gap:15px}nav{order:3;flex-basis:100%;overflow:auto}.topbar .themes{margin-left:auto}.grid{grid-template-columns:1fr 1fr}.grid>.card:last-child{grid-column:span 2}.span2{grid-column:span 2}.stats{gap:12px}.stat{padding:18px}.stat svg{display:none}}@media(max-width:700px){body{padding:10px;background:var(--canvas)}.shell{border-radius:18px}.topbar{padding:16px;gap:12px}.brand b{font-size:.95rem}nav{gap:3px}nav a{padding:10px;font-size:.8rem}main{padding:20px 15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:1.4rem}.heading-actions small,.heading-actions .avatar{display:none}.stats{grid-template-columns:1fr 1fr}.stat .value{font-size:1.75rem}.grid,.settings-grid,.calendar-page{grid-template-columns:1fr}.span2,.grid>.card:last-child{grid-column:auto}.card{padding:20px}.form-pair{grid-template-columns:1fr;gap:0}.ring-wrap{justify-content:flex-start}.page-heading p{line-height:1.5}.demo-banner{padding:10px 15px}footer{padding:16px;line-height:1.5;flex-wrap:wrap}.auth-card{padding:27px}.forecast{gap:2px}.forecast div{font-size:.72rem}.inline-form{flex-wrap:wrap}.inline-form input{flex:1;min-width:140px}.full{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.mail-list{max-height:355px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.stat .rail i{width:100%;opacity:.5}
/* 1.1 — translucent surfaces and a personal canvas */
:root{--glass:78%;--glass-blur:18px;--backdrop-dim:.18;--wallpaper:none;--bg-ocean:radial-gradient(ellipse at 82% 14%,#4e8ea288 0,transparent 48%),radial-gradient(ellipse at 5% 80%,#0a4174 0,transparent 62%),linear-gradient(135deg,#001020,#073958 60%,#001d39);--bg-aurora:radial-gradient(ellipse at 78% 12%,#6ea2b399 0,transparent 42%),radial-gradient(ellipse at 22% 78%,#087f8880 0,transparent 52%),linear-gradient(135deg,#001d39,#16415a 55%,#092940);--bg-slate:radial-gradient(ellipse at 75% 0%,#49769f66,transparent 57%),linear-gradient(140deg,#101c28,#243646 56%,#111d2a);--bg-ice:radial-gradient(ellipse at 15% 10%,#ecf8ffbb,transparent 56%),linear-gradient(130deg,#6ea2b3,#bdd8e9 55%,#49769f);--bg-twilight:radial-gradient(ellipse at 83% 15%,#7bbde870,transparent 42%),radial-gradient(ellipse at 10% 80%,#49769f88,transparent 60%),linear-gradient(120deg,#061529,#17344f,#234861)}
body,body:not([data-theme=dark]){background:var(--canvas);padding:40px 28px;isolation:isolate}body::before{content:"";position:fixed;inset:0;z-index:-2;background-image:var(--bg-ocean);background-size:cover;background-position:center;pointer-events:none}body[data-background=aurora]::before{background-image:var(--bg-aurora)}body[data-background=slate]::before{background-image:var(--bg-slate)}body[data-background=ice]::before{background-image:var(--bg-ice)}body[data-background=twilight]::before{background-image:var(--bg-twilight)}body[data-background=custom]::before{background-image:var(--wallpaper)}body::after{content:"";position:fixed;inset:0;z-index:-1;background:rgb(0 12 25 / var(--backdrop-dim));pointer-events:none}
.shell{background:color-mix(in srgb,var(--shell) 44%,transparent);border:1px solid #bdd8e92f;border-radius:28px;box-shadow:0 30px 90px #000c2055,inset 0 1px #e4f7ff20;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.topbar{background:color-mix(in srgb,var(--shell) 34%,transparent);border-bottom:1px solid #bdd8e91b;padding:20px 30px;gap:20px}.card{background:color-mix(in srgb,var(--card) var(--glass),transparent);border:1px solid color-mix(in srgb,var(--blue) 18%,transparent);box-shadow:0 12px 32px #00112420,inset 0 1px #d8f2ff16;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:20px}.card-head{margin-bottom:22px}.card-head h2{font-weight:500;letter-spacing:.1px}.page-heading{margin:4px 0 30px}h1{font-size:1.95rem;letter-spacing:-.8px;font-weight:450;line-height:1.2}.page-heading .eyebrow{letter-spacing:2px;font-size:.7rem;opacity:.85}.stat .value{font-size:2.2rem;letter-spacing:-1.3px;font-weight:450}.stat .rail{display:none}.stat{min-height:136px}.stat svg{opacity:.7}.stat:nth-child(2){background:linear-gradient(125deg,#4e8ea21a,transparent),color-mix(in srgb,var(--card) var(--glass),transparent)}.mail-letter,.status-icon{background:color-mix(in srgb,var(--blue) 9%,transparent);border:1px solid color-mix(in srgb,var(--blue) 14%,transparent)}.mail-row{border-color:color-mix(in srgb,var(--line) 46%,transparent)}.mail-row.unread .mail-letter{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.card-foot{border-color:color-mix(in srgb,var(--line) 65%,transparent)}.themes{border-color:color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--shell) 25%,transparent)}.themes button.active{background:color-mix(in srgb,var(--blue) 16%,transparent)}nav a.active{background:color-mix(in srgb,var(--blue) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 28%,transparent)}.appearance-trigger{font-size:.8rem;white-space:nowrap;background:color-mix(in srgb,var(--blue) 8%,transparent);border-color:color-mix(in srgb,var(--blue) 30%,transparent);border-radius:24px;padding:9px 13px;min-height:36px}.primary{border-radius:12px;box-shadow:0 4px 16px #63dae519}.pill{background:color-mix(in srgb,var(--blue) 7%,transparent);border-color:color-mix(in srgb,var(--blue) 25%,transparent)}footer{border-color:#bdd8e91b;background:color-mix(in srgb,var(--shell) 20%,transparent)}.demo-banner{background:color-mix(in srgb,var(--shell) 65%,transparent);border-bottom:1px solid #bdd8e915}.ring .progress{stroke-width:10}.ring .track{stroke-width:10;stroke:color-mix(in srgb,var(--blue) 14%,transparent)}.day.active{background:color-mix(in srgb,var(--blue) 16%,transparent);border-color:color-mix(in srgb,var(--blue) 55%,transparent)}
body[data-theme=light]{--text:#102f49;--muted:#3e6077}body[data-theme=mist]{--text:#13354e;--muted:#3e5e73}body:not([data-theme=dark]) .shell{border-color:#eaf7ff7a}body:not([data-theme=dark]) .card{box-shadow:0 12px 32px #001d3915,inset 0 1px #ffffffa0;border-color:#e4f6ff60}body:not([data-theme=dark]) .page-heading,body:not([data-theme=dark]) .topbar,body:not([data-theme=dark]) footer{background:color-mix(in srgb,var(--shell) 70%,transparent)}body:not([data-theme=dark]) .page-heading{margin:-4px -10px 22px;padding:16px 14px;border-radius:16px}
.appearance-panel{margin:24px 24px 24px auto;width:390px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 48px);padding:26px;border-radius:24px;background:color-mix(in srgb,var(--shell) 94%,transparent);backdrop-filter:blur(24px);overflow-y:auto;box-shadow:-20px 20px 80px #00102055}.appearance-panel::backdrop{background:#00102522;backdrop-filter:none}.appearance-heading{display:flex;align-items:center;justify-content:space-between}.appearance-heading h2{font-size:1.4rem;font-weight:500;letter-spacing:-.5px}.appearance-heading button{font-size:1.5rem}.appearance-panel>p{margin:12px 0 26px;font-size:.875rem}.appearance-panel h3{font-size:.8rem;color:var(--muted);font-weight:500;letter-spacing:.4px}.background-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 22px}.background-choice{background:transparent;border:0;padding:0;display:grid;gap:8px;font-size:.75rem;min-width:0;text-align:left}.background-choice:hover{background:transparent}.background-swatch{height:59px;border-radius:12px;border:1px solid #bdd8e933;position:relative;display:block}.background-swatch::after{content:"";position:absolute;inset:14px 17px;background:#bdd8e926;border:1px solid #bdd8e940;border-radius:5px;box-shadow:0 5px 10px #001d391a}.background-choice[aria-pressed=true] .background-swatch{outline:2px solid var(--accent);outline-offset:3px}.swatch-ocean{background:var(--bg-ocean)}.swatch-aurora{background:var(--bg-aurora)}.swatch-slate{background:var(--bg-slate)}.swatch-ice{background:var(--bg-ice)}.swatch-twilight{background:var(--bg-twilight)}.upload-wallpaper{padding:15px;border:1px dashed var(--line);border-radius:12px;font-size:.8rem;gap:12px}.upload-wallpaper input{font-size:.75rem;padding:0;background:none;border:0;min-height:32px}.upload-wallpaper input::file-selector-button{border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--card);color:var(--text);margin-right:10px}.upload-wallpaper small{font-size:.75rem}.appearance-divider{border-top:1px solid var(--line);margin:24px 0}.appearance-panel label:has(input[type=range]){grid-template-columns:1fr auto;font-size:.8rem;gap:12px;margin:20px 0}.appearance-panel input[type=range]{grid-column:span 2;min-height:20px;padding:0;accent-color:var(--accent);cursor:pointer}.appearance-panel output{color:var(--accent);font-variant-numeric:tabular-nums}.appearance-actions{display:flex;justify-content:space-between;margin-top:24px;gap:12px}.custom-wallpaper-actions{display:flex;gap:6px}.custom-wallpaper-actions button{font-size:.75rem;min-height:36px;padding:7px 9px}
@supports not (backdrop-filter:blur(1px)){.shell{background:var(--shell)}.card{background:var(--card)}}@media(prefers-reduced-transparency:reduce){.shell{background:var(--shell)}.card{background:var(--card);backdrop-filter:none}}@media(max-width:1150px){.topbar{gap:12px}.topbar .themes{margin-left:auto}}@media(max-width:700px){body,body:not([data-theme=dark]){padding:12px 8px}.topbar{padding:16px 14px;gap:10px}.appearance-trigger{font-size:.75rem}.topbar .brand{flex:1}.topbar .themes{margin:0}h1{font-size:1.45rem}.page-heading{margin:0 0 24px}.card{border-radius:18px;backdrop-filter:blur(min(var(--glass-blur),12px))}.appearance-panel{margin:auto;width:calc(100vw - 24px);max-height:90dvh}.stat .value{font-size:1.9rem}}
/* 1.2 — identity, flexible workspace, touch-friendly controls */
body[data-width=comfort] .shell{max-width:1432px}body[data-width=wide] .shell{max-width:1800px}body[data-width=full] .shell{max-width:none}.shell{width:100%}.brand{min-width:0;max-width:280px;gap:12px;flex-shrink:1}.brand .logo{width:44px;height:44px;flex:0 0 44px}.brand .logo svg{width:100%;height:100%}.brand-copy{min-width:0}.brand b{display:block;text-transform:none;font-size:1.18rem;font-weight:550;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{font-size:.7rem;letter-spacing:.35px;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{flex-wrap:wrap;gap:16px}.topbar nav{justify-content:center}.topbar nav a{min-height:44px;display:flex;align-items:center}.topbar #logout{padding:8px;min-width:40px}.page-heading h1{max-width:30ch}.accent-picker{display:flex;gap:13px;margin:18px 0}.accent-picker button{width:34px;min-height:34px;border-radius:50%;background:var(--swatch);border:3px solid var(--shell);padding:0}.accent-picker button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:3px}.bar-column.today i{background:linear-gradient(0deg,var(--soft),var(--accent));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 16%,transparent)}fieldset{border:1px solid var(--line);border-radius:12px;padding:10px 16px;margin:20px 0}legend{font-size:.8rem;color:var(--muted);padding:0 6px}.form-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.bot-identity{display:flex;gap:12px;align-items:center;padding:12px 0}.bot-identity>div{flex:1;min-width:0}.bot-identity a{font-size:.85rem;color:var(--accent);word-break:break-word}.bot-link{display:inline-block;padding:12px 18px;margin:5px 0 12px;border-radius:12px}#telegram-code small{display:block}footer>span{overflow-wrap:anywhere}
.mail-list{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain}.mail-list::-webkit-scrollbar{display:none}.mail-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:6px;padding:5px 0;min-width:0}.mail-open{display:grid;grid-template-columns:35px minmax(0,1fr) 46px;align-items:center;gap:13px;text-align:left;border:0;padding:10px 0;background:none;min-width:0;width:100%;border-radius:10px}.mail-open:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.mail-copy{min-width:0}.mail-sender,.mail-subject{display:block}.mail-read{min-height:42px;padding:5px;font-size:.875rem;color:var(--accent)}.mail-read:disabled{opacity:.35;cursor:default}.mail-reader{width:min(850px,calc(100vw - 32px));max-width:850px;max-height:90dvh;padding:30px;overflow-y:auto;background:color-mix(in srgb,var(--shell) 95%,transparent);backdrop-filter:blur(24px)}.reader-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.reader-header button{font-size:1.5rem}.mail-reader h2{font-size:1.5rem;line-height:1.4;overflow-wrap:anywhere;margin:8px 0 14px;font-weight:500}.reader-from{overflow-wrap:anywhere}.reader-body{margin:26px 0;border-top:1px solid var(--line);padding-top:24px;font-size:1rem;line-height:1.75;min-height:160px;overflow-wrap:anywhere}.reader-body pre{font:inherit;white-space:pre-wrap;margin:0;word-break:break-word}.reader-attachments{margin-top:24px;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:9px;font-size:.85rem}.reader-actions{padding:18px 0 0;align-items:center;flex-wrap:wrap;background:none}.reader-actions a{font-size:.85rem;color:var(--accent)}.task-section+.task-section{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.task-section h3{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:var(--muted);font-weight:500;margin-bottom:5px}.task-section h3 span{color:var(--accent)}.task-section .task-row{padding:11px 0}.task-empty{font-size:.85rem;color:var(--muted);padding:12px 0}.task-title{overflow-wrap:anywhere}.task-row input[type=checkbox]{width:22px;height:22px;margin:0}.task-row label{padding:7px 0;cursor:pointer}.auth-card .brand{max-width:100%}
@media(min-width:1500px){body,body:not([data-theme=dark]){padding:32px clamp(24px,3vw,64px)}.grid{grid-template-columns:1.1fr 1.1fr 1fr}.topbar{padding:22px 36px}.stats{gap:22px}.grid{gap:22px}.card{padding:26px}}
@media(max-width:1250px){.topbar nav{order:4;flex:0 0 100%;justify-content:flex-start;overflow:auto;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar .themes{margin-left:auto}.grid{grid-template-columns:1fr 1fr}.grid>.card:last-child,.span2{grid-column:span 2}}
@media(min-width:701px) and (max-width:1000px){body,body:not([data-theme=dark]){padding:18px 14px}.brand{max-width:320px}main{padding:24px 22px}.settings-grid{grid-template-columns:1fr}.calendar-page{grid-template-columns:1fr 1fr}.form-pair{gap:14px}.card{padding:22px}.ring-wrap{gap:12px}.ring{width:124px;height:124px}}
@media(max-width:700px){.topbar{gap:10px;padding:16px 12px}.topbar .brand{flex:1 1 calc(100% - 52px);max-width:calc(100% - 52px);order:0}.topbar #logout{order:1}.topbar .themes{order:2;margin-left:0}.topbar .appearance-trigger{order:3;margin-left:auto;min-height:42px;font-size:.8rem}.topbar nav{order:4;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;overflow:visible}.topbar nav a{justify-content:center;padding:9px 3px;font-size:.7rem;white-space:normal;text-align:center;line-height:1.35;min-height:46px}.brand .logo{width:38px;height:38px;flex-basis:38px}.brand b{font-size:1.15rem}.brand small{font-size:.7rem}.grid{grid-template-columns:1fr}.grid>.card:last-child,.span2{grid-column:auto}.card{padding:18px}.mail-open{grid-template-columns:29px minmax(0,1fr) 36px;gap:8px}.mail-row{grid-template-columns:minmax(0,1fr) 34px;gap:3px}.mail-letter{width:29px;height:31px}.mail-time{font-size:.7rem}.mail-subject{font-size:.85rem}.mail-reader{padding:19px;width:calc(100vw - 18px);max-height:94dvh;border-radius:18px}.mail-reader h2{font-size:1.2rem}.reader-body{font-size:.95rem}.reader-actions{gap:14px}.reader-actions .primary{width:100%}.page-heading{gap:10px}.heading-actions button{font-size:.8rem;padding:9px 6px}#refresh{font-size:.75rem}.stats .stat-label{font-size:.8rem}.stat{min-height:128px}.card-head .pill{font-size:.7rem}.bot-identity{flex-wrap:wrap}.bot-identity .pill{margin-left:46px}}
.bell-wrap{position:relative;flex-shrink:0}.bell-button{display:grid;place-items:center;position:relative;width:42px;height:42px;border:1px solid transparent;border-radius:50%;padding:8px}.bell-button.has-unread{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}#bell-count{position:absolute;right:-3px;top:-4px;min-width:19px;height:19px;padding:0 4px;border-radius:20px;font-size:.65rem;line-height:19px;background:var(--accent);color:var(--shell);font-weight:700;box-shadow:0 0 0 2px var(--shell)}.notification-panel{position:absolute;top:52px;right:-70px;width:340px;max-height:470px;overflow-y:auto;background:var(--shell);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 18px 55px #00142650;z-index:20}.notification-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;align-items:center}.notification-heading h3{font-size:.9rem}.notification-heading span{font-size:.75rem;color:var(--accent)}.notification-panel>small{display:block;font-size:.7rem;margin-top:12px}.notification-item{display:grid;width:100%;text-align:left;gap:6px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 2px}.notification-item span{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item strong{font-size:.8rem;font-weight:500;overflow-wrap:anywhere}.topbar{position:relative;z-index:3}.notification-panel[hidden],#bell-count[hidden]{display:none}body:not([data-theme=dark]) #bell-count{color:white}
@media(max-width:700px){.topbar .bell-wrap{order:3;margin-left:auto}.topbar .appearance-trigger{margin-left:0}.notification-panel{position:fixed;left:20px;right:20px;top:145px;width:auto;max-height:min(460px,65dvh)}.topbar .themes button{padding:5px 9px}}
.mail-scope-toolbar{display:flex;gap:18px;align-items:center;margin:-6px 0 17px;flex-wrap:wrap}.mail-scope-toolbar label{display:flex;align-items:center;gap:10px;margin:0;font-size:.8rem;color:var(--muted)}.mail-scope-toolbar select{width:auto;padding:7px 10px;min-height:36px;font-size:.8rem}.mail-scope-toolbar small{margin-left:auto;font-size:.7rem}.mail-scope-toolbar .text-button{font-size:.8rem}@media(max-width:700px){.mail-scope-toolbar{gap:10px}.mail-scope-toolbar label{width:100%;justify-content:space-between}.mail-scope-toolbar small{margin-left:0;width:100%}}

/* 1.5 — semantic custom palette. Values are written by appearance.js. */
body[data-theme=custom]{color-scheme:light;--field:color-mix(in srgb,var(--card) 74%,var(--shell));--blue:color-mix(in srgb,var(--accent) 72%,var(--text));--soft:var(--card2);--shadow:0 14px 36px color-mix(in srgb,var(--canvas) 28%,transparent),inset 0 1px color-mix(in srgb,var(--card) 86%,white)}
body[data-theme=custom] .primary{color:var(--on-accent,#fff)}
body[data-theme=custom][data-background=ocean]::before{background-image:linear-gradient(145deg,color-mix(in srgb,var(--canvas) 84%,var(--accent)),var(--canvas))}
.custom-theme-editor{margin:18px 0;padding:17px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--card2) 68%,transparent)}.custom-theme-editor[hidden]{display:none}.custom-theme-editor>p{margin:7px 0 14px;font-size:.78rem}.color-token-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.color-token-grid label{margin:0;font-size:.75rem}.color-control{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:6px 9px;background:var(--field)}.color-control input[type=color]{width:34px;height:30px;min-height:30px;padding:1px;border:0;background:transparent}.color-control output{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;text-transform:uppercase}@media(max-width:480px){.color-token-grid{grid-template-columns:1fr}}
.rhythm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rhythm-wide{grid-column:1/-1}.focus-item,.free-window,.automation-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.focus-item:last-child,.free-window:last-child,.automation-row:last-child{border-bottom:0}.focus-item span,.automation-row div{flex:1}.focus-item small,.automation-row small{display:block;color:var(--muted);margin-top:3px}.free-window b{min-width:105px}.free-window span{color:var(--muted)}.week-score{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.week-score strong{padding:18px;border-radius:18px;background:var(--soft);font-size:28px}.week-score small{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:5px}.automation-dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.automation-dot.on{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent)}.automation-row div{min-width:0}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.channel-grid fieldset{margin:0}.task-focus.active{color:var(--accent)}textarea{width:100%;resize:vertical}.button-link{display:inline-flex;align-items:center;text-decoration:none}@media(max-width:720px){.rhythm-grid{grid-template-columns:1fr}.rhythm-wide{grid-column:auto}.channel-grid{grid-template-columns:1fr}.week-score{gap:7px}.week-score strong{font-size:22px;padding:13px}}

/* 1.6.2 — material presets and a month planner. */
body[data-theme=graphite]{color-scheme:dark;--canvas:#15181b;--shell:#252a2f;--card:#30363c;--card2:#383f46;--text:#f0f4f6;--muted:#aab4bc;--line:#505a62;--accent:#76d4d0;--blue:#9bbbc9;--shadow:8px 12px 28px #090b0d80,-2px -2px 8px #73808b18;--field:#20252a;--danger:#ffaaa3;--soft:#414a52}
body[data-theme=graphite] .primary{color:#15181b}
body[data-theme=pearl]{color-scheme:light;--canvas:#d8dde1;--shell:#eceff1;--card:#fafbfc;--card2:#e3e7ea;--text:#252b31;--muted:#626d76;--line:#c1c8cd;--accent:#356e73;--blue:#577989;--shadow:7px 10px 24px #4b555d26,-3px -3px 10px #ffffffb8;--field:#f4f6f7;--danger:#a23d38;--soft:#d5dde0}
.calendar-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:20px}.calendar-load-card{grid-column:2}.month-calendar header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-bottom:16px}.month-calendar header h2{text-align:center;text-transform:capitalize;font-size:1.08rem}.month-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.month-weekdays span{text-align:center;color:var(--muted);font-size:.7rem;padding:5px 0}.month-day{aspect-ratio:1;min-height:48px;padding:7px;border-color:transparent;background:color-mix(in srgb,var(--card2) 62%,transparent);display:grid;align-content:space-between;justify-items:start}.month-day:hover{border-color:var(--line)}.month-day.today span{color:var(--accent);font-weight:700}.month-day.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--card2))}.month-day i{display:flex;gap:4px;min-height:6px}.event-dot,.task-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.task-dot{background:var(--blue)}.month-legend{display:flex;gap:18px;margin-top:15px;color:var(--muted);font-size:.72rem}.month-legend span{display:flex;align-items:center;gap:7px}.selected-date{text-transform:capitalize;color:var(--accent);font-size:.78rem;letter-spacing:.08em;margin-bottom:10px}.calendar-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.calendar-item time{font-size:.75rem;color:var(--blue)}.calendar-item div{padding-left:12px;border-left:2px solid var(--accent);min-width:0}.calendar-item.task div{border-left-color:var(--blue)}.calendar-item strong,.calendar-item small{display:block;overflow-wrap:anywhere}.calendar-item strong{font-size:.86rem}.calendar-item small{margin-top:5px}.event-time-fields[hidden]{display:none}
@media(max-width:900px){.calendar-layout{grid-template-columns:minmax(0,1fr)}.calendar-load-card{grid-column:auto}}
@media(max-width:520px){.month-weekdays,.month-grid{gap:3px}.month-day{min-height:42px;padding:6px;font-size:.78rem}.calendar-layout .card{padding:16px 12px}.calendar-item{grid-template-columns:68px minmax(0,1fr)}}
@media(max-width:700px){.mobile-nav-tools{grid-template-columns:minmax(0,1fr) auto}.mobile-nav-tools .themes{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%}.mobile-nav-tools .appearance-trigger{grid-column:1}.mobile-nav-tools .logout-button{grid-column:2}}