@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #15130f;--bg-soft: rgba(31, 29, 23, .78);--bg-elevated: rgba(41, 38, 31, .92);--surface: rgba(45, 42, 34, .78);--surface-strong: rgba(55, 51, 42, .96);--border: rgba(255, 221, 159, .16);--text: #fff8ec;--text-soft: #cfc2ae;--accent: #ffb020;--accent-2: #5fd18a;--accent-3: #78d6bf;--danger: #ff6f61;--shadow: 0 24px 70px rgba(7, 6, 4, .42)}:root[data-theme=light]{color-scheme:light;--bg: #f6f0e7;--bg-soft: rgba(255, 250, 241, .84);--bg-elevated: rgba(255, 252, 246, .94);--surface: rgba(255, 252, 246, .88);--surface-strong: rgba(255, 255, 255, .98);--border: rgba(91, 71, 41, .14);--text: #1f1a13;--text-soft: #6f6252;--accent: #c96f12;--accent-2: #168454;--accent-3: #178f76;--danger: #c4362c;--shadow: 0 24px 64px rgba(91, 71, 41, .16)}*{box-sizing:border-box}@keyframes soft-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(255,176,32,.2),transparent 32%),radial-gradient(circle at top right,rgba(95,209,138,.18),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.02),transparent 40%),var(--bg);color:var(--text);font-family:Space Grotesk,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:28px;min-height:100vh;padding:32px 24px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--bg-soft);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block h1,.hero-copy h2,.auth-header h1{margin:8px 0 10px;font-family:"Instrument Serif",serif;font-size:2.75rem;line-height:1;letter-spacing:0}.brand-block h1{font-size:2.25rem}.brand-block p,.hero-copy p,.auth-header p,.card p,.empty-state p,.insight-copy{color:var(--text-soft);line-height:1.6}h1,h2,h3,strong,small,span,p{overflow-wrap:anywhere}.eyebrow{display:inline-block;color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;line-height:1.3}.sidebar-nav,.mobile-nav{display:grid;gap:10px}.nav-item{display:inline-flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-soft);transition:.18s ease;text-align:left}.nav-item:hover,.nav-item.active{color:var(--text);border-color:var(--border);background:#ffffff0a}.sidebar-foot,.friend-stack,.friend-grid,.stack,.timeline-list,.timeline-row,.form-actions,.task-actions,.task-history,.achievement-strip,.achievement-grid,.toggle-row,.task-checklist,.card,.form-card{display:grid;gap:16px}.friend-row,.friend-card{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--border);border-radius:10px;background:#ffffff08}.friend-row span:first-child,.avatar{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#041222;font-weight:700}.friend-row>div,.friend-card>div{min-width:0;display:grid;gap:4px}.friend-row strong,.friend-row small,.friend-card strong,.friend-card small{display:block;line-height:1.35}.friend-row small,.friend-card small{color:var(--text-soft)}.main-content{padding:28px;display:grid;align-content:start;gap:22px}.topbar,.user-chip,.topbar-actions,.quick-actions,.section-head,.task-card-head,.task-title-block,.task-pill-row,.task-detail-grid,.skill-card-head,.skill-inline,.finance-mini-grid,.finance-summary-grid,.mini-metrics,.toggle-row{display:flex;gap:14px}.topbar,.section-head{justify-content:space-between;align-items:center}.section-head>div,.task-title-block>div,.user-chip>div{min-width:0}.quick-actions,.topbar-actions,.task-pill-row,.mini-metrics,.toggle-row,.form-actions{flex-wrap:wrap}.user-chip{align-items:center}.user-chip>div{display:grid;gap:4px}.user-chip>div span{color:var(--text-soft)}.hero-grid,.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hero-card,.card,.auth-card,.progress-ring-card,.task-card,.toast{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:soft-rise .36s ease both}.hero-card,.card,.form-card{border-radius:10px;padding:24px}.progress-ring-card{position:relative;overflow:hidden;display:grid;place-items:center;min-height:240px;border-radius:10px;background:radial-gradient(circle at 50% 30%,rgba(255,176,32,.18),transparent 40%),radial-gradient(circle at 70% 80%,rgba(95,209,138,.14),transparent 30%),var(--surface)}.progress-ring{width:160px;height:160px;transform:rotate(-90deg)}.progress-ring-track,.progress-ring-fill{fill:none;stroke-width:12}.progress-ring-track{stroke:#ffffff14}.progress-ring-fill{stroke:url(#ring-gradient);stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .32s ease}.progress-ring-copy{position:absolute;display:grid;place-items:center;gap:6px;text-align:center}.progress-ring-copy strong{font-size:3rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:0;padding:10px 16px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text);line-height:1.15;text-align:center;white-space:normal;transition:.18s ease}.button svg{flex:0 0 auto}.button.primary{background:linear-gradient(135deg,var(--accent),#ffd36a);color:#21170a;border-color:transparent;font-weight:700}.button.compact{min-height:34px;padding:7px 10px;font-size:.84rem}.button.ghost,.button.subtle{background:#ffffff0a}.button.danger{border-color:#ff6f6157;background:#ff6f611a;color:#ffb2aa}.button:hover{transform:translateY(-1px)}.finance-mini-grid,.finance-summary-grid,.skill-grid,.achievement-grid,.insight-grid,.friend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.finance-overview>strong{display:block;margin:6px 0 14px;font-size:2rem}.finance-mini-grid>div{display:grid;gap:6px}.finance-mini-grid small{color:var(--text-soft)}.span-3{grid-column:span 3}.task-card{border-radius:10px;padding:20px;min-width:0}.task-card.expanded{background:var(--surface-strong)}.task-card-head{width:100%;border:0;background:transparent;color:inherit;justify-content:space-between;min-width:0;text-align:left}.task-title-block{align-items:flex-start;min-width:0;flex:1}.task-title-block strong{display:block;font-size:1.05rem;margin-bottom:6px}.task-pill-row{margin-top:14px}.task-meta-line{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--text-soft);font-size:.92rem}.task-color{width:8px;min-height:46px;border-radius:999px}.rotated{transform:rotate(180deg)}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;background:#ffffff0f;color:var(--text-soft);font-size:.84rem;line-height:1.2;white-space:normal}.pill.status{color:var(--text)}.pill.positive{color:var(--accent-3)}.pill.negative{color:var(--danger)}.task-card-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.task-card-quick-actions .button{flex:1 1 132px}.task-card-quick-actions .button.danger{flex-basis:112px}.task-card-body{overflow:hidden}.task-detail-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mini-card,.metric-card,.empty-state,.skill-card,.achievement-card{min-width:0;padding:16px;border:1px solid var(--border);border-radius:10px;background:#ffffff08}.mini-card,.metric-card,.skill-card{display:grid;gap:10px}.skill-card .mini-metrics{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px}.mini-card strong,.metric-card strong{display:block;font-size:1.2rem;line-height:1.1;overflow-wrap:anywhere}.mini-card small,.metric-card small{display:block;color:var(--text-soft);line-height:1.35}.task-checklist .check-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-soft);text-align:left}.task-checklist .check-item.done{color:var(--text);background:#44d1a51f}.history-row{display:flex;justify-content:space-between;gap:14px;color:var(--text-soft);font-size:.92rem}.skill-card-head,.timeline-row,.friend-card{justify-content:space-between}.skill-card-head{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px}.skill-card-head>div{min-width:0;display:grid;gap:4px}.skill-card-head strong,.skill-card-head small{display:block;line-height:1.25;overflow-wrap:anywhere}.skill-card-head small{color:var(--text-soft)}.skill-card,.metric-card,.timeline-row,.achievement-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.skill-card:hover,.metric-card:hover,.achievement-card:hover{transform:translateY(-2px)}.icon-chip{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#ffffff14}.skill-bar{width:100%;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.skill-bar-fill{height:100%;border-radius:inherit}.achievement-card{display:flex;align-items:flex-start;gap:14px}.achievement-card.locked{opacity:.6}.achievement-card.unlocked{background:linear-gradient(135deg,rgba(68,209,165,.14),transparent),#ffffff0a}.achievement-card.large{min-height:164px}.form-card label,.auth-form label{display:grid;gap:8px;color:var(--text-soft)}.form-card input,.form-card select,.form-card textarea,.auth-form input{min-height:46px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:#ffffff0a;color:var(--text)}.form-card textarea{min-height:120px;padding:14px;resize:vertical}.span-2{grid-column:span 2}.search-bar input{width:100%;min-height:46px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:#ffffff0a;color:var(--text)}.calendar-shell{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(460px,1.1fr);gap:20px;align-items:start}.ios-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekday{padding:0 0 8px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;text-align:center}.calendar-day-tile{position:relative;display:grid;align-content:start;justify-items:center;gap:6px;min-height:72px;padding:7px 4px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;text-align:center;transition:.18s ease}.calendar-day-tile:hover{background:#ffffff0d}.calendar-date-number{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;font-weight:700}.calendar-day-tile.today .calendar-date-number{color:#21170a;background:var(--accent)}.calendar-day-tile.selected{border-color:#ffb02073;background:#ffb0201a}.calendar-day-tile.selected .calendar-date-number{color:#21170a;background:#ffd36a}.calendar-day-tile.muted{opacity:.45}.calendar-day-tile small{min-width:22px;padding:2px 7px;border-radius:999px;background:#ffffff14;color:var(--text-soft);font-size:.72rem}.calendar-dots{display:flex;justify-content:center;gap:6px;min-height:8px}.calendar-dots span{width:8px;height:8px;border-radius:999px}.day-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.day-header h3,.section-head h3{margin:4px 0 0;overflow-wrap:anywhere}.calendar-guide{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(255,176,32,.28);border-radius:10px;background:#ffb02014}.calendar-guide strong{line-height:1.3}.calendar-guide span{color:var(--text-soft);line-height:1.45}.day-timeline{position:relative;max-height:680px;overflow-y:auto;padding-left:64px;border:1px solid var(--border);border-radius:10px;touch-action:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#ffffff06}.timeline-hours{position:relative}.hour-row{display:grid;grid-template-columns:54px 1fr;align-items:start;width:calc(100% + 64px);margin-left:-64px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:copy}.hour-row time{padding-top:8px;color:var(--text-soft);font-size:.78rem}.hour-row span{display:block;height:100%;border-top:1px solid var(--border)}.hour-row:hover span{border-top-color:#ffb0208c}.timeline-empty{position:absolute;top:24px;right:18px;left:82px;display:grid;gap:4px;padding:14px;border:1px dashed var(--border);border-radius:10px;color:var(--text-soft);background:#ffffff0a}.timeline-empty strong{color:var(--text)}.timeline-draft{position:absolute;right:12px;left:76px;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:132px;padding:10px 10px 12px;border:1px solid rgba(255,176,32,.58);border-radius:10px;background:linear-gradient(135deg,#ffb02038,#5fd18a1f),var(--surface-strong);box-shadow:0 18px 34px #00000038}.timeline-draft .draft-time{grid-column:1 / -1;color:var(--accent);font-size:.78rem;font-weight:700}.timeline-draft input{grid-column:1 / -1;min-width:0;min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#0000002e;color:var(--text)}.draft-controls{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.draft-controls select{min-width:0;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#0000002e;color:var(--text)}.draft-actions{grid-column:1 / -1;display:flex;gap:6px;align-items:center}.timeline-task{position:absolute;right:12px;left:76px;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-content:start;min-height:86px;padding:10px 12px 22px;border:1px solid;border-radius:10px;color:var(--text);box-shadow:0 16px 34px #0000002e;overflow:hidden;cursor:grab;touch-action:none;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.timeline-task.completed{opacity:.72}.timeline-task.cancelled{opacity:.62;filter:saturate(.7)}.timeline-task.dragging{z-index:5;cursor:grabbing;box-shadow:0 24px 52px #00000052;transform:scale(1.01)}.timeline-task-main{min-width:0;display:grid;gap:2px;cursor:grab}.timeline-task-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start;gap:5px;max-width:196px}.timeline-action{min-height:26px;padding:4px 7px;border:1px solid var(--border);border-radius:8px;background:#00000024;color:var(--text);font-size:.68rem;line-height:1.1;transition:.16s ease}.timeline-action:hover{transform:translateY(-1px);border-color:#ffb02070}.timeline-action:disabled{cursor:default;opacity:.54;transform:none}.timeline-action.danger{border-color:#ff6f6152;color:#ffb2aa}.timeline-task-main span,.timeline-task-main small{color:var(--text-soft);font-size:.78rem}.timeline-task-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-resize-handle{position:absolute;right:18px;bottom:3px;left:18px;display:grid;place-items:center;height:18px;border:0;border-radius:999px;background:transparent;cursor:ns-resize}.task-resize-handle span{width:44px;height:4px;border-radius:999px;background:#fff8ec6b;transition:width .16s ease,background .16s ease}.task-resize-handle:hover span{width:60px;background:var(--accent)}.chart-card{min-height:240px}.insight-copy{max-width:60ch;font-size:1rem}.toggle-card{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-soft);line-height:1.15;white-space:normal}.toggle-card.active{color:var(--text);background:#ffffff12}.auth-shell{position:relative;display:grid;place-items:center;min-height:100vh;padding:32px}.auth-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,176,32,.24),transparent 28%),radial-gradient(circle at 80% 20%,rgba(95,209,138,.2),transparent 22%),radial-gradient(circle at 70% 80%,rgba(255,111,97,.14),transparent 26%)}.auth-card{position:relative;width:min(100%,580px);padding:32px;border-radius:10px}.auth-tabs{display:inline-flex;gap:10px;padding:6px;border-radius:10px;background:#ffffff0d}.tab{min-height:40px;padding:0 16px;border:0;border-radius:8px;background:transparent;color:var(--text-soft)}.tab.active{background:#ffffff1a;color:var(--text)}.auth-form{display:grid;gap:14px;margin-top:20px}.demo-panel{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;margin-top:18px;border-top:1px solid var(--border)}.toast{position:fixed;right:24px;bottom:24px;z-index:50;display:grid;gap:4px;width:min(360px,calc(100vw - 32px));padding:18px;border-radius:10px}.toast.success{border-color:#44d1a54d}.toast.error{border-color:#ff7f964d}.mobile-nav{display:none}@media(max-width:1380px){.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3{grid-column:span 2}}@media(max-width:1240px){.calendar-shell{grid-template-columns:1fr}}@media(max-width:1120px){.hero-grid,.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3{grid-column:span 2}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.hero-grid,.page-grid,.calendar-shell,.finance-mini-grid,.finance-summary-grid,.skill-grid,.achievement-grid,.insight-grid,.friend-grid,.form-grid,.task-detail-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.mobile-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;margin-top:8px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-item{flex-direction:column;gap:6px;font-size:.74rem;padding:10px 6px}}@media(max-width:640px){.main-content,.auth-shell{padding:16px}.topbar,.quick-actions,.section-head,.demo-panel{flex-direction:column;align-items:stretch}.ios-month-grid{gap:8px}.calendar-day-tile{min-height:62px}.day-timeline{padding-left:52px}.hour-row{grid-template-columns:46px 1fr;width:calc(100% + 52px);margin-left:-52px}.timeline-task{left:58px;grid-template-columns:1fr}.timeline-task-actions{justify-content:flex-start;max-width:none}.timeline-draft{left:58px;grid-template-columns:1fr}.draft-controls{grid-template-columns:1fr}.draft-actions{flex-wrap:wrap}}