@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@300;500;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{font-family:Space Grotesk,sans-serif}body{margin:0}:root{--ink: #1c1c1c;--muted: #6c6b68;--bg: #f6f2ea;--card: #fffdf8;--accent: #f08c5b;--accent-dark: #c56b3f;--sea: #224a47;--chip: #efe5d6;--border: #eadfcd;--shadow: 0 20px 50px rgba(23, 20, 16, .12)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#fff8e8,#f2ead9 45%,#e8dccb);overflow-x:hidden}body::-webkit-scrollbar{width:0;height:0}body{scrollbar-width:none}.app{min-height:100vh}.app.auth{display:grid;place-items:center;padding:24px}.welcome{display:grid;gap:20px;max-width:360px;width:100%}.welcome-brand{display:flex;gap:12px;align-items:center}.welcome-card{background:var(--card);border-radius:20px;padding:20px;border:1px solid var(--border);box-shadow:var(--shadow);display:grid;gap:10px}.welcome-title{font-family:Fraunces,serif;font-size:22px}.welcome-sub{color:var(--muted);font-size:13px;margin-bottom:6px}.auth-error{color:#b74a3a;font-size:12px}.copy-note{color:var(--muted);font-size:12px;margin-top:6px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:48px;height:48px;background:var(--sea);color:#fff;font-family:Fraunces,serif;font-weight:700;display:grid;place-items:center;border-radius:14px;letter-spacing:1px}.brand-title{font-family:Fraunces,serif;font-size:20px}.brand-sub{color:var(--muted);font-size:13px}.nav{display:none}.nav-item{border:none;background:transparent;padding:10px 14px;border-radius:12px;text-align:left;font-weight:500;color:var(--muted);cursor:pointer}.nav-item.active{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.status-card{padding:18px;border-radius:18px;background:#fff;box-shadow:var(--shadow);font-size:14px;display:grid;gap:8px}.status-card.inline{margin-bottom:20px}.status-card.brief{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.brief-lines{display:grid;gap:6px;margin-top:8px}.brief-right{background:#fff7ea;border-radius:14px;padding:12px;border:1px solid var(--border);display:grid;gap:6px}.brief-title{font-weight:600}.brief-item{font-size:13px}.brief-empty{font-size:13px;color:var(--muted)}.brief-more{font-size:12px;color:var(--muted)}.status-check{display:flex;justify-content:space-between;align-items:center}.status-note{color:var(--muted);font-size:12px}.status-left{display:grid;gap:6px}.status-right{display:grid;justify-items:center;gap:6px}.chest{border:1px solid var(--border);background:#fff7ea;border-radius:16px;padding:12px 14px;display:grid;place-items:center;cursor:pointer;font-size:20px;min-width:64px}.chest.open{background:#fff1dc}.chest.locked{background:#f2f2f2;color:#b5b5b5;cursor:not-allowed}.diamond{display:block;font-size:12px;margin-top:6px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-time{font-size:18px;color:var(--ink);font-family:Fraunces,serif}.app-actions{display:grid;justify-items:end;gap:4px}.name-card{margin-bottom:12px}.app-tabs{display:flex;gap:8px}.tab-active{background:#fff;box-shadow:var(--shadow)}.app-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}.settings-btn{height:fit-content;display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;box-shadow:none;cursor:pointer}.settings-btn .icon{font-size:22px}.status-title{font-weight:600}.status-time{color:var(--muted)}.main{padding:32px 40px 48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.week-controls{display:flex;gap:10px;align-items:center}.week-controls.centered{justify-content:center;width:100%}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--muted)}h1,h2{font-family:Fraunces,serif;margin:4px 0 0}.topbar-actions{display:flex;gap:16px;align-items:center}.segmented{display:flex;background:var(--chip);padding:4px;border-radius:14px}.segmented-btn{border:none;background:transparent;padding:8px 14px;border-radius:12px;cursor:pointer;font-weight:500;color:var(--muted)}.segmented-btn.active{background:#fff;color:var(--ink);box-shadow:0 10px 20px #11100e1a}.primary{background:var(--accent);border:none;color:#fff;padding:10px 18px;border-radius:14px;font-weight:600;cursor:pointer;box-shadow:0 12px 24px #f08c5b4d}.ghost{border:1px solid var(--border);background:transparent;padding:8px 14px;border-radius:12px;cursor:pointer}.ghost:disabled{opacity:.5;cursor:not-allowed}.week-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.day-card{background:var(--card);border-radius:20px;padding:18px;border:1px solid var(--border);box-shadow:0 12px 32px #16120c14;display:grid;gap:16px}.day-header{display:flex;justify-content:space-between;align-items:center}.day-label{font-weight:600;font-size:16px}.day-date{color:var(--muted);font-size:13px}.badge{background:var(--chip);padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600}.category-group{display:grid;gap:10px}.category-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.task{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;padding:10px;border-radius:12px;background:#fff;border:1px solid rgba(234,223,205,.7)}.task.overdue{border-color:#f2b28d;background:#fff0e6}.task-title{font-weight:600}.task-meta{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.pill{padding:4px 8px;border-radius:12px;background:var(--chip);font-size:11px;font-weight:600}.wizard{background:var(--card);border-radius:24px;padding:24px;border:1px solid var(--border);box-shadow:var(--shadow);display:grid;gap:24px}.wizard-steps{display:flex;gap:12px;flex-wrap:wrap}.step{padding:8px 14px;border-radius:12px;background:var(--chip);font-size:12px}.step.active{background:var(--sea);color:#fff}.chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}.wizard-divider{margin-top:18px;padding-top:10px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;letter-spacing:1px;text-transform:uppercase}.chip{border:1px solid var(--border);background:#fff;padding:12px 14px;border-radius:14px;cursor:pointer;font-weight:600}.chip.active{background:#fff2e7;border-color:#f2b28d}.chip.current{background:var(--sea);color:#fff;border-color:var(--sea)}.wizard-footer{display:flex;justify-content:space-between;margin-top:24px}.section-head{display:grid;gap:8px;margin-bottom:20px}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.suggestion-card{padding:20px;background:var(--card);border-radius:18px;border:1px solid var(--border);display:grid;gap:12px;box-shadow:0 16px 32px #1c160f14}.suggestion-title{font-weight:600;font-size:16px}.card-actions,.filters{display:flex;gap:10px;flex-wrap:wrap}.history-list{display:grid;gap:12px}.history-row{display:flex;justify-content:space-between;align-items:center;background:var(--card);padding:16px;border-radius:14px;border:1px solid var(--border)}.history-meta{color:var(--muted);font-size:13px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.setting-card{padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--border);display:grid;gap:8px}.setting-title{font-weight:600}.setting-value{font-size:22px;font-family:Fraunces,serif}.setting-note{color:var(--muted);font-size:13px}.card{padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--border);box-shadow:0 16px 32px #1c160f14}.projects-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.4fr);gap:18px;align-items:start}.projects-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.project-cards{display:grid;gap:12px}.project-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fff;text-align:left;cursor:pointer;display:grid;gap:6px;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1c160f1f}.project-card.active{border-color:var(--sea);box-shadow:0 16px 32px #224a4733}.project-name{font-weight:600}.project-meta{color:var(--muted);font-size:13px}.project-detail{display:grid;gap:12px}.form-grid,.todo-block,.todo-list{display:grid;gap:10px}.todo-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.note-muted{color:var(--muted);font-size:13px}.project-pill{background:#e5f1ef;border-color:#c8e1dc;color:#1f4c48}.note-input{width:100%;min-height:120px;padding:12px;border-radius:12px;border:1px solid var(--border);font-family:inherit;resize:vertical}.task-actions{display:flex;justify-content:flex-end}.detail-btn{border:none;background:var(--chip);width:28px;height:28px;border-radius:10px;cursor:pointer;font-weight:700}.modal-overlay{position:fixed;inset:0;background:#0006;display:none;place-items:center;padding:20px;z-index:30}.modal-overlay.show{display:grid}.modal{background:var(--card);border-radius:20px;padding:20px;max-width:420px;width:100%;box-shadow:var(--shadow);border:1px solid var(--border)}.settings-tabs{width:fit-content;margin:0 auto}.settings-tabs.inside{margin-top:10px}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.modal-body{display:grid;gap:10px;font-size:14px}.modal-row{display:flex;justify-content:space-between;gap:12px}.modal-row span{color:var(--muted)}.input-label{font-size:12px;color:var(--muted)}.text-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);font-family:inherit;font-size:14px}.menu-icon{font-size:16px;line-height:1}@media(max-width:980px){html,body,#root,.app{width:100%;max-width:100%;overflow-x:hidden}.app-tabs{display:none}.app-header{align-items:flex-start;gap:10px}.app-title{min-width:0}.brand-mark{width:40px;height:40px;border-radius:12px;font-size:13px}.brand-title{font-size:18px}.brand-sub{font-size:12px}.main{width:100%;max-width:100vw;padding:18px 14px calc(112px + env(safe-area-inset-bottom))}.topbar{flex-direction:column;align-items:stretch;gap:14px;width:100%}.week-controls,.topbar-actions{width:100%;flex-wrap:wrap}.status-card.brief,.together-stats,.settings-grid,.projects-grid,.week-grid,.card-grid,.wizard,.history-layout{grid-template-columns:1fr}.nav.mobile{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;z-index:50;background:#fffdf8f0;border:1px solid rgba(234,223,205,.85);border-radius:22px;box-shadow:0 12px 34px #1714102e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav.mobile .nav-item{min-width:0;width:100%;padding:10px 4px;border-radius:16px;text-align:center;font-size:12px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:600px){.modal{max-width:min(320px,calc(100vw - 28px));padding:16px}.setting-value{font-size:18px}h1{font-size:clamp(30px,10vw,44px);line-height:.95}.section-head h2,.planning-card h2,.onboarding-card h3{font-size:clamp(22px,7vw,30px);line-height:1.08}}.member-list{display:grid;gap:6px;margin-top:10px}.member-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}@media(max-width:980px){.projects-grid{grid-template-columns:1fr}.projects-head{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.todo-row{grid-template-columns:1fr}}.language-select{display:inline-flex;align-items:center;gap:6px;inline-size:auto;max-inline-size:180px;color:var(--muted);font-size:12px;font-weight:700}.language-select select{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff14;color:var(--text);padding:7px 10px;font:inherit}.todays-three-card{border-color:#ffd67a38;background:linear-gradient(135deg,#ffd67a1f,#ffffff0d)}.section-head.compact{margin-bottom:12px}.tiny-pill{display:inline-flex;align-items:center;justify-content:center;min-inline-size:34px;min-block-size:28px;border-radius:999px;padding:0 10px;background:#ffffff1a;color:var(--gold);font-weight:900;white-space:nowrap}.today-three-list{display:grid;gap:10px}.today-three-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#ffffff14}.today-three-item span{display:inline-flex;align-items:center;justify-content:center;inline-size:26px;block-size:26px;border-radius:50%;background:#ffd67a29;color:var(--gold);font-weight:900}.today-three-item strong{color:var(--text);font-size:14px}.today-three-item em{color:var(--muted);font-size:12px;font-style:normal}.planning-card,.onboarding-card{display:grid;gap:14px;margin-bottom:16px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.planning-card h2,.onboarding-card h3{margin:0 0 4px;color:var(--text)}.planning-card p,.onboarding-card p{margin:0;color:var(--muted)}.planning-chips{display:flex;flex-wrap:wrap;gap:8px}.planning-chips button{border-radius:999px;padding:8px 12px;background:#ffd67a1f;color:var(--gold);font-weight:800;font-size:13px}.onboarding-card ol{margin:0;padding-inline-start:20px;color:var(--text)}.onboarding-card li+li{margin-top:6px}.planning-card small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.planning-chips button{border:0;cursor:pointer}.together-board{border-color:#7bd7ff33;background:linear-gradient(135deg,#7bd7ff1a,#ffffff0d)}.together-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.together-stats div{display:grid;gap:4px;padding:12px;border-radius:16px;background:#ffffff14}.together-stats strong{color:var(--text);font-size:24px}.together-stats span{color:var(--muted);font-size:12px;font-weight:700}@media(max-width:700px){.together-stats{grid-template-columns:1fr}}.app-header{position:sticky;top:0;z-index:40;margin:-18px -14px 14px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:#f6f2eaeb;border-bottom:1px solid rgba(234,223,205,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-actions{display:flex;align-items:center;gap:8px}.modal-overlay{align-items:start;padding:14px;overflow-y:auto}.modal{max-width:360px;max-height:calc(100vh - 28px);overflow-y:auto;padding:14px;border-radius:22px}.modal-header h3{margin:0;font-size:22px}.modal-body,.modal .settings-grid{gap:8px}.modal .setting-card{padding:12px;border-radius:16px;gap:8px}.modal .setting-title{font-size:13px;margin:0}.modal .setting-value{font-size:20px}.modal .text-input,.modal .compact-input{max-width:180px;margin-inline-start:auto;padding:8px 10px;min-height:40px}.modal .segmented{max-width:240px;margin-inline-start:auto;margin-inline-end:0}.modal .segmented-btn{padding:8px 10px;font-size:12px}.modal .ghost,.modal .primary{padding:8px 10px;min-height:38px}.language-select{display:none}@media(max-width:600px){.app-header{margin:-18px -14px 12px}.app-time{display:none}.modal{width:min(360px,calc(100vw - 28px));max-width:min(360px,calc(100vw - 28px))}}@media(max-width:980px){.app-header{position:fixed!important;top:0;left:0;right:0;z-index:80;margin:0!important;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:#f6f2eaf5;border-bottom:1px solid rgba(234,223,205,.9);box-shadow:0 8px 22px #17141014;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.main{padding-top:calc(78px + env(safe-area-inset-top))!important}.together-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}.together-stats div{min-width:0;padding:10px 6px;text-align:center;align-content:center}.together-stats strong{font-size:22px;line-height:1}.together-stats span{font-size:10px;line-height:1.15;overflow-wrap:anywhere}}@media(max-width:700px){.together-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:980px){.app-header{top:max(10px,env(safe-area-inset-top))!important;min-height:74px;padding:12px 14px 10px!important;align-items:center!important;overflow:visible!important;border-radius:0 0 22px 22px}.main{padding-top:calc(104px + env(safe-area-inset-top))!important}.app-title{margin-bottom:0!important}.brand-title,.brand-sub{line-height:1.15}}.modal-overlay{z-index:140!important;place-items:start center!important;padding:calc(104px + env(safe-area-inset-top)) 16px calc(128px + env(safe-area-inset-bottom))!important;overflow-y:auto!important}.modal{margin:0 auto 24px!important;width:min(360px,calc(100vw - 32px))!important;max-width:min(360px,calc(100vw - 32px))!important;max-height:calc(100dvh - 160px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overflow-y:auto!important}.modal-body{gap:12px!important}.modal .settings-grid+.settings-grid,.modal .setting-card+.setting-card,.modal .card-actions{margin-top:10px!important}.modal .card-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-end!important}@media(max-width:600px){.modal-overlay{padding-top:calc(108px + env(safe-area-inset-top))!important;padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}.modal{border-radius:24px!important}}.main:has(#projects.screen.active)>.status-card,.main:has(#profile.screen.active)>.status-card,.main:has(#feed.screen.active)>.status-card,.main:has(#add.screen.active)>.status-card,.main:has(#settings.screen.active)>.status-card{display:none!important}.main:has(#projects.screen.active) .screen.active,.main:has(#profile.screen.active) .screen.active,.main:has(#feed.screen.active) .screen.active,.main:has(#add.screen.active) .screen.active,.main:has(#settings.screen.active) .screen.active{margin-top:6px!important}@media(max-width:980px){.main:has(#projects.screen.active),.main:has(#profile.screen.active),.main:has(#feed.screen.active),.main:has(#add.screen.active),.main:has(#settings.screen.active){padding-top:calc(92px + env(safe-area-inset-top))!important}}.main>.status-card{display:none!important}.main:has(#profile.screen.active)>.status-card.brief{display:grid!important}.main:has(#profile.screen.active)>.status-card.todays-three-card,.main:has(#profile.screen.active)>.status-card.together-board,.main:has(#profile.screen.active)>.status-card.status-check{display:grid!important}
