:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111722;background:#f5f7fb;font-synthesis:none;--field-radius:14px}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}.app-shell{max-width:680px;min-height:100vh;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 22px calc(88px + env(safe-area-inset-bottom));background:#fff;font-size:14px;line-height:1.45}.topbar{display:flex;align-items:center;justify-content:space-between;color:#0755e5;font-size:24px;letter-spacing:-1px;line-height:32px}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #e4e8f0;border-radius:50%;background:#fff;color:#1463e9}.hero{padding:14px 0 20px}.hero p{margin:0 0 2px;color:#7c8494;font-size:16px;line-height:24px}.hero h1{margin:0;font-size:32px;line-height:40px;letter-spacing:-1.2px}.hero time{display:block;margin-top:6px;color:#737c8e;font-size:14px;line-height:20px}.error{display:flex;justify-content:space-between;gap:10px;margin:-2px 0 14px;padding:10px 12px;border-radius:12px;background:#fff3f2;color:#c83731;font-size:12px;line-height:16px}.error button{border:0;background:transparent;color:inherit}.voice-cta{display:flex;align-items:center;width:100%;gap:12px;padding:9px 10px 9px 14px;border:1px solid #dce2ec;border-radius:16px;background:#fff;box-shadow:0 3px 10px #19274a0a;color:#778092;font-size:16px;line-height:24px;text-align:left}.voice-cta>svg{color:#0755e5}.voice-cta span{flex:1}.voice-cta b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0755e5;color:#fff}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:20px 0 16px}.week-strip button{position:relative;display:grid;justify-items:center;gap:3px;padding:6px 2px 11px;border:0;border-radius:12px;background:transparent;color:#202634}.week-strip small{color:#747d8d;font-size:10px;line-height:12px}.week-strip b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:16px;line-height:20px;font-weight:500}.week-strip i,.month-grid i{position:absolute;bottom:3px;width:5px;height:5px;border-radius:50%;background:#c3cad8}.week-strip button.selected{color:#0755e5}.week-strip button.selected b{background:#0755e5;color:#fff;box-shadow:0 5px 10px #0755e540}.week-strip button.selected i{background:#0755e5}.list-section{border-top:1px solid #e8ebf0;padding-top:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-heading h2{margin:0;font-size:16px;line-height:24px;letter-spacing:-.2px}.section-heading h2 span{font-weight:400;color:#848c9a}.section-heading button{border:0;background:transparent;color:#0755e5;font-size:14px;line-height:20px}.task-row{display:grid;grid-template-columns:32px 48px minmax(0,1fr) 20px;align-items:center;gap:8px;min-height:82px;border-bottom:1px solid #e9ecf1;cursor:pointer}.check{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1.5px solid #a9b0bd;border-radius:50%;background:#fff;color:#0755e5}.type-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#edf4ff}.task-row>div{min-width:0}.task-row b{display:block;font-size:16px;line-height:22px;letter-spacing:-.15px}.task-row p{display:flex;flex-wrap:wrap;gap:3px 10px;margin:3px 0 0;color:#7d8595;font-size:12px;line-height:16px}.task-row p span{display:inline-flex;align-items:center;gap:4px}.task-row p svg{width:13px;height:13px}.chevron{color:#afb5c1}.task-row.completed{opacity:.48}.task-row.completed b{text-decoration:line-through}.check:has(svg){background:#0755e5;border-color:#0755e5;color:#fff}.empty{display:grid;justify-items:center;padding:36px 18px;color:#8991a0;text-align:center}.empty p{margin:9px 0 3px;color:#2a3140;font-size:16px;line-height:24px}.empty small{max-width:260px;font-size:12px;line-height:16px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:5;display:flex;justify-content:center;gap:min(13vw,100px);padding:8px 30px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e8ebf0;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:grid;justify-items:center;gap:2px;min-width:60px;padding:2px;border:0;background:transparent;color:#6d7585;font-size:10px;line-height:12px}.bottom-nav button.active{color:#0755e5}.month-card{margin:-2px 0 16px;padding:14px;border:1px solid #e6eaf1;border-radius:16px;background:#fbfcff}.month-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:14px;line-height:20px}.month-card header b{text-transform:capitalize}.month-card header button{display:grid;place-items:center;border:0;background:transparent;color:#0755e5}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.month-grid>small{color:#7f8797;font-size:10px;line-height:12px}.month-grid button{position:relative;display:grid;place-items:center;min-height:29px;border:0;border-radius:8px;background:transparent;color:#222a3a;font-size:12px;line-height:16px}.month-grid button.outside{color:#bbc1cc}.month-grid button.active{background:#0755e5;color:#fff}.month-grid button i{bottom:2px;background:#0755e5}.month-grid button.active i{background:#fff}.sheet-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;background:#0a173a66}.editor{width:100%;max-height:100dvh;overflow:auto;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#fff;box-shadow:0 -15px 40px #111b3722}.editor header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.editor h2{margin:0;font-size:24px;line-height:32px;letter-spacing:-.7px}.editor label{display:grid;gap:3px;margin:7px 0;color:#5d6675;font-size:12px;line-height:16px;font-weight:600}.editor :is(input:not([type=checkbox]),textarea,select){width:100%;height:38px;border:1px solid #dfe4ed;border-radius:var(--field-radius)!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;padding:6px 9px;color:#151b27;font:inherit;font-size:16px;line-height:20px;font-weight:400}.editor textarea{height:56px;min-height:56px;resize:vertical}.editor .switch{display:flex;align-items:center;gap:8px;margin:6px 0}.switch input{width:16px;height:16px;accent-color:#0755e5}.date-fields,.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor input[type=color]{height:38px;padding:3px}.advanced{margin-top:8px;border-top:1px solid #e8ebf0}.advanced summary{padding:9px 0;color:#0755e5;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}.advanced[open] summary{margin-bottom:2px}.editor footer{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.editor footer button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:11px;padding:9px 13px;font-weight:700;font-size:14px;line-height:20px}.save{margin-left:auto;background:#0755e5;color:#fff}.delete{background:#fff1f0;color:#c7352e}@media (min-width:681px){body{background:#edf1f7}.app-shell{box-shadow:0 0 40px #1c31500d}.bottom-nav{left:50%;max-width:680px;transform:translate(-50%)}}@media (max-width:380px){.app-shell{padding-right:18px;padding-left:18px}.task-row{grid-template-columns:28px 42px minmax(0,1fr) 18px;gap:7px}.type-icon{width:40px;height:40px}.task-row b{font-size:14px;line-height:20px}.task-row p{font-size:10px;line-height:12px}.date-fields,.two-fields{grid-template-columns:1fr}}:root{--field-radius: 16px}:root{--motion-fast: .16s;--motion-base: .24s;--motion-ease: cubic-bezier(.22, 1, .36, 1)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px}.app-shell{padding-right:var(--space-5);padding-left:var(--space-5)}.hero{padding:var(--space-4) 0 var(--space-5)}.voice-cta{gap:var(--space-3)}.list-section{padding-top:var(--space-4)}.month-card{padding:var(--space-4)}.app-shell{min-height:var(--app-viewport-height, 100svh)}.sheet-backdrop{inset:auto 0 0;height:var(--app-viewport-height, 100svh);min-height:var(--app-viewport-height, 100svh);overscroll-behavior:contain}.editor{max-height:var(--app-viewport-height, 100svh);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:var(--space-4);padding-left:var(--space-4)}.editor :is(input:not([type=checkbox]),textarea,select),.editor :is(input:not([type=checkbox]),textarea,select):focus{border-radius:var(--field-radius)!important}.editor :is(input:not([type=checkbox]),textarea,select):focus{outline:2px solid #8ab4ff;outline-offset:0}.bottom-nav{right:0;bottom:calc(env(safe-area-inset-bottom) + 12px);left:0;padding-bottom:8px;border:0;border-top:1px solid #e8ebf0;border-radius:0;box-shadow:none;transform:translateZ(0)}.bottom-nav:after{position:absolute;top:100%;right:0;left:0;height:calc(env(safe-area-inset-bottom) + 12px);background:inherit;content:""}.bottom-nav{justify-content:space-around;gap:0;padding-right:16px;padding-left:16px}.bottom-nav button{width:25%;min-width:0}.settings-hint{margin:0 0 10px;color:#737c8e;font-size:12px;line-height:16px}.digest-settings .switch span{color:#202634;font-size:16px}.swiftgram-login{display:flex;gap:8px;margin:0 0 14px}.swiftgram-login input{min-width:0;flex:1;border:1px solid #dce2ec;border-radius:12px;padding:10px 12px;font-size:16px}.swiftgram-login button{border:0;border-radius:12px;background:#0755e5;color:#fff;padding:10px 14px;font-weight:700}.voice-cta.recording{border-color:#d83a32;color:#c83731}.voice-cta.recording b{background:#d83a32}.voice-cta:disabled{opacity:.7}.voice-draft-item{padding:10px 0;border-bottom:1px solid #e8ebf0}.voice-draft-item b,.voice-draft-item small{display:block}.voice-draft-item small{margin-top:2px;color:#737c8e;font-size:12px}.task-row{grid-template-columns:32px 48px minmax(0,1fr) 20px}.check{width:26px;height:26px}.editor .switch input{width:22px;height:22px}.topbar .icon-button{width:44px;height:44px}.editor>.two-fields:first-of-type{grid-template-columns:1fr}.editor>.two-fields:first-of-type>label:nth-child(2){display:none}.reminder-picker{position:fixed;z-index:12;right:14px;bottom:calc(env(safe-area-inset-bottom) + 66px);left:14px;padding:9px 12px;border:1px solid #dfe5ef;border-radius:16px;background:#fffefef5;box-shadow:0 8px 26px #17213b22;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.reminder-picker>span{display:block;margin-bottom:6px;color:#5d6675;font-size:12px;font-weight:700}.reminder-picker>div{display:flex;flex-wrap:wrap;gap:5px}.reminder-picker button{border:1px solid #dfe5ef;border-radius:9px;background:#fff;padding:5px 8px;color:#3a4352;font-size:12px;line-height:16px}.reminder-picker button.selected{border-color:#0755e5;background:#edf4ff;color:#0755e5}.digest-settings{padding-top:16px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.digest-settings header{margin-bottom:2px}.digest-settings .settings-hint{margin:4px 0 8px}.digest-settings label{margin:6px 0}.digest-settings .switch{margin:8px 0 4px}.digest-settings footer{margin-top:10px}.digest-settings footer+.settings-hint{margin:10px 0 0}.editor footer .delete{background:#d83a32;color:#fff}.editor footer .delete:active{background:#b92f29}.editor>.two-fields:first-of-type{grid-template-columns:1fr 1fr}.editor>.two-fields:first-of-type>label:nth-child(2){display:grid}.reminder-picker{display:none}@media (prefers-color-scheme: dark){:root{color-scheme:dark;background:#10151d}body,.app-shell{background:#10151d;color:#f4f7fb}.topbar,.bottom-nav button.active,.section-heading button{color:#5b9cff}.hero time,.task-row p,.empty,.empty small,.week-strip small,.month-grid>small{color:#9ca8bc}.voice-cta,.month-card,.editor,.reminder-picker,.swiftgram-login input,.editor :is(input:not([type=checkbox]),textarea,select){background:#18202b;color:#f4f7fb;border-color:#303c4d}.voice-cta,.month-card{box-shadow:none}.list-section,.task-row,.advanced,.bottom-nav{border-color:#2d3747}.bottom-nav,.bottom-nav:after{background:#141b25f2}.check{background:#18202b;border-color:#7d8aa0}.type-icon{background:#182c4b}.task-row b,.section-heading h2,.editor h2,.editor label,.digest-settings .switch span{color:#f4f7fb}.month-grid button,.week-strip button{color:#e7edf7}.month-grid button.outside{color:#657187}.icon-button{background:#18202b;border-color:#303c4d;color:#5b9cff}.error{background:#3a2024;color:#ff9891}.topbar,.bottom-nav button.active,.section-heading button,.advanced summary,.icon-button{color:#1463e9}.save,.voice-cta b,.swiftgram-login button,.share-friend,.week-strip button.selected b,.month-grid button.active,.check:has(svg){background:#1463e9;border-color:#1463e9}.switch input[type=checkbox]{accent-color:#1463e9}.week-strip button.selected{color:#1463e9}.week-strip button.selected i{background-color:#1463e9}.editor input[type=date],.editor input[type=time],.editor input[type=date]:disabled,.editor input[type=time]:disabled{color:#f4f7fb!important;-webkit-text-fill-color:#f4f7fb!important;opacity:1}.editor input[type=date]::-webkit-datetime-edit,.editor input[type=time]::-webkit-datetime-edit,.editor input[type=date]::-webkit-datetime-edit-text,.editor input[type=time]::-webkit-datetime-edit-text,.editor input[type=date]::-webkit-datetime-edit-hour-field,.editor input[type=time]::-webkit-datetime-edit-hour-field,.editor input[type=date]::-webkit-datetime-edit-minute-field,.editor input[type=time]::-webkit-datetime-edit-minute-field{color:#f4f7fb;-webkit-text-fill-color:#f4f7fb}}button,input,select,textarea,.task-row,.voice-draft-item{transition:transform var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease);-webkit-tap-highlight-color:transparent;will-change:transform}button:active:not(:disabled),.task-row:active{transform:scale(.97)}.sheet-backdrop{animation:backdrop-in var(--motion-base) var(--motion-ease) both}.editor{animation:sheet-in var(--motion-base) var(--motion-ease) both}.task-row,.empty,.month-card,.week-strip{animation:content-in var(--motion-base) var(--motion-ease) both}.task-row:nth-child(2){animation-delay:35ms}.task-row:nth-child(3){animation-delay:70ms}.task-row:nth-child(4){animation-delay:105ms}.voice-cta.recording b{animation:record-pulse 1.2s var(--motion-ease) infinite}.week-scroll{display:flex;gap:var(--space-1);margin-right:calc(-1 * var(--space-5));margin-left:calc(-1 * var(--space-5));padding:0 var(--space-5);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.week-scroll::-webkit-scrollbar{display:none}.week-scroll button{flex:0 0 46px;scroll-snap-align:center}.recording-wave{display:inline-flex!important;flex:0 0 auto!important;align-items:center;gap:2px;height:28px}.recording-wave i{width:3px;height:7px;border-radius:3px;background:#d83a32;animation:wave .76s var(--motion-ease) infinite}.recording-wave i:nth-child(2){animation-delay:90ms;height:14px}.recording-wave i:nth-child(3){animation-delay:.18s;height:22px}.recording-wave i:nth-child(4){animation-delay:.27s;height:14px}.recording-wave i:nth-child(5){animation-delay:.36s}.month-card{margin:6px 0 16px}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes record-pulse{50%{transform:scale(1.08);box-shadow:0 0 0 6px #d83a3220}}@keyframes wave{50%{transform:scaleY(.38);opacity:.48}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.friends-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line, #dce3ef);border-radius:14px}.friends-settings div{display:grid;gap:3px}.friends-settings small{color:var(--muted, #687386);font-size:12px;line-height:1.3}.share-friend{border:0;border-radius:10px;background:#1463e9;color:#fff;font:inherit;font-weight:700;padding:9px 12px;white-space:nowrap}.switch input[type=checkbox]{width:24px;height:24px;margin:0;flex:0 0 24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #97a3b5;border-radius:7px;background:#fff;cursor:pointer}.switch input[type=checkbox]:checked{border-color:#1463e9;background-color:#1463e9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5 9.5 17 19 7' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-size:18px;background-repeat:no-repeat}.admin-stats-link{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;border:1px solid #dce3ef;border-radius:12px;background:#f5f8ff;color:#1463e9;padding:10px 12px;font:inherit;font-weight:700}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.stats-grid article{display:grid;gap:4px;min-height:88px;align-content:center;padding:12px;border:1px solid #dce3ef;border-radius:14px;background:#f8faff}.stats-grid b{font-size:24px;line-height:28px;color:#1463e9}.stats-grid span{color:#687386;font-size:12px;line-height:16px}.stats-users-title{margin:18px 0 8px;font-size:16px;line-height:22px}.stats-users{display:grid;gap:8px}.stats-users article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #dce3ef;border-radius:12px;background:#f8faff}.stats-users article div{min-width:0;display:grid;gap:2px}.stats-users article b{font-size:14px;line-height:18px}.stats-users article small,.stats-users article>span{color:#687386;font-size:11px;line-height:15px}.stats-users article>span{flex:0 0 auto;text-align:right}@media (prefers-color-scheme: dark){.admin-stats-link,.stats-grid article{background:#18202b;border-color:#303c4d}.stats-grid span{color:#9ca8bc}.stats-users article{background:#18202b;border-color:#303c4d}.stats-users article small,.stats-users article>span{color:#9ca8bc}.switch input[type=checkbox]{border-color:#7d8aa0;background-color:#18202b}.switch input[type=checkbox]:checked{border-color:#1463e9;background-color:#1463e9}}
