@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{--primary: #c65d3a;--secondary: #5f7d4d;--bg: #f6f1e8;--bg-soft: #efe5d4;--surface: #fffaf2;--surface-strong: #fffdf8;--surface-muted: #f1e7d7;--border: #dccdb5;--field-border: #cdb99a;--text: #2f2a24;--muted: #766b5e;--warning-bg: #f5dfbf;--warning-text: #73471e;--error-text: #a1383f;--online-idle: #a59d91;--online-live: #3f8b56;--badge-text: #5a4631;--active-text: #8f3f2d;--pin-dot-border: #b39f86;--body-glow-a: #f3dfcc;--body-glow-b: #dbe6cf;--mobile-header-bg: color-mix(in srgb, var(--surface) 88%, #e5d3bc 12%);--panel-tint: #eddcc6;--theme-toggle-bg: #f8efdf;--theme-toggle-text: #2f2a24;--focus-ring: rgba(198, 93, 58, .2);--focus-ring-strong: rgba(198, 93, 58, .35);--primary-shadow: rgba(126, 67, 44, .32);--primary-shadow-strong: rgba(126, 67, 44, .45);--task-recurring: #b45f3c;--task-today: #8a8e3a;--task-deadline: #b66d2c;--task-forever: #7b5a8f;--timeline-user: #b45f3c;--timeline-partner: #5f7d4d;--shadow: 0 12px 36px rgba(80, 56, 31, .16);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-pill: 999px;--transition: .15s ease}[data-theme=dark]{--primary: #f0a16d;--secondary: #9cb97a;--bg: #171512;--bg-soft: #201c17;--surface: #262119;--surface-strong: #2d271f;--surface-muted: #3a3328;--border: #5a4d3b;--field-border: #75644e;--text: #f1eadf;--muted: #c2b29f;--warning-bg: #4c3a26;--warning-text: #f9ddb2;--error-text: #f2a8aa;--online-idle: #7b7468;--online-live: #7fd39b;--badge-text: #f6d8b6;--active-text: #ffbd8a;--pin-dot-border: #8f7d66;--body-glow-a: #3b2e21;--body-glow-b: #263323;--mobile-header-bg: color-mix(in srgb, var(--surface-strong) 86%, #4a3a2a 14%);--panel-tint: #4a3a2a;--theme-toggle-bg: #3a3126;--theme-toggle-text: #f1eadf;--focus-ring: rgba(240, 161, 109, .24);--focus-ring-strong: rgba(240, 161, 109, .4);--primary-shadow: rgba(0, 0, 0, .42);--primary-shadow-strong: rgba(0, 0, 0, .55);--task-recurring: #f0a16d;--task-today: #b8c98f;--task-deadline: #e3a66e;--task-forever: #b79fd0;--timeline-user: #f0a16d;--timeline-partner: #9cb97a;--shadow: 0 14px 40px rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.5;color:var(--text);background:radial-gradient(circle at 0% 0%,var(--body-glow-a) 0%,transparent 42%),radial-gradient(circle at 100% 100%,var(--body-glow-b) 0%,transparent 38%),var(--bg);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-family:Playfair Display,serif}h3{margin-bottom:.8rem}p{margin:0}#root{min-height:100svh}.warm-bg{background:linear-gradient(145deg,var(--bg) 0%,var(--bg-soft) 100%)}.center-screen{min-height:100svh;display:grid;place-items:center;padding:1rem}.panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 90%,var(--panel-tint) 10%);box-shadow:var(--shadow)}.auth-panel,.pin-panel{width:min(420px,100%);padding:1.5rem;display:grid;gap:.75rem}.app-shell{min-height:100svh;display:grid;grid-template-columns:280px 1fr;gap:1rem;padding:1rem}.desktop-sidebar{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile-header{display:none}.content{padding:1rem;position:relative;overflow:visible}.text-input,select,textarea,input[type=date],input[type=datetime-local]{width:100%;border-radius:var(--radius-md);border:1px solid var(--field-border);padding:.625rem .75rem;font:inherit;color:var(--text);background:var(--surface-strong);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.text-input:focus,select:focus,textarea:focus,input[type=date]:focus,input[type=datetime-local]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.primary-btn,.secondary-btn,.menu-btn,.tab-row button,.nav-btn,.numpad button{border:0;border-radius:var(--radius-md);cursor:pointer;font:inherit;transition:opacity var(--transition),box-shadow var(--transition),background var(--transition)}.primary-btn,.secondary-btn,.menu-btn,.tab-row button,.nav-btn,.numpad button{outline:none}.primary-btn:focus-visible,.secondary-btn:focus-visible,.menu-btn:focus-visible,.tab-row button:focus-visible,.nav-btn:focus-visible,.numpad button:focus-visible{box-shadow:0 0 0 3px var(--focus-ring-strong)}.primary-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.625rem 1rem}.primary-btn:hover{opacity:.9;box-shadow:0 4px 14px var(--primary-shadow)}.primary-btn:active{opacity:.85;box-shadow:none}.secondary-btn,.tab-row button,.nav-btn,.menu-btn,.numpad button{background:var(--surface-strong);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem}.secondary-btn:hover,.tab-row button:hover,.nav-btn:hover,.menu-btn:hover,.numpad button:hover{background:var(--surface-muted);border-color:var(--field-border)}.secondary-btn:active,.tab-row button:active,.nav-btn:active,.menu-btn:active,.numpad button:active{opacity:.8}.theme-toggle{border:1px solid var(--border);background:var(--theme-toggle-bg);color:var(--theme-toggle-text);border-radius:var(--radius-pill);font:inherit;cursor:pointer;padding:.375rem .75rem;width:fit-content;transition:background var(--transition),border-color var(--transition);outline:none}.theme-toggle:hover{background:var(--surface-muted);border-color:var(--field-border)}.theme-toggle:focus-visible{box-shadow:0 0 0 3px var(--focus-ring-strong)}.tab-row{display:flex;gap:.5rem;margin-bottom:1rem}.tab-row .active,.nav-btn.active{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary);color:var(--active-text)}.nav-btn{width:100%;text-align:left}.muted{color:var(--muted)}.warning{padding:.625rem .75rem;border-radius:var(--radius-sm);background:var(--warning-bg);color:var(--warning-text)}.error-text{color:var(--error-text)}.identity-row{display:flex;align-items:center;gap:.5rem}.online-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--online-idle);flex-shrink:0}.online-dot.live{background:var(--online-live)}.sticky-bottom{margin-top:auto}.mobile-drawer{position:fixed;inset:0 0 0 auto;width:min(300px,90vw);z-index:60;padding:3.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem;transform:translate(100%);transition:transform .24s ease}.mobile-drawer.open{transform:translate(0)}.stack{display:grid;gap:.75rem}.card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-strong);padding:.875rem;display:grid;gap:.5rem}.task-card{border-left-width:5px}.type-recurring{border-left-color:var(--task-recurring)}.type-today-only{border-left-color:var(--task-today)}.type-deadline{border-left-color:var(--task-deadline)}.type-forever{border-left-color:var(--task-forever)}.timeline-entry.pink{border-left:4px solid var(--timeline-user)}.timeline-entry.amber{border-left:4px solid var(--timeline-partner)}.badge{display:inline-block;width:fit-content;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--badge-text);padding:.2rem .625rem;font-size:.8rem;font-weight:500;letter-spacing:.01em}.action-row{display:flex;gap:.5rem;align-items:center}.composer{margin-top:.75rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-strong);padding:.875rem;display:grid;gap:.625rem}.fab{position:fixed;right:1.25rem;bottom:1.25rem;width:52px;height:52px;border-radius:var(--radius-pill);border:0;color:#fff;font-size:1.4rem;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 6px 20px var(--primary-shadow);transition:box-shadow var(--transition),transform var(--transition);outline:none}.fab:hover{box-shadow:0 8px 26px var(--primary-shadow-strong);transform:translateY(-1px)}.fab:active{transform:translateY(0);box-shadow:0 4px 14px var(--primary-shadow)}.fab:focus-visible{box-shadow:0 0 0 3px var(--focus-ring-strong)}.fab.wide{width:auto;padding:0 1rem;font-size:1rem}.dim{opacity:.6}.pin-dots{display:flex;justify-content:center;gap:.5rem}.pin-dots span{width:10px;height:10px;border-radius:var(--radius-pill);border:1.5px solid var(--pin-dot-border);transition:background var(--transition)}.pin-dots span.filled{background:var(--primary)}.numpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.numpad button{height:46px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.shake{animation:pin-shake .18s linear 0s 2}@keyframes pin-shake{0%{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}to{transform:translate(0)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr;padding:5.5rem .75rem .75rem}.desktop-sidebar{display:none}.mobile-header{position:fixed;top:0;left:0;right:0;z-index:55;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .8rem;border-bottom:1px solid var(--border);background:var(--mobile-header-bg)}.fab{right:1rem;bottom:1rem}}
