:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;color:#20231f;background:#f5f4ef;font-synthesis:none;--ink:#20231f;--muted:#777b72;--line:#dcddd6;--paper:#fffefa;--accent:#e95b3e;--green:#2f7057}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.muted{color:var(--muted)}.brand-mark{display:grid;place-items:center;width:52px;height:52px;color:#fff;background:var(--ink);border-radius:15px;font-size:24px;font-weight:700;transform:rotate(-5deg)}.brand-mark.small{width:36px;height:36px;border-radius:10px;font-size:16px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-story{display:flex;flex-direction:column;justify-content:center;padding:8vw;background:#d9e4d9;border-right:1px solid #bdcabc}.auth-story h1{max-width:720px;margin:20px 0;font-size:clamp(42px,5vw,76px);line-height:1.08;letter-spacing:-.055em}.auth-story .lead{max-width:650px;color:#4a5248;font-size:20px;line-height:1.7}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.trust-row span{padding:8px 12px;border:1px solid #aebdad;border-radius:999px;color:#4a5248;font-size:12px}.auth-panel{display:grid;place-items:center;padding:50px;background:#f5f4ef}.auth-card{width:min(430px,100%);padding:40px;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 80px #262a2314}.auth-card h2{margin:0 0 8px;font-size:30px;letter-spacing:-.03em}.auth-card>.muted{margin-bottom:26px;font-size:13px;line-height:1.6}.form-stack{display:flex;flex-direction:column;gap:15px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field span{color:#5f635b;font-size:12px;font-weight:600}.field input,.field textarea,.field select,.creator-input{width:100%;border:1px solid #d8d9d2;border-radius:10px;background:#fff;padding:11px 12px;color:var(--ink);outline:none;transition:.15s}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.creator-input:focus{border-color:#71766d;box-shadow:0 0 0 3px #444c4114}.button{min-height:42px;padding:9px 16px;border:1px solid transparent;border-radius:10px;font-weight:600;transition:.15s}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{color:#fff;background:var(--ink)}.button.primary:hover:not(:disabled){background:#000;transform:translateY(-1px)}.button.secondary{color:var(--ink);background:#fff;border-color:var(--line)}.button.danger{color:#8c2e1b;background:#fff3ef;border-color:#edc8bd}.button.full{width:100%}.text-button{padding:7px 0;color:#4f6257;background:none;border:0;font-weight:600}.auth-card>.text-button{margin-top:14px;width:100%;font-size:12px}.error-box,.warning-box{padding:11px 13px;border-radius:9px;font-size:12px;line-height:1.5}.error-box{color:#7e2d20;background:#fff0ec;border:1px solid #f1c9bf}.warning-box{color:#6d551b;background:#fff9e7;border:1px solid #eadba7}.center-state{min-height:100vh;display:flex;gap:12px;align-items:center;justify-content:center;color:var(--muted)}.spinner{width:17px;height:17px;border:2px solid #d2d4ce;border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 16px;color:#e6e9e2;background:#242722}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{margin-top:2px;color:#979e93;font-size:10px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:12px;color:#acb2a8;background:none;border:0;border-radius:9px;text-align:left;font-size:13px}.sidebar nav button.active{color:#fff;background:#343831}.sidebar nav button em{margin-left:auto;color:#777e74;font-size:9px;font-style:normal}.nav-dot{width:6px;height:6px;background:#666c63;border-radius:50%}.sidebar nav button.active .nav-dot{background:#f07959;box-shadow:0 0 0 4px #f079591f}.sidebar-foot{margin-top:auto;padding:13px;color:#8e968b;border-top:1px solid #3a3e37;font-size:10px}.live-dot{display:inline-block;width:7px;height:7px;margin-right:6px;background:#62b48e;border-radius:50%}.workspace{min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#f5f4efe8;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar p{margin-bottom:3px}.user-chip{display:flex;align-items:center;gap:9px}.user-chip>span{display:grid;place-items:center;width:32px;height:32px;color:#fff;background:#56655a;border-radius:50%;font-size:12px}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{color:var(--muted);font-size:9px}.user-chip button{margin-left:8px;padding:6px 8px;color:var(--muted);background:none;border:0;font-size:11px}.page{padding:38px clamp(22px,4vw,58px) 70px}.page-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:30px}.page-heading h1{margin:0 0 9px;font-size:34px;letter-spacing:-.04em}.page-heading p:last-child{margin:0;color:var(--muted);font-size:13px}.metric-grid,.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{min-width:0;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:13px}.metric>span,.metric>small{display:block;color:var(--muted);font-size:10px}.metric strong{display:block;margin:8px 0 6px;overflow:hidden;text-overflow:ellipsis;font-size:25px;letter-spacing:-.04em;white-space:nowrap}.list-card{margin-top:20px;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:15px}.list-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line)}.list-head h2,.list-head p{margin:0}.list-head h2{font-size:15px}.list-head p,.list-head span{margin-top:3px;color:var(--muted);font-size:10px}.empty-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center}.empty-state h3,.empty-state p{margin:0}.empty-state h3{color:var(--ink)}.empty-icon{font-size:40px;color:#9ea49b}.goal-list{display:flex;flex-direction:column}.goal-row{display:grid;grid-template-columns:8px minmax(220px,1fr) 70px 80px 150px 90px 20px;gap:14px;align-items:center;width:100%;padding:17px 20px;color:inherit;background:transparent;border:0;border-bottom:1px solid #e7e7e1;text-align:left}.goal-row:last-child{border-bottom:0}.goal-row:hover{background:#faf9f4}.status-mark{width:7px;height:38px;border-radius:6px;background:#a5aaa1}.status-mark.active{background:#438066}.status-mark.pending_approval{background:#df963f}.status-mark.paused{background:#d55f47}.goal-main>div{display:flex;align-items:center;gap:7px}.goal-main h3{margin:0;font-size:13px}.goal-main p{margin:5px 0 0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.status-pill,.mode-pill{padding:3px 6px;border-radius:999px;font-size:8px}.status-pill{background:#eceee9}.status-pill.active{color:#28654c;background:#e3f0e9}.status-pill.pending_approval{color:#83551f;background:#fff0d9}.status-pill.paused{color:#8c2e1b;background:#ffe8e1}.mode-pill{color:#5a6157;border:1px solid #d8dad3}.goal-stat strong,.goal-stat span{display:block}.goal-stat strong{font-size:15px}.goal-stat span{color:var(--muted);font-size:9px}.goal-progress>span{display:block;width:100%;height:5px;overflow:hidden;background:#e9eae5;border-radius:5px}.goal-progress i{display:block;height:100%;background:#6d8676;border-radius:5px}.goal-progress small{color:var(--muted);font-size:8px}.goal-row time{color:var(--muted);font-size:9px}.chevron{color:#a4a89f;font-size:21px}.panel-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#181b174d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.side-panel{width:min(720px,94vw);height:100%;overflow:auto;background:#f9f8f3;box-shadow:-18px 0 60px #15181429;animation:slide .18s ease-out}@keyframes slide{0%{transform:translate(30px);opacity:.7}}.side-panel>header{position:sticky;z-index:2;top:0;display:flex;justify-content:space-between;padding:23px 28px;background:#f9f8f3f0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.side-panel>header h2,.side-panel>header p{margin:0}.side-panel>header h2{font-size:20px}.side-panel>header p{margin-top:4px;color:var(--muted);font-size:10px}.side-panel>header button{width:34px;height:34px;color:#71766d;background:#eeeee8;border:0;border-radius:50%;font-size:20px}.panel-form,.detail-stack{padding:26px 28px 50px}.panel-form>section,.policy-section,.detail-section{margin-bottom:18px;padding:19px;background:var(--paper);border:1px solid var(--line);border-radius:13px}.panel-form section h3,.detail-section h3{margin:0 0 15px;font-size:12px;letter-spacing:.02em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.wide{grid-column:1/-1}.notice{display:flex;flex-direction:column;gap:4px;margin-bottom:15px;padding:11px 13px;color:#4f5b52;background:#edf3ec;border:1px solid #d5e0d4;border-radius:9px;font-size:10px}.notice strong{color:#314138;font-size:11px}.policy-head,.section-title{display:flex;align-items:center;justify-content:space-between}.policy-head h3,.section-title h3{margin:0}.section-title span{color:var(--muted);font-size:9px}.switch{width:36px;height:20px;padding:2px;background:#d5d7d1;border:0;border-radius:999px}.switch i{display:block;width:16px;height:16px;background:#fff;border-radius:50%;transition:.15s}.switch.on{background:#4d765f}.switch.on i{transform:translate(16px)}.policy-section .form-grid{margin-top:17px}.safety-note{margin:13px 0 0;color:#7c8178;font-size:9px;line-height:1.5}.panel-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:9px;padding:15px 0;background:linear-gradient(transparent,#f9f8f3 18%)}.detail-hero{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;padding:22px;color:#e8ece6;background:#30352f;border-radius:14px}.detail-hero p{margin:0 0 10px;max-width:480px;font-size:14px;line-height:1.5}.detail-hero small{color:#9fa69c;font-size:9px}.detail-hero>span{align-self:center;font-size:30px;font-weight:700}.detail-hero>span small{display:block;text-align:right}.creator-input{min-height:120px;margin-bottom:10px;resize:vertical;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.preview-empty{width:100%;padding:25px;color:#5c655d;background:#f6f7f3;border:1px dashed #cdd1c9;border-radius:10px}.preview-grid{grid-template-columns:1fr 1fr;gap:8px}.preview-grid .metric{background:#fafaf7}.preview-grid .metric strong{font-size:18px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.coming{max-width:700px;margin:12vh auto;padding:50px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.coming h1{font-size:31px;letter-spacing:-.04em}.coming>p:not(.eyebrow){color:var(--muted);line-height:1.7}.reply-list{display:flex;flex-direction:column}.reply-card{display:grid;grid-template-columns:42px minmax(0,1fr) 130px;gap:14px;align-items:center;padding:18px 22px;border-bottom:1px solid #e7e7e1}.reply-card:last-child{border-bottom:0}.reply-avatar{display:grid;place-items:center;width:40px;height:40px;overflow:hidden;color:#fff;background:#59655c;border-radius:50%;font-size:13px;font-weight:700}.reply-avatar img{width:100%;height:100%;object-fit:cover}.reply-body>div{display:flex;align-items:center;gap:8px}.reply-body h3,.reply-body p{margin:0}.reply-body h3{font-size:13px}.reply-body p{margin:7px 0;color:#363b35;font-size:12px;line-height:1.55}.reply-body small,.reply-next small{color:var(--muted);font-size:9px}.reply-next{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.reply-next>span{padding:5px 8px;color:#5d4a1d;background:#fff4d7;border-radius:999px;font-size:9px;font-weight:700}@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.goal-row{grid-template-columns:8px 1fr 60px 70px 20px}.goal-progress,.goal-row time{display:none}}@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:18px}.app-shell{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:auto;padding:14px}.sidebar nav{flex-direction:row;overflow:auto}.sidebar nav button{min-width:max-content}.sidebar-foot{display:none}.brand{padding-bottom:12px}.topbar{padding:0 16px}.page{padding:24px 14px 60px}.page-heading{flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.goal-row{grid-template-columns:7px 1fr 45px 18px;padding:14px 10px}.goal-stat:nth-of-type(2),.goal-progress,.goal-row time{display:none}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.preview-grid{grid-template-columns:1fr 1fr}.auth-card{padding:28px}.reply-card{grid-template-columns:36px 1fr;padding:14px}.reply-next{grid-column:2;align-items:flex-start}}