:root{--premium-card:#12131a;--premium-card2:#0e1016;--premium-border:#282b35}
@media(min-width:901px){body{background:radial-gradient(circle at 90% 3%,#66241655 0,transparent 20%),radial-gradient(circle at 73% 100%,#271c6a55 0,transparent 28%),#080a0f}#app{width:min(1180px,calc(100% - 36px));max-width:none;display:grid!important;grid-template-columns:176px minmax(0,1fr);gap:0;margin:16px auto 80px;padding:0;border:1px solid #2d303a;border-radius:18px;background:#0a0c11;box-shadow:0 35px 100px #000a;overflow:hidden}#app[hidden]{display:none!important}#app>header{grid-column:1;grid-row:1/30;position:relative;top:auto;height:auto;min-height:760px;display:flex;flex-direction:column;align-items:stretch;margin:0;padding:18px 12px;background:linear-gradient(180deg,#111219,#0b0d12);border:0;border-right:1px solid #20232c;border-radius:0;box-shadow:none;backdrop-filter:none}#app>header .brand{display:flex;align-items:center;gap:9px;padding:0 4px 28px;font-size:12px;letter-spacing:0}#app>header .brand>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#ff8a51,#ef4c28);font-size:16px;color:#131319;box-shadow:0 5px 18px #ff673b44}#app>header .brand>span{color:#fff;font-weight:800;line-height:1.05}#app>header .brand small{display:block;margin:3px 0 0;color:#aaa;font-size:9px}#app>header nav{display:grid;width:100%;gap:3px;padding:0;background:transparent;border:0}#app>header nav button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 11px;border-radius:9px;font-size:12px}#app>header nav button i{display:grid;place-items:center;width:18px;font-size:14px;font-style:normal}#app>header nav button.active{color:#ff7847;background:linear-gradient(90deg,#54251f88,#29232f);box-shadow:inset 2px 0 var(--accent)}#app>.view{grid-column:2;min-width:0;padding:20px}.side-security{margin-top:auto;padding:11px;border:1px solid #244a34;border-radius:11px;background:#10241a}.side-security b,.side-security small{display:block}.side-security b{font-size:10px;color:#71d996}.side-security small{margin-top:3px;font-size:8px;color:#668274}}
.dashboard-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.welcome{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:112px;padding:14px 0 20px;background:radial-gradient(circle at 100% 0,#7a2b1c4d 0,transparent 36%);border:0;border-bottom:1px solid #20232c;border-radius:0;box-shadow:none}.welcome span{color:#7f8493;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.welcome h1{margin:5px 0 3px;font-size:30px;line-height:1.05}.welcome p{margin:0;color:#8b8f9d;font-size:11px}.welcome blockquote{width:235px;margin:0;padding:15px 18px;border:1px solid #34303a;border-radius:13px;background:#18151d;color:#d5d5dc;font-size:12px}.welcome blockquote small{display:block;margin-top:5px;text-align:right;color:#8e7788}.stat-card,.today-overview,.mini-calendar,.habit-card,.notes-card,.secure-card{background:linear-gradient(145deg,var(--premium-card),var(--premium-card2));border:1px solid var(--premium-border);border-radius:13px;box-shadow:0 15px 40px #0003}.stat-card{position:relative;min-height:92px;padding:15px 16px}.stat-card:before{position:absolute;left:15px;top:16px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;font-weight:900}.stat-card.purple:before{content:'✓';background:#b050d9;color:#1b0b20}.stat-card.orange:before{content:'◆';background:#ff6f3d;color:#2b1008}.stat-card.blue:before{content:'◷';background:#5c75ff;color:#0c1029}.stat-card.green:before{content:'▥';background:#38d889;color:#082319}.stat-card span{display:block;padding-left:34px;font-size:10px;color:#a4a7b3}.stat-card strong{display:block;margin:8px 0 0;padding-left:34px;font-size:23px;line-height:1}.stat-card small{display:block;margin-top:8px;padding-left:34px;color:#737887;font-size:8px}.premium-main{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr;gap:12px}.today-overview,.mini-calendar{min-height:255px;padding:17px}.premium-title{display:flex;align-items:center;justify-content:space-between}.premium-title h2{margin:0;font-size:15px}.premium-title h2:before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#ff844d}.premium-title span{color:#777c89;font-size:9px}.overview-tasks{display:grid;gap:4px;margin:11px 0}.overview-tasks>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:7px 3px;border-bottom:1px solid #1f222a}.overview-tasks i{width:10px;height:10px;border:1px solid #888d99;border-radius:50%}.overview-tasks span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.overview-tasks small{color:#777c89;font-size:8px}.overview-empty{color:#777c89;font-size:11px}#overview-add,#dashboard-notes{border:0;background:transparent;color:#ff7847;padding:7px 0;font-size:10px}.calendar-head{display:flex;justify-content:space-between;margin-bottom:12px}.calendar-head strong{font-size:14px}.calendar-head span{color:#838896;font-size:11px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.calendar-grid b{font-size:8px;color:#777c89}.calendar-grid span,.calendar-grid i{display:grid;place-items:center;min-height:22px;font-size:9px;font-style:normal;border-radius:7px}.calendar-grid .today{background:linear-gradient(145deg,#ff8957,#ff5932);font-weight:800;box-shadow:0 4px 15px #ff613c55}.calendar-agenda{display:grid;gap:3px;margin-top:9px;padding-top:7px;border-top:1px solid #22252e}.calendar-agenda div{display:grid;grid-template-columns:38px 1fr;gap:6px;font-size:8px}.calendar-agenda b{color:#ff6e43}.calendar-agenda span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaaeb9}.habit-card,.notes-card,.secure-card{min-height:135px;padding:16px}.habit-card>div{display:flex;justify-content:space-between}.habit-card span,.notes-card span,.secure-card span{font-size:11px;font-weight:800}.habit-card>strong{display:block;margin:12px 0 2px;font-size:22px}.habit-card small,.notes-card p,.secure-card strong{color:#7c818e;font-size:9px}.habit-dots{display:flex!important;gap:7px;margin-top:13px}.habit-dots i{width:10px;height:10px;border-radius:50%;background:#3a3d47}.habit-dots i.on{background:#ff7044;box-shadow:0 0 9px #ff704466}.notes-card strong{margin:14px 0 2px;font-size:10px;font-weight:500;color:#a3a6b1}.notes-card p{margin:0}.secure-card strong{margin:15px 0 11px}.secure-card p{margin:0;color:#4ed982;font-size:9px}.subscription-strip{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:14px 17px;border:1px solid #ff784766;border-radius:14px;background:radial-gradient(circle at 0 50%,#8a334675 0,transparent 32%),linear-gradient(90deg,#27151e,#28151a);box-shadow:0 0 24px #ff4f4230,inset 0 0 35px #a7284125}.subscription-strip span,.subscription-strip small{display:block}.subscription-strip span{font-size:12px;font-weight:800}.subscription-strip small{color:#9d8d98;font-size:8px}.subscription-strip>strong{font-size:22px}.subscription-strip>strong small{display:inline;font-size:9px}.subscription-strip button{padding:10px 16px;font-size:10px;box-shadow:0 5px 20px #ff633d55}.section-heading{margin-bottom:18px}.section-heading span{color:#777c89;font-size:10px}.section-heading h1{margin:4px 0}.composer,.column,.panel,details{box-shadow:0 15px 40px #0004}.public-footer{padding-left:176px}
@media(max-width:1050px){.dashboard-summary{grid-template-columns:repeat(2,1fr)}.premium-main{grid-template-columns:1fr}.subscription-strip{grid-template-columns:1fr auto}.welcome blockquote{width:210px}}
@media(max-width:900px){.side-security,#app>header nav button i,#app>header nav [data-coming]{display:none}.public-footer{padding-left:20px}.welcome{align-items:flex-start;flex-direction:column}.welcome blockquote{width:100%}.dashboard-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.dashboard-summary{grid-template-columns:1fr}.welcome,.premium-main,.subscription-strip{grid-column:auto}.welcome{padding:18px 0}.welcome h1{font-size:25px}.stat-card{padding:14px}.subscription-strip{grid-template-columns:1fr}.subscription-strip button{width:100%}}

/* Functional premium sections */
.feature-view{min-height:700px}.feature-shell{padding:22px;border:1px solid var(--premium-border);border-radius:16px;background:linear-gradient(145deg,var(--premium-card),var(--premium-card2));box-shadow:0 15px 45px #0005}.feature-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.feature-calendar-head h2{margin:0;text-transform:capitalize}.feature-calendar-head span{color:#8b8f9d;font-size:12px}.feature-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.feature-calendar-grid>b{padding:7px;color:#747988;text-align:center;font-size:11px}.feature-calendar-grid>i{min-height:84px}.calendar-day{min-height:84px;padding:9px;border:1px solid #252832;border-radius:10px;background:#0c0e14}.calendar-day.current{border-color:#ff7147;box-shadow:inset 0 0 20px #ff63331b}.calendar-day>strong{display:block;margin-bottom:7px}.calendar-day>span{display:block;overflow:hidden;margin-top:4px;padding:4px 6px;border-radius:5px;background:#2a1c21;color:#ff9a78;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.calendar-day>small{color:#818694;font-size:9px}.analytics-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:17px;border:1px solid #292c36;border-radius:13px;background:#0d0f15}.metric span,.metric small{display:block;color:#858a98;font-size:10px}.metric strong{display:block;margin:8px 0;font-size:25px}.analytics-panel{margin-top:14px;padding:18px;border:1px solid #292c36;border-radius:13px;background:#0d0f15}.analytics-bar{height:10px;margin:10px 0 18px;overflow:hidden;border-radius:10px;background:#242730}.analytics-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8b55,#ff5534);box-shadow:0 0 14px #ff653d66}.analytics-rows{display:grid;gap:9px}.analytics-rows>div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #22252e}.inline-feature-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:16px}.inline-feature-form input{min-width:0}.habit-list,.file-list{display:grid;gap:10px}.habit-row,.file-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid #292c36;border-radius:12px;background:#0d0f15}.habit-check{width:27px;height:27px;padding:0;border:1px solid #515664;border-radius:8px;background:#171922}.habit-check.done{border-color:#46d989;background:#183426;color:#64e69a}.habit-row strong,.file-card strong{display:block}.habit-row small,.file-card small{display:block;margin-top:4px;color:#7f8492}.feature-empty{padding:40px 20px;border:1px dashed #30333d;border-radius:13px;color:#818694;text-align:center}.file-card button{white-space:nowrap}
@media(min-width:901px){#app{width:min(1260px,calc(100% - 44px));grid-template-columns:194px minmax(0,1fr);margin:16px auto 80px 24px}#app>header{padding:20px 14px}#app>header .brand{gap:11px;padding:0 5px 32px;font-size:14px}#app>header .brand>b{width:40px;height:40px;border-radius:11px;font-size:20px}#app>header .brand small{font-size:10px}.public-footer{padding-left:194px}}
@media(max-width:700px){.analytics-cards{grid-template-columns:repeat(2,1fr)}.feature-calendar-grid{gap:3px}.calendar-day{min-height:58px;padding:5px}.calendar-day>span{display:none}.feature-shell{padding:13px}}
#full-calendar,#analytics-content{padding:22px;border:1px solid var(--premium-border);border-radius:16px;background:linear-gradient(145deg,var(--premium-card),var(--premium-card2));box-shadow:0 15px 45px #0005}.analytics-cards>article{padding:17px;border:1px solid #292c36;border-radius:13px;background:#0d0f15}.analytics-cards>article span,.analytics-cards>article small{display:block;color:#858a98;font-size:10px}.analytics-cards>article strong{display:block;margin:8px 0;font-size:25px}.analytics-panel>.metric{margin-top:9px}.analytics-panel>.metric>span{display:flex;justify-content:space-between}.analytics-panel>.metric>i{display:block;height:8px;margin-top:9px;overflow:hidden;border-radius:8px;background:#242730}.analytics-panel>.metric>i>u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8b55,#ff5534);text-decoration:none}.file-card{grid-template-columns:auto 1fr auto}.file-card h3,.file-card p{margin:0}#files-list{display:grid;gap:10px}
@media(min-width:901px){#app{margin:16px auto 80px}.welcome blockquote{transform:translateX(-46px)}}
@media(max-width:1050px){.welcome blockquote{transform:none}}
.community-counter{min-width:185px;margin-left:auto;margin-right:22px;padding:13px 16px;border:1px solid #34303a;border-radius:13px;background:linear-gradient(145deg,#17151d,#11131a);box-shadow:0 12px 32px #0004}.community-counter span,.community-counter small{display:block}.community-counter span{color:#ff7a4b;font-size:9px;letter-spacing:.3px;text-transform:none}.community-counter strong{display:block;margin:5px 0 2px;color:#fff;font-size:25px;line-height:1}.community-counter small{color:#838794;font-size:8px}.community-counter:before{content:'●';float:right;color:#4bdd85;font-size:9px;filter:drop-shadow(0 0 5px #4bdd85)}
@media(min-width:901px){.welcome blockquote{transform:none}}
@media(max-width:1150px){.community-counter{min-width:150px;margin-right:12px}.community-counter small{max-width:130px}.welcome blockquote{width:205px}}
@media(max-width:900px){.community-counter{width:100%;margin:15px 0 0}.welcome blockquote{margin-top:12px}}
.quick-start{grid-column:1/-1;padding:15px 16px 16px;border:1px solid #292c35;border-radius:14px;background:linear-gradient(145deg,#12141b,#0d0f15);box-shadow:0 14px 36px #0003}.quick-start-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.quick-start-head span{color:#ff7547;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.quick-start-head h2{margin:3px 0 0;font-size:16px}.quick-start-head>small{color:#797e8b;font-size:9px}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.quick-actions button{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-width:0;padding:12px;text-align:left;border:1px solid #292d37;border-radius:11px;background:#0c0e14;color:#fff;transition:.18s ease}.quick-actions button:hover{transform:translateY(-2px);border-color:#ff7547;background:#181218;box-shadow:0 8px 24px #ff63301a}.quick-actions i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#28202c;color:#ff7a4b;font-size:16px;font-style:normal}.quick-actions span,.quick-actions b,.quick-actions small{display:block;min-width:0}.quick-actions b{font-size:10px}.quick-actions small{overflow:hidden;margin-top:4px;color:#787d8a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.quick-actions em{color:#666c79;font-style:normal}.quick-actions button:hover em{color:#ff7547}
@media(max-width:1100px){.quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.quick-start-head{align-items:start;flex-direction:column;gap:5px}.quick-actions{grid-template-columns:1fr}}
.notes-card>span,.secure-card>span{display:block;margin-bottom:12px}.notes-card>strong{display:block;margin:0 0 8px}.notes-card>p{margin:0 0 12px}.secure-card>strong{display:block;margin:0 0 10px}.secure-card>p{margin-top:0}.payment-methods{display:grid;gap:8px;margin:16px 0;padding:0;border:0}.payment-methods legend{margin-bottom:9px;color:#a8abb6;font-size:12px}.payment-methods label{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #30333d;border-radius:11px;background:#101218;cursor:pointer}.payment-methods label:has(input:checked){border-color:#ff7547;background:#261a1b;box-shadow:inset 0 0 18px #ff704416}.payment-methods input{width:17px;height:17px;accent-color:#ff7044}.payment-methods span,.payment-methods b,.payment-methods small{display:block}.payment-methods small{margin-top:3px;color:#858996;font-size:10px}
.access-modal{width:min(460px,calc(100% - 28px));padding:28px;border:1px solid #37313a;border-radius:20px;background:radial-gradient(circle at 50% 0,#5a241f55,transparent 42%),#111219;color:#f5f5f7;box-shadow:0 30px 100px #000c}.access-modal::backdrop{background:#05060bd9;backdrop-filter:blur(8px)}.access-lock{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border:1px solid #ff784766;border-radius:16px;background:#351c1b;font-size:23px;box-shadow:0 8px 30px #ff633333}.access-modal>span{display:block;color:#ff8258;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.access-modal h2{margin:7px 0 10px;text-align:center;font-size:24px}.access-modal p{margin:0;color:#a0a3ae;text-align:center;line-height:1.55}.access-modal ul{display:grid;gap:9px;margin:20px 0;padding:0;list-style:none}.access-modal li{padding-left:25px;color:#ced0d7;font-size:12px}.access-modal li:before{content:'✓';float:left;margin-left:-24px;color:#55dc8c;font-weight:900}.access-modal .primary,.access-readonly{width:100%;margin-top:8px}.access-readonly{border-color:transparent;background:transparent;color:#9296a2}.access-locked .composer,.access-locked .inline-feature-form,.access-locked #favorite-form{opacity:.48}.access-locked button:disabled,.access-locked input:disabled{cursor:not-allowed;filter:grayscale(.5)}