:root{color-scheme:dark;--bg:#10151e;--card:#1a2230;--line:#2c384a;--text:#f4f5f8;--muted:#a8b4c6;--accent:#b8a1ff;--green:#8bdbc2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:13px;background:#263246;color:var(--text);padding:11px 15px;cursor:pointer;min-height:44px}button:hover{filter:brightness(1.13)}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--accent);color:#20163d;border-color:transparent;font-weight:650}.wide{width:100%}.small{font-size:13px;padding:7px 10px;min-height:36px}.icon-button{font-size:23px;padding:3px 13px;background:transparent}.danger{color:#ffb4b4}.subtle{background:transparent;margin-top:16px}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-1px;margin-bottom:0}h2{font-size:25px;letter-spacing:-.7px;margin-bottom:18px}h3{font-size:17px;margin-bottom:14px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:0 0 4px}.muted,.footnote{color:var(--muted)}.footnote{font-size:12px;margin:14px 0 0}.badge{font-size:12px;padding:7px 10px;border-radius:30px;background:#303947;white-space:nowrap}.badge.online{color:var(--green);background:#203e38}header{max-width:1000px;margin:auto;padding:27px 25px 18px;display:flex;gap:10px;align-items:center;justify-content:space-between}.content{max-width:850px;margin:auto;padding:20px 24px 120px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h2,.section-title h3,.section-title p{margin-bottom:0}.card{background:var(--card);border:1px solid var(--line);border-radius:21px;padding:22px;margin-bottom:19px}.weather-card{background:linear-gradient(120deg,#303150,#233e49);border:1px solid #49526a;border-radius:24px;padding:25px;margin:20px 0}.weather-card>p:first-child{font-weight:600;margin-bottom:7px}.weather-card #weather-main{font-size:35px;letter-spacing:-1px}.weather-card #weather-detail{margin:8px 0 16px}.weather-card a{font-size:11px;color:#b9c9d9}.action-row{display:flex;gap:12px;margin-bottom:20px}.action-row button{flex:1}.list:empty:after{content:"Пока здесь ничего нет";display:block;color:var(--muted);padding:20px 0;text-align:center}.item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.item-body{flex:1;min-width:0;overflow-wrap:anywhere}.item-title{margin:0;white-space:pre-wrap}.item-meta{margin:5px 0 0;color:var(--muted);font-size:12px}.item button{flex-shrink:0}.item.done .item-title{text-decoration:line-through;color:var(--muted)}.cards-list .item{background:var(--card);padding:18px;border:1px solid var(--line);border-radius:16px;margin-bottom:11px}.count{background:#303950;border-radius:20px;padding:2px 9px;font-size:12px}.inline-form{display:flex;gap:9px;align-items:stretch;margin:15px 0}.inline-form input{flex:1;min-width:0;margin:0}label{display:block;margin:15px 0;color:var(--muted);font-size:13px}input,select,textarea{display:block;width:100%;background:#101822;color:var(--text);border:1px solid #3b485e;border-radius:11px;padding:12px;margin-top:7px;min-height:46px;font-size:16px}textarea{min-height:95px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}input[type=range]{padding:0;accent-color:var(--accent)}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--accent);margin:0}.segmented{display:flex;background:var(--card);border-radius:14px;padding:5px;gap:5px;margin-bottom:20px}.segmented button{flex:1;background:transparent;border:0}.segmented .selected{background:#38405b;color:#e0d5ff}.results a{color:#d3c5ff;font-weight:600;text-decoration:none}.results article{padding:16px 0;border-bottom:1px solid var(--line)}.results p{font-size:13px;margin:7px 0 0;color:var(--muted)}.page-text{max-height:400px;overflow:auto;font-size:14px;white-space:pre-wrap}.weekdays,#month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.weekdays{color:var(--muted);font-size:12px;margin-bottom:12px}#month-grid button{padding:7px 0;background:transparent;border-color:transparent;min-height:40px;position:relative}#month-grid button.has-event:after{content:"";position:absolute;bottom:3px;left:47%;width:5px;height:5px;border-radius:50%;background:var(--green)}#month-grid button.selected{background:#4e4078}#month-grid button.today{border-color:var(--accent)}.download-link{display:inline-block;color:var(--accent);margin-top:20px}.music-hero{margin:18px 0 20px;text-align:center;background:linear-gradient(140deg,#342c43,#332d28);padding:24px;border:1px solid #514553;border-radius:24px}.disc{display:grid;place-items:center;background:#181820;width:85px;height:85px;border:8px solid #49404d;border-radius:50%;font-size:33px;margin:0 auto 16px;color:#f6d37b}.music-hero h3{font-size:23px;margin-bottom:5px}.music-hero p{color:var(--muted)}.player{display:flex;gap:8px;margin:18px 0;justify-content:center}.player button{flex:1;font-size:22px;max-width:85px}.range-label{display:flex;align-items:center;gap:15px}.tip p{font-size:14px;color:#c8bfdc}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#151d29f5;backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:5}nav button{background:transparent;border:0;border-radius:11px;color:var(--muted);padding:6px 7px;font-size:11px;flex:1;max-width:150px}nav button span{display:block;font-size:23px;line-height:1.25;margin-bottom:3px}nav button.active{color:#d6c5ff;background:#302941}.login-screen{max-width:420px;margin:12vh auto;padding:25px}.login-screen h1{font-size:40px;margin:10px 0}.brand-mark{font-size:60px;line-height:1;color:var(--accent);margin-bottom:30px}.login-screen form{margin-top:30px}.login-screen button{width:100%;margin-top:10px}#login-error{color:#ffb4b4}dialog{color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:22px;padding:25px;max-width:480px;width:calc(100% - 28px)}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:14px 20px;background:#eee8ff;color:#211730;border-radius:14px;z-index:20;box-shadow:0 5px 30px #0007}#toast.error{background:#ffd6d6;color:#4c1717}[hidden]{display:none!important}@media(max-width:520px){header{padding:20px 16px 10px}header .eyebrow{font-size:8px}header h1{font-size:24px}.badge{font-size:10px}.content{padding:18px 15px 115px}.card{padding:18px}.weather-card{padding:21px}.weather-card #weather-main{font-size:29px}.section-title h2{font-size:23px}.action-row{gap:8px}.action-row button{font-size:13px;padding:10px 7px}.inline-form button{padding:10px 12px}}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s,background .15s}.page{animation:arrive .2s}@keyframes arrive{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}