@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0d13;--panel:#131720;--panel2:#171c27;--line:#252c39;--white:#f5f7fc;--muted:#8d96a8;--soft:#b8c0d0;--cyan:#69e2ed;--violet:#b39aff;--morning:#53d6ec;--afternoon:#ffc46b;--night:#ff7898;--rest:#65dfa1}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 16% 0%,#1b2031 0,transparent 36rem),radial-gradient(ellipse at 92% 15%,#202032 0,transparent 30rem),var(--bg);color:var(--white);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}.app{width:min(100% - 40px,1240px);margin:auto;padding:22px 0 26px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.brand{display:flex;align-items:center;gap:10px;font:700 14px 'Manrope',sans-serif;letter-spacing:.01em}.brand-mark{height:32px;width:32px;display:grid;place-items:center;border-radius:11px;color:#11151c;background:linear-gradient(145deg,#a0f1f1,#a7a1ff);font-size:18px;box-shadow:0 4px 22px #7be3ee33}.today-button{border:1px solid #343b4a;background:#171d28;color:#aeb8ca;border-radius:13px;width:53px;height:53px;display:grid;align-content:center;justify-items:center;gap:1px;cursor:pointer;transition:.18s}.today-button:hover{border-color:#8b8eff;background:#202638;transform:translateY(-1px)}.today-button span{font-size:9px;font-weight:700;letter-spacing:.12em}.today-button b{font:700 17px 'Manrope',sans-serif;color:#fff}.welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:32px;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:.17em;color:#99a5b9;font-weight:700;margin:0 0 8px}.welcome h1{font:800 clamp(28px,3.4vw,43px)/1.12 'Manrope',sans-serif;letter-spacing:-1.8px;margin:0}.welcome h1 span{background:linear-gradient(100deg,#a3eaf0,#c2a9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-note{font-size:13px;color:#a1aabc;margin:12px 0 0}.today-card{position:relative;overflow:hidden;border:1px solid #394358;border-radius:21px;padding:18px 20px 15px;background:linear-gradient(118deg,#222a39,#1d2030 58%,#29243a);box-shadow:0 14px 38px #0003}.today-card:after{content:'';position:absolute;width:150px;height:150px;right:-44px;top:-83px;border-radius:50%;background:#baa1ff22;filter:blur(2px);pointer-events:none}.today-topline{display:flex;align-items:center;gap:8px}.live-dot{height:7px;width:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 13px #69e2edaa}.today-label{font-size:9px;letter-spacing:.14em;color:#b0bbce;font-weight:700}.today-main{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.today-main>div{display:grid;gap:2px}.today-main strong{font:700 27px 'Manrope',sans-serif;letter-spacing:-.8px}.today-main>div>span{font-size:12px;color:#c6ccda}.today-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:#303347;color:var(--violet);font-size:25px}.today-card[data-shift=M] .today-icon{background:#17313b;color:var(--morning)}.today-card[data-shift=P] .today-icon{background:#3b3021;color:var(--afternoon)}.today-card[data-shift=N] .today-icon{background:#3c2532;color:var(--night)}.today-card[data-shift=R] .today-icon{background:#1e3931;color:var(--rest)}.today-date{display:block;margin-top:13px;border-top:1px solid #ffffff14;padding-top:10px;color:#a8b1c2;font-size:10px;text-transform:capitalize}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.panel{background:linear-gradient(150deg,#171c26ed,#12161eee);border:1px solid #29313e;border-radius:19px;box-shadow:0 14px 40px #0002}.calendar{padding:18px 17px 13px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 1px 13px}.section-heading h2,.query-card h2{font:700 19px 'Manrope',sans-serif;letter-spacing:-.4px;margin:0}.section-heading .eyebrow{margin-bottom:4px}.month-nav{display:flex;align-items:center;gap:8px}.month-nav button{width:33px;height:33px;border:1px solid #333b49;border-radius:11px;background:#1c222e;color:#e4e9f4;font:400 23px/1 'DM Sans',sans-serif;cursor:pointer;transition:.16s}.month-nav button:hover{background:#293144;border-color:#777bd1}.month-nav span{font:600 11px 'DM Sans',sans-serif;color:#aeb7c8;min-width:55px;text-align:center}.months{display:grid;grid-template-columns:1fr;gap:15px}.month-block{min-width:0;padding:12px 10px 9px;border-radius:15px;background:#0f131a;border:1px solid #252d39}.month-block h3{text-align:center;text-transform:capitalize;font:700 12px 'Manrope',sans-serif;color:#e3e8f3;margin:0 0 6px}.weekdays,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays span{text-align:center;color:#788498;font-size:8px;letter-spacing:.08em;font-weight:700;padding:4px 0 7px}.day{position:relative;min-width:0;min-height:54px;border:0;border-top:1px solid #202733;background:transparent;display:flex;flex-direction:column;align-items:center;padding:5px 2px 3px;gap:3px;cursor:pointer;transition:background .15s}.day:hover{background:#1c2330;border-radius:7px}.day-number{font-size:11px;font-weight:600;line-height:17px;color:#dce2ee}.day.empty{pointer-events:none}.badge{width:100%;border-radius:5px;text-align:center;font-size:8px;line-height:13px;font-weight:700;white-space:nowrap;overflow:hidden}.badge small{display:block;font-size:7px;line-height:11px;font-weight:500;background:#0002}.badge.M{color:#9deefa;background:#155165}.badge.P{color:#ffe0a3;background:#755426}.badge.N{color:#ffc1d0;background:#723347}.badge.R{color:#aaf3ca;background:#24583f}.day.today{background:#1e2534;border-radius:7px;box-shadow:inset 0 0 0 1px #9895ff66}.day.today .day-number{color:#fff}.day.today:after{content:'';position:absolute;right:4px;top:5px;width:4px;height:4px;background:#b3a0ff;border-radius:50%}.day.selected{box-shadow:inset 0 0 0 1px #8ddfea;border-radius:7px;background:#1b2a34}.calendar-foot{display:flex;justify-content:space-between;align-items:center;gap:9px;color:#788397;font-size:9px;padding:12px 3px 0}.calendar-key{display:flex;align-items:center;gap:6px}.today-key{width:7px;height:7px;border-radius:50%;background:#b3a0ff}.side-column{display:grid;gap:13px}.query-card{padding:19px;position:relative;overflow:hidden}.query-icon{position:absolute;right:17px;top:16px;width:37px;height:37px;display:grid;place-items:center;border-radius:13px;background:#24253b;color:#c3aaff;font-size:25px}.query-card h2{margin-bottom:5px}.section-copy{font-size:11px;color:#9ca6b8;margin:0 0 14px}.query-card form{display:flex;gap:7px}.query-card input,.settings-form input,.settings-form select{min-width:0;width:100%;padding:11px 12px;background:#0e1219;color:#f4f6fb;border:1px solid #343d4c;border-radius:11px;font:12px 'DM Sans',sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}.query-card input:focus,.settings-form input:focus,.settings-form select:focus{border-color:#a496ee;box-shadow:0 0 0 3px #a496ee20}.query-card input::placeholder{color:#778296}.query-card form button,.save{border:0;border-radius:11px;background:linear-gradient(120deg,#a7eaf0,#b9a1ff);color:#161724;font:700 11px 'DM Sans',sans-serif;padding:0 13px;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .15s}.query-card form button:hover,.save:hover{filter:brightness(1.1);transform:translateY(-1px)}.query-card form button span{font-size:15px;margin-left:5px}.query-hint{margin:8px 1px 0;font-size:9px;line-height:1.5;color:#798599}.query-result{display:none;margin:12px 0 0;padding:11px 12px;border-radius:11px;background:#1a2230;border:1px solid #334252;color:#d9e9f4;font-size:11px;line-height:1.55}.query-result.visible{display:block}.query-result.error{border-color:#71404e;background:#291a23;color:#ffc1d0}.legend-card{padding:16px 17px}.section-heading.compact{margin:0 0 12px}.section-heading.compact h2{font-size:15px}.sparkle{color:#b9a4ff;font-size:20px}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.legend-item{display:grid;grid-template-columns:8px 1fr;column-gap:7px;align-items:center;padding:9px 8px;border:1px solid #262e3a;border-radius:11px;background:#11161e;font-size:10px;color:#e0e5ee}.legend-item small{grid-column:2;color:#8792a5;font-size:9px;margin-top:2px}.dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 9px currentColor}.dot.morning{background:var(--morning);color:var(--morning)}.dot.afternoon{background:var(--afternoon);color:var(--afternoon)}.dot.night{background:var(--night);color:var(--night)}.dot.rest{background:var(--rest);color:var(--rest)}.settings-button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:13px 14px;color:var(--white);cursor:pointer;transition:border-color .15s,transform .15s}.settings-button:hover{border-color:#7777b6;transform:translateY(-1px)}.settings-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#27263a;color:#c2adff;font-size:17px}.settings-button>span:nth-child(2){display:grid;gap:3px;flex:1}.settings-button strong{font-size:10px;font-weight:600}.settings-button small{font-size:9px;color:#8e99ab}.settings-arrow{color:#929bb0;font-size:20px}.cycle-note{display:flex;align-items:flex-start;gap:8px;color:#8792a5;font-size:10px;line-height:1.55;padding:1px 3px}.cycle-note strong{color:#c5cee0;font-weight:600}.cycle-check{flex:none;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#18362e;color:#73e0a6;font-size:10px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #232936;margin-top:21px;padding:13px 3px 0;color:#768194;font-size:10px}footer span:last-child{color:#b9a4ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(calc(100% - 32px),420px);border:1px solid #394254;border-radius:22px;background:linear-gradient(145deg,#1b2130,#131720);color:#f5f7fc;padding:23px;box-shadow:0 20px 80px #000b}dialog::backdrop{background:#07090ebf;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top h2{font:700 21px 'Manrope',sans-serif;letter-spacing:-.5px;margin:0}.close{width:34px;height:34px;border:1px solid #343c4a;background:#202633;color:#dfe4ef;border-radius:11px;font-size:21px;cursor:pointer}.dialog-info{color:#a7b0c0;font-size:12px;line-height:1.6;margin:15px 0 19px}.settings-form label,#settingsForm label{display:block;color:#d4dbe7;font-size:11px;font-weight:600;margin:14px 0 7px}#settingsForm input,#settingsForm select{font-size:13px}.save{width:100%;padding:13px;margin-top:20px;font-size:12px}.save span{margin-left:7px}.settings-error{margin:10px 0 0;color:#ff9eb4;font-size:11px;min-height:0}.settings-error:empty{display:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #aaa0ff;outline-offset:2px}@media(min-width:900px){.months{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.month-block{padding:11px 7px 8px}.month-block h3{font-size:11px}.month-block .day{min-height:58px;padding-left:1px;padding-right:1px}.month-block .day-number{font-size:10px}.month-block .badge{font-size:7px;line-height:12px}.month-block .badge small{font-size:6px;line-height:10px}.month-block .weekdays span{font-size:7px}.calendar{padding:18px 13px 13px}}@media(max-width:899px){.app{width:min(100% - 32px,680px)}.content-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr;align-items:start}.query-card{grid-row:span 2}.calendar .months{grid-template-columns:1fr}.welcome{gap:20px}}@media(max-width:560px){.app{width:calc(100% - 24px);padding-top:15px}.topbar{margin-bottom:22px}.welcome{grid-template-columns:1fr;gap:16px;margin-bottom:18px}.welcome h1{font-size:32px}.today-card{padding:15px 17px}.today-main strong{font-size:24px}.content-grid{gap:14px}.calendar{padding:13px 9px 11px}.section-heading{align-items:flex-end}.month-nav{gap:4px}.month-nav span{min-width:48px;font-size:10px}.month-nav button{width:30px;height:30px}.months{gap:11px}.month-block{padding:9px 6px 6px}.month-block .day{min-height:49px;padding:4px 1px 2px;gap:2px}.month-block .day-number{font-size:10px}.month-block .badge{font-size:7px;line-height:12px}.month-block .badge small{font-size:6px;line-height:9px}.month-block .weekdays span{font-size:7px}.calendar-foot{font-size:8px}.side-column{grid-template-columns:1fr}.query-card{grid-row:auto}.legend-grid{grid-template-columns:1fr 1fr}.query-card form button{padding:0 12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}