:root{--ink:#21081e;--plum:#390d33;--muted:#786b76;--soft:#f7f4f6;--line:#ebe5e9;--white:#fff;--blue:#3174e7;--green:#22a06b;--yellow:#e8a817;--rose:#b8487b}
*{box-sizing:border-box}body{margin:0;background:#eee9ec;color:var(--ink);font-family:"DM Sans",sans-serif}.app-shell{width:100%;max-width:480px;min-height:100dvh;margin:auto;background:#fff;position:relative;padding-bottom:94px;box-shadow:0 0 40px #21081e12}.topbar{height:76px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fffdfefa;backdrop-filter:blur(12px);z-index:5}.avatar{border:0;background:#f2e9ef;color:var(--plum);height:40px;width:40px;border-radius:14px;font-weight:700}.wordmark{font:800 21px Manrope;display:flex;gap:7px;align-items:center}.brand-mark{height:28px;width:28px;border-radius:10px;background:var(--ink);color:white;display:grid;place-items:center;font-size:15px}.icon-btn,.close-btn,.view-btn{border:0;background:transparent;width:40px;height:40px;border-radius:12px;color:var(--ink);display:grid;place-items:center}.icon-btn:hover,.close-btn:hover{background:var(--soft)}svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}main{padding:8px 20px 30px}.eyebrow{font-size:13px;color:#8b7c87;margin:0 0 7px}.page-title{font:800 29px/1.15 Manrope;margin:0 0 24px;letter-spacing:-.7px}.hero{background:linear-gradient(145deg,#21081e,#48123f);border-radius:26px;padding:24px;color:white;position:relative;overflow:hidden;margin-bottom:18px}.hero:after{content:"";position:absolute;width:170px;height:170px;border:32px solid #ffffff0b;border-radius:50%;right:-80px;top:-75px}.hero p{margin:0 0 6px;color:#d8cbd4;font-size:13px}.hero h2{font:700 23px/1.25 Manrope;margin:0;max-width:280px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.stat-card{padding:17px;background:var(--soft);border-radius:20px;min-height:122px}.stat-card.wide{grid-column:1/-1;background:#f7f2e9;min-height:105px;display:flex;align-items:center;justify-content:space-between}.stat-icon{height:38px;width:38px;border-radius:12px;background:white;display:grid;place-items:center;color:var(--plum);margin-bottom:14px}.stat-card strong{font:800 28px Manrope;display:block}.stat-card span{color:var(--muted);font-size:13px}.wide .stat-icon{margin:0;background:#fff8e9;color:#bb7a00}.wide>div:last-child{flex:1;margin-left:14px}.wide strong{font-size:19px}.wide .arrow{flex:0;color:var(--ink)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.section-head h2{font:700 18px Manrope;margin:0}.text-btn{border:0;background:none;color:var(--plum);font-weight:700}.recent-list,.folder-list,.note-list,.reminder-list{display:flex;flex-direction:column;gap:10px}.file-row,.folder-card,.note-card,.reminder-card{display:flex;align-items:center;padding:13px;background:white;border-radius:17px;border:1px solid var(--line);gap:13px}.file-icon,.folder-icon{width:42px;height:46px;border-radius:12px;background:#f3ebf1;color:var(--plum);display:grid;place-items:center;flex:0 0 auto}.file-row>div:nth-child(2),.folder-card>div:nth-child(2),.reminder-card>div:nth-child(2){min-width:0;flex:1}.file-row b,.folder-card b,.reminder-card b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row small,.folder-card small,.reminder-card small{color:var(--muted);font-size:12px}.bottom-nav{position:fixed;bottom:0;width:100%;max-width:480px;height:80px;background:#fff;display:grid;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:center;padding:6px 9px 8px;box-shadow:0 -12px 30px #21081e0c;z-index:10}.nav-item{border:0;background:none;color:#948791;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:5px}.nav-item svg{width:21px}.nav-item.active{color:var(--plum);font-weight:700}.create-btn{align-self:start;margin-top:-28px;height:62px;width:62px;border-radius:21px;border:5px solid white;background:var(--ink);color:white;display:grid;place-items:center;box-shadow:0 9px 18px #21081e35}.create-btn svg{width:25px;height:25px;stroke-width:2}.sheet-backdrop,.modal-backdrop{position:fixed;inset:0;background:#21081e66;opacity:0;pointer-events:none;transition:.25s;z-index:20}.action-sheet{position:fixed;z-index:21;background:#fff;bottom:0;left:50%;transform:translate(-50%,105%);transition:.3s cubic-bezier(.2,.8,.2,1);width:min(480px,100%);border-radius:28px 28px 0 0;padding:11px 20px 28px}.sheet-backdrop.open,.modal-backdrop.open{opacity:1;pointer-events:auto}.action-sheet.open{transform:translate(-50%,0)}.sheet-handle{height:4px;width:42px;border-radius:4px;background:#d9d0d6;margin:0 auto 10px}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h2{font:750 20px Manrope}.quick-actions{display:flex;flex-direction:column}.quick-actions>button{border:0;background:none;padding:12px 4px;display:flex;align-items:center;text-align:left;gap:13px}.quick-actions>button>span:nth-child(2){flex:1}.quick-actions b{display:block;font-size:14px}.quick-actions small{display:block;color:var(--muted);margin-top:3px}.action-icon{height:45px;width:45px;border-radius:14px;display:grid;place-items:center}.action-icon.plum{background:#f0e6ed;color:var(--plum)}.action-icon.rose{background:#faeaf1;color:var(--rose)}.action-icon.blue{background:#eaf1ff;color:var(--blue)}.action-icon.amber{background:#fff3da;color:#c27a00}.modal-backdrop{display:grid;place-items:end center;z-index:30}.modal{width:min(480px,100%);background:white;border-radius:28px 28px 0 0;padding:20px;transform:translateY(105%);transition:.3s}.modal-backdrop.open .modal{transform:none}.modal label{font-size:12px;font-weight:700;display:block;margin:14px 0;color:#675b64}.modal input,.modal textarea,.modal select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:13px;padding:13px;font:14px DM Sans;color:var(--ink);outline:none}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--plum)}.primary-btn{width:100%;border:0;border-radius:14px;background:var(--ink);color:white;padding:15px;font-weight:700;margin-top:12px}.hidden{display:none!important}.controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.segmented{background:var(--soft);border-radius:12px;padding:3px;display:flex}.segmented button{border:0;background:transparent;padding:8px 11px;border-radius:9px;color:var(--muted)}.segmented button.active{background:white;color:var(--ink);box-shadow:0 2px 8px #21081e12}.search{background:var(--soft);display:flex;align-items:center;border-radius:14px;padding:0 12px;margin-bottom:16px;color:var(--muted)}.search input{border:0;background:none;padding:13px 9px;outline:0;width:100%}.folder-list.grid{display:grid;grid-template-columns:1fr 1fr}.folder-list.grid .folder-card{display:block;padding:16px}.folder-list.grid .folder-icon{margin-bottom:24px}.folder-list.grid .folder-card svg.arrow{display:none}.calendar-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:22px}.day{border:0;background:var(--soft);border-radius:15px;padding:10px 3px;color:var(--muted);font-size:10px}.day b{display:block;font:700 15px Manrope;color:var(--ink);margin-top:4px}.day.active{background:var(--ink);color:#d9cbd5}.day.active b{color:white}.reminder-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.personal{background:var(--blue)}.work{background:var(--green)}.holiday{background:var(--yellow)}.tag{font-size:10px!important;padding:4px 7px;border-radius:8px;background:var(--soft);color:var(--muted)!important}.note-list{display:grid;grid-template-columns:1fr 1fr}.note-card{display:block;min-height:156px;padding:16px}.note-card:nth-child(3n+1){background:#f8f3e9;border-color:#f8f3e9}.note-card:nth-child(3n+2){background:#f4edf3;border-color:#f4edf3}.note-card h3{font:700 15px/1.35 Manrope;margin:0 0 9px}.note-card p{color:var(--muted);font-size:12px;line-height:1.45;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-card small{color:#8e818a;font-size:10px}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.toast{position:fixed;z-index:50;left:50%;bottom:100px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:11px 17px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);border-radius:30px;overflow:hidden}.bottom-nav{bottom:24px;border-radius:0 0 30px 30px}.action-sheet,.modal{border-radius:28px;margin-bottom:24px}.action-sheet{bottom:0}}