:root{--bg:#f4f5ef;--paper:#fffefa;--ink:#1c342e;--muted:#75827a;--line:#e0e5da;--green:#1a4d3e;--soft:#e8eee1;--lime:#d4e5b4;--orange:#ec8452;--red:#a53c39;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--green)}button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:10px 15px;font-size:13px;font-weight:600}button:hover:not(:disabled){background:var(--soft)}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover:not(:disabled){background:#28634f}button.quiet{background:none;border-color:transparent}button.small{padding:7px 10px;font-size:12px}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:#eef0e7;border-right:1px solid var(--line);padding:31px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:232px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:760;letter-spacing:-1px}.brandmark{background:var(--green);color:var(--lime);width:37px;height:37px;display:grid;place-items:center;border-radius:12px;font-size:24px}.brand small{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:3px}.workspace{margin:34px 0 24px;padding:13px 10px;border:1px solid #d7decf;border-radius:10px;display:flex;align-items:center;gap:9px;font-size:12px;background:#f7f8f2}.initial{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#dbe4cb;font-size:13px;font-weight:700}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.sidebar nav{display:grid;gap:6px;margin-top:11px}.nav{border:none;background:none;text-align:left;padding:12px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.nav span:first-child{width:18px;text-align:center;font-size:17px}.nav.active{background:var(--green);color:#fff}.nav.active:hover{background:var(--green)}.sidebottom{margin-top:auto;padding-top:35px}.sidecard{background:#e2e9d7;padding:15px;border-radius:12px;font-size:12px;line-height:1.6;margin-bottom:22px}.sidecard b{display:block;margin:7px 0}.sidecard p{margin:4px 0;color:#64735d}.accountfoot{font-size:11px;color:var(--muted);overflow-wrap:anywhere;display:flex;gap:8px;align-items:center}.main{grid-column:2;padding:0 42px 38px;min-width:0}.topbar{height:87px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.topbar .right{display:flex;gap:16px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#6c8d63;display:inline-block;margin-right:6px}.pagehead{margin:34px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.pagehead h1{font-family:Georgia,serif;font-size:36px;font-weight:400;letter-spacing:-1.2px;margin:8px 0 9px}.pagehead p,.muted{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.stat,.card{background:var(--paper);border:1px solid var(--line);border-radius:13px}.stat{padding:21px}.stat .label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.stat .value{font-size:32px;font-weight:600;letter-spacing:-1px;margin:18px 0 8px}.stat .hint{color:var(--muted);font-size:11px;line-height:1.5}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;letter-spacing:.2px;background:var(--soft);color:var(--green);border-radius:20px;padding:5px 8px;white-space:nowrap}.badge.warn{background:#fff0df;color:#99651f}.badge.danger{background:#fce8e3;color:var(--red)}.badge.dark{background:#315749;color:#fff}.grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px;margin-bottom:23px}.card{padding:24px}.cardhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.cardhead h2{font-size:15px;font-weight:650;margin:0}.cardhead p{margin:5px 0 0}.goal{background:var(--green);color:#fff;border:none;position:relative;overflow:hidden}.goal .eyebrow,.goal .muted{color:#b8cbb8}.goal h2{font:30px Georgia,serif;margin:15px 0 12px}.goal strong{font-size:35px;font-weight:500}.goal progress{margin:22px 0 10px;accent-color:var(--lime);height:8px;width:100%;border:0;border-radius:10px;background:#4e6b58}.goal progress::-webkit-progress-bar{background:#4e6b58;border-radius:10px}.goal progress::-webkit-progress-value{background:var(--lime);border-radius:10px}.goalmeta{display:flex;justify-content:space-between;font-size:11px;color:#c0d2bd}.chartempty{height:200px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#eef1e8 49px,#eef1e8 50px);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px}.chart{width:100%;height:200px}.chart line{stroke:var(--line)}.chart polyline{fill:none;stroke:#3e7358;stroke-width:3}.chart circle{fill:#3e7358}.chartlabels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.sectionheading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 15px}.sectionheading h2{font-size:16px;margin:0}.contentgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.postcard{border:1px solid var(--line);background:var(--paper);border-radius:13px;overflow:hidden}.postcard .visual{height:165px;background:#e9eddf;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual img,.visual video{width:100%;height:100%;object-fit:cover}.visual .emptyart{text-align:center;color:#879577;font:italic 25px Georgia,serif;padding:20px}.visual .format{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.9);font-size:10px;border-radius:5px;padding:5px 8px}.postbody{padding:17px}.postbody h3{font-size:14px;margin:11px 0 7px}.postbody p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.postfoot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;font-size:10px;color:var(--muted)}.empty{padding:45px 25px;border:1px dashed #ccd5c1;border-radius:12px;text-align:center;background:#f8f9f3}.empty .symbol{font:40px Georgia,serif;color:#718465;margin-bottom:12px}.empty h3{font-size:16px;margin:0 0 9px}.empty p{font-size:13px;color:var(--muted);line-height:1.6;max-width:450px;margin:0 auto 19px}.listrow{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);gap:12px;font-size:13px}.listrow:first-child{border-top:0}.listrow small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.activity-dot{width:8px;height:8px;background:#95ad7e;border-radius:50%;flex-shrink:0}.activity{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;margin:18px 0}.activity time{display:block;color:var(--muted);font-size:10px;margin-top:4px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tabs button.active{background:var(--green);color:white}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}.dayname{text-align:center;padding:14px 5px;font-size:11px;color:var(--muted);background:#edf1e6}.day{min-height:110px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:10px;font-size:11px;min-width:0}.day.today{background:#eef3e2}.day .daynumber{display:block;margin-bottom:12px}.calendarpost{padding:5px;background:#e0e9d4;border:0;border-radius:5px;font-size:10px;display:block;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0}.notice{background:#fff1df;border:1px solid #ebd4af;border-radius:10px;padding:14px 17px;font-size:12px;line-height:1.7;margin-bottom:22px;color:#785b33}.notice.green{background:#eaf0df;border-color:#d4dec7;color:#496040}label{display:grid;gap:7px;font-size:12px;font-weight:600;margin-bottom:17px}input,textarea,select{border:1px solid #d9dfd1;border-radius:8px;background:#fffefa;color:var(--ink);padding:11px;width:100%;font-size:13px}textarea{resize:vertical;min-height:110px}label small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;font-weight:400}.check input{width:16px;margin-top:3px}dialog{border:1px solid var(--line);border-radius:17px;padding:28px;max-width:640px;width:calc(100% - 32px);max-height:90vh;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #173f3630}dialog::backdrop{background:#152c2766;backdrop-filter:blur(3px)}dialog h2{font:28px Georgia,serif;margin:0 0 7px}.modalhead{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modalhead button{padding:4px 9px}dialog form .actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}#toast{position:fixed;right:25px;bottom:25px;max-width:460px;background:var(--green);color:white;border-radius:10px;padding:0;box-shadow:0 5px 20px #0002;z-index:10;font-size:13px}#toast:not(:empty){padding:16px 20px}.error{color:var(--red);font-size:12px;line-height:1.6}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.authaside{background:var(--green);color:white;padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center}.authaside .brandmark{background:var(--lime);color:var(--green)}.authaside h1{font:56px/1.1 Georgia,serif;letter-spacing:-2px;max-width:440px;margin:50px 0 20px}.authaside p{color:#bed0ba;font-size:15px;line-height:1.8;max-width:360px}.authform{max-width:430px;width:100%;padding:35px;margin:auto}.authform h2{font:32px Georgia,serif;margin-bottom:12px}.authform .muted{margin-bottom:27px}.authform button{width:100%;padding:13px}.steps{counter-reset:step;display:grid;gap:17px}.step{display:flex;gap:13px;font-size:12px;line-height:1.65}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;height:28px;width:28px;flex-shrink:0}.step b{display:block;margin-bottom:3px}.step p{margin:0;color:var(--muted)}.connection{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid var(--line)}.connection .glyph{font-size:24px;background:var(--soft);border-radius:12px;height:47px;width:47px;display:grid;place-items:center;flex-shrink:0}.connection .detail{flex:1}.connection h3{font-size:14px;margin:0 0 6px}.connection p{font-size:12px;margin:0;color:var(--muted);line-height:1.6}code{font-size:11px;background:var(--soft);padding:3px 5px;border-radius:4px}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.accountcards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.accounthead{display:flex;gap:14px;align-items:center;margin-bottom:22px}.avatar{width:50px;height:50px;background:#d8e6c5;border-radius:50%;display:grid;place-items:center;font:25px Georgia,serif}.accounthead h3{font-size:16px;margin:0 0 6px}.strategy{font-size:13px;line-height:1.8}.strategy h3{margin-top:0}.strategy li{margin:10px 0;color:#687967}.metricstable{width:100%;border-collapse:collapse;font-size:12px}.metricstable th,.metricstable td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.metricstable th{color:var(--muted);font-weight:500}.tablewrap{overflow:auto}.editorpreview{display:flex;gap:15px;margin:15px 0}.editorpreview img,.editorpreview video{width:100px;height:130px;object-fit:cover;border-radius:9px}.inboxcomment{padding:20px 0;border-top:1px solid var(--line)}.inboxcomment blockquote{margin:12px 0;padding:12px 16px;background:var(--soft);font-size:13px;border-radius:8px}.inboxcomment .actions{margin-top:10px}.headerselect{max-width:180px;padding:8px;font-size:11px}.wide{grid-column:1/-1}.footer{color:var(--muted);font-size:10px;text-align:center;padding-top:28px}.hidden{display:none}
.contentgrid+.grid2{margin-top:24px}.previewnotice{margin-top:18px;margin-bottom:0}
.settingsgrid>*{min-width:0}.connection .detail{min-width:0;overflow-wrap:anywhere}
.nav{flex-shrink:0}
.welcome{min-height:100vh;background:#f8f8f2;padding:32px 6vw;color:#173f36}.welcome-nav{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:auto}.welcome-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.85fr);align-items:center;gap:8vw;max-width:1400px;margin:65px auto 30px}.welcome-story h1{font:clamp(40px,4.8vw,76px)/1.03 Georgia,serif;letter-spacing:-3px;margin:20px 0 25px}.welcome-story h1 em{font-weight:400;color:#78954c}.welcome-story>p{font-size:16px;line-height:1.8;color:#6a7b71;max-width:520px}.welcome-pills{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.welcome-pills span{font-size:11px;background:#eaf0df;padding:9px 12px;border-radius:30px}.signup-card{background:#fffefb;border:1px solid #dfe5d8;border-radius:24px;padding:38px;box-shadow:0 24px 80px #183d3610}.signup-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#edf2e4;font-size:32px;color:#5c7c43}.signup-card h2{font:34px/1.1 Georgia,serif;letter-spacing:-1px;margin:24px 0 15px}.signup-card>p{color:#6b7d71;font-size:13px;line-height:1.8}.google-button{display:flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;border:1px solid #d9e1d1;border-radius:11px;padding:16px;margin:25px 0 16px;width:100%;font-size:14px;background:white;color:#243f33}.google-button span{margin-left:auto}.google-button b{font-size:20px}.signup-benefits{font-size:12px;line-height:2.4;color:#5d7361;border-bottom:1px solid #e4e9de;padding:4px 0 22px;margin-bottom:20px}.signup-card details{font-size:12px;color:#6d7e72;margin:20px 0}.signup-card summary{cursor:pointer}.signup-card form{margin-top:20px}.signup-card>small{display:block;font-size:10px;line-height:1.8;color:#7f8b81}.welcome-art{position:relative;height:245px;max-width:570px;margin-top:32px}.art-card{position:absolute;width:58%;height:205px;border-radius:17px;padding:25px;box-shadow:0 15px 30px #14382b14;overflow:hidden}.art-card>span{font-size:9px;letter-spacing:1.5px}.art-card strong{display:block;font:26px/1.2 Georgia,serif;margin-top:24px}.art-one{left:1%;top:0;background:#dce8c5;transform:rotate(-5deg)}.art-two{right:0;top:35px;background:#214e40;color:#f4f5e9;transform:rotate(4deg)}.art-two small{display:block;font-size:10px;margin-top:23px;color:#bed1ab}.art-sun{position:absolute;font-size:140px;right:-12px;bottom:-65px;opacity:.3}.welcome-footer{max-width:1400px;margin:auto;padding:25px 0;border-top:1px solid #e0e5d9;color:#77877a;font-size:11px;display:flex;justify-content:space-between;gap:20px}.autopilot-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#204d40;color:#fffdf4;border-radius:19px;padding:35px;margin-bottom:25px}.autopilot-hero h2{font:36px/1.12 Georgia,serif;letter-spacing:-1px;margin:16px 0}.autopilot-hero p{font-size:13px;color:#c0d0b9;max-width:520px;line-height:1.8}.autopilot-hero .eyebrow{color:#caddac}.orbit{display:grid;place-items:center;flex-shrink:0;width:160px;height:160px;border:1px solid #719176;border-radius:50%;text-align:center}.orbit span{font-size:60px;color:#d3e3b4}.orbit small{font-size:11px;line-height:1.7}.runhistory{margin-top:24px}.card,.stat{box-shadow:0 3px 16px #233f3004}.pagehead h1{font-size:39px}.sidebar{background:#edf0e6}.nav.active{box-shadow:0 5px 14px #173f3618}button.primary{box-shadow:0 4px 10px #173f3610}.accountcards .card .actions{margin-top:16px}
@media(max-width:850px){.welcome{padding:24px}.welcome-grid{grid-template-columns:1fr;gap:30px;margin:42px auto}.welcome-story h1{font-size:49px;letter-spacing:-2px}.welcome-art{height:240px}.signup-card{padding:28px;max-width:560px;width:100%;margin:auto}.welcome-footer{flex-direction:column}.autopilot-hero{padding:24px}.orbit{display:none}.autopilot-hero h2{font-size:30px}}
@media(max-width:760px){.sidebottom{display:block!important;padding-top:12px}.sidebottom .sidecard,.sidebottom .accountfoot{display:none}.sidebottom button{padding:5px 10px}.welcome-story h1{font-size:43px}.art-card{padding:18px}.art-card strong{font-size:22px}.welcome-pills{gap:6px}.welcome-pills span{font-size:10px;padding:8px}.signup-card h2{font-size:30px}}
@media(min-width:1500px){.main{max-width:1500px;width:100%;margin:0 auto}}@media(max-width:1100px){.main{padding:0 25px 30px}.stats{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.contentgrid{grid-template-columns:repeat(2,1fr)}.settingsgrid{grid-template-columns:1fr}.topbar .statuslabel{display:none}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;width:auto;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:21px}.brand small{display:none}.workspace,.sidebottom,.sidebar>.eyebrow{display:none}.sidebar nav{display:flex;overflow:auto;margin:15px 0 0;gap:3px}.nav{padding:9px 11px;white-space:nowrap}.nav span:first-child{display:none}.main{grid-column:1;padding:0 16px 30px}.topbar{height:65px}.pagehead{margin:23px 0;align-items:flex-start}.pagehead h1{font-size:29px}.stats{gap:10px}.stat{padding:16px}.stat .value{font-size:27px}.card{padding:19px}.contentgrid,.accountcards{grid-template-columns:1fr}.pagehead .actions{max-width:130px}.calendar{overflow:auto}.day{min-height:95px;padding:5px}.dayname{font-size:9px}.calendarpost{font-size:8px;padding:4px}.fieldrow{grid-template-columns:1fr;gap:0}.auth{grid-template-columns:1fr}.authaside{padding:35px}.authaside h1{font-size:35px;margin:22px 0 0}.authaside p{display:none}.authform{padding:25px}.cardhead{align-items:flex-start}.metricstable th,.metricstable td{padding:10px 6px}}
@media(max-width:760px){.shell{display:block}.sidebar{min-width:0}.main{width:100%}.connection{flex-wrap:wrap}.connection .detail{flex:1 1 170px}.topbar .right{gap:6px}.headerselect{max-width:135px}}
/* PawPilot / Social Club. Shared tokens for every product surface. */
:root{--bg:#f8f8fc;--paper:#fff;--ink:#252336;--muted:#716f82;--line:#e8e7ef;--green:#bd2861;--soft:#fff0f5;--lime:#ffd1df;--orange:#f77754;--red:#ba2946;--accent:#7954cf;--radius:16px;--shadow:0 4px 20px #28214006;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,a,input,select,textarea{transition:background .16s,border-color .16s,box-shadow .16s}button{border-radius:10px;min-height:38px}button.primary{background:#bd2861;border-color:#bd2861;box-shadow:0 3px 7px #bd286118}button.primary:hover:not(:disabled){background:#a91f54;border-color:#a91f54}button:focus-visible,a:focus-visible{outline:3px solid #9a76e0}input:focus,textarea:focus,select:focus{outline:2px solid #c8b5ed;border-color:#9470d1}input,textarea,select{background:#fff;border-color:#dedde8;border-radius:10px}input[type=checkbox],progress{accent-color:var(--green)}
.sidebar{background:#fff;border-color:var(--line);padding:30px 18px}.brand{font-size:25px;letter-spacing:-1.1px;font-weight:800}.brandmark{background:linear-gradient(145deg,#7954cf 0%,#dc377a 55%,#ff9c63 100%);color:white;border-radius:12px;box-shadow:0 4px 10px #cc427825;font-size:0;position:relative}.brandmark:before{content:"";width:20px;height:20px;border:2px solid white;border-radius:7px}.brandmark:after{content:"";position:absolute;width:7px;height:7px;border:2px solid white;border-radius:50%;box-shadow:7px -7px 0 -3px white}.brand small{font-size:9px;letter-spacing:1.6px;font-weight:600}.workspace{background:#faf9fd;border-color:var(--line);padding:13px 10px;border-radius:12px}.initial{background:#eee8fa;color:#6845ad;border-radius:9px}.nav{color:#716d82;font-weight:550;border-radius:10px;min-height:43px}.nav:hover:not(:disabled){background:#f8f5fc}.nav.active,.nav.active:hover{background:#fff0f5;color:#b52560;box-shadow:none;font-weight:700}.nav.active span:first-child{color:#c82c6a}.sidecard{background:#faf5ff;border:1px solid #eee5f8;border-radius:14px}.sidecard>span{color:#8a5dc4}.sidecard p{color:#7d6b8b}.topbar{height:80px}.dot{background:#2c967d}.main{padding-left:36px;padding-right:36px}.pagehead{margin-top:32px}.pagehead h1{font-family:inherit;font-size:34px;font-weight:750;letter-spacing:-1.3px}.eyebrow{letter-spacing:1.3px;font-size:10px;color:#8a668e}.card,.stat,.postcard{border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat{position:relative;padding:22px}.stat:before{content:"";position:absolute;top:22px;right:22px;width:7px;height:7px;border-radius:50%;background:#d14b83}.stat:nth-child(2):before{background:#8960d3}.stat:nth-child(3):before{background:#f49a53}.stat:nth-child(4):before{background:#39a18d}.stat .label{padding-right:12px}.stat .value{font-size:34px;letter-spacing:-1.5px;font-weight:750}.badge{background:#f5effd;color:#7952b1;border-radius:7px;padding:5px 8px;font-weight:650}.badge.warn{background:#fff3df;color:#936010}.badge.danger{background:#ffedf0;color:#b42c49}.badge.dark{background:#fce8f0;color:#a82255}.goal{background:#322848;border:1px solid #322848;color:white}.goal h2{font:700 27px/1.2 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.6px}.goal .eyebrow,.goal .muted,.goalmeta{color:#d8cce9}.goal strong{font-weight:750}.goal progress::-webkit-progress-bar{background:#574565}.goal progress::-webkit-progress-value{background:#f491b7}.chartempty{background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#f0edf5 49px,#f0edf5 50px)}.chart polyline{stroke:#c53574}.chart circle{fill:#c53574}.postcard .visual{background:#f6eef9}.visual .emptyart{font:600 22px/1.3 ui-sans-serif,sans-serif;color:#a083ad}.empty{border-color:#ded6ea;background:#fcfaff;padding:42px 24px}.empty .symbol{font-family:inherit;color:#9c73c7}.activity-dot{background:#c16aaa}.dayname{background:#f7f4fb}.day.today{background:#fff0f5}.calendarpost{background:#f1e7fb;color:#69499c}.notice{background:#fff8e9;border-color:#f0e1bd;color:#806227}.notice.green{background:#effaf6;border-color:#d7eee4;color:#397663}.avatar{background:#fce6f0;color:#b93269;font-family:inherit;font-weight:700;border:3px solid white;outline:1px solid #f0c8da}.strategy li{color:var(--muted)}dialog{border-radius:20px;box-shadow:0 28px 100px #2c1c4433}dialog::backdrop{background:#26203470;backdrop-filter:blur(5px)}dialog h2,.authform h2{font-family:inherit;font-size:27px;font-weight:750;letter-spacing:-.7px}.connection .glyph{background:#f7edf8;color:#a24690}.footer{color:#8c869a}#toast{background:#322848}.authaside{background:#382746}.authaside h1{font-family:inherit;font-weight:750}.authaside p{color:#e4cde0}
.welcome{background:#fbfaff;color:var(--ink);padding:30px 6vw}.welcome-nav{max-width:1240px}.welcome-nav>.badge{background:#fff0f5;color:#b82b62;letter-spacing:1px;border:1px solid #f8d7e5;padding:8px 11px}.welcome-grid{max-width:1240px;grid-template-columns:minmax(0,1.25fr) minmax(340px,.85fr);gap:7vw;margin:68px auto 44px}.welcome-story h1{font-family:inherit;font-size:clamp(42px,4.6vw,68px);line-height:1.06;font-weight:800;letter-spacing:-3px;max-width:670px}.welcome-story h1 em{font-style:normal;font-weight:800;color:#ca3271}.welcome-story>p{color:#777084;font-size:16px;line-height:1.75;max-width:470px}.welcome-pills{gap:8px;margin:25px 0}.welcome-pills span{background:white;border:1px solid #eee5f1;color:#71657c;font-size:11px;padding:9px 11px}.welcome-pills span:nth-child(2){color:#8b5abb;background:#f8f2ff;border-color:#eee2fb}.welcome-pills span:nth-child(3){color:#b36537;background:#fff7ec;border-color:#f9e9d3}.signup-card{border:1px solid #ece4ef;background:white;border-radius:24px;padding:36px;box-shadow:0 18px 55px #542a6610}.signup-icon{background:#fff0f5;color:#cb3872;border-radius:14px;font-size:26px;width:48px;height:48px}.signup-card h2{font-family:inherit;font-size:30px;line-height:1.15;font-weight:750;letter-spacing:-1px}.signup-card>p{color:#777084}.google-button{border:1px solid #e2dce8;border-radius:11px;color:#302a3c;background:#fff;box-shadow:0 2px 4px #28214005;font-weight:650}.google-button:hover{background:#faf6fd;border-color:#cdbbdf;box-shadow:0 4px 12px #5b366b0d}.google-button b{color:#4285f4}.signup-benefits{color:#776a81;border-color:#eee7f1;font-size:12px}.signup-card details{color:#777084}.signup-card>small{color:#89818e}.welcome-art{height:226px;max-width:535px;margin-top:36px}.art-card{width:57%;height:190px;border-radius:15px;padding:23px;box-shadow:0 9px 25px #67305812;border:1px solid #ffffff88}.art-card strong{font-family:inherit;font-weight:750;font-size:24px;letter-spacing:-.7px}.art-card>span{font-weight:700;font-size:9px;letter-spacing:1.2px}.art-one{background:#ffdfce;color:#974627;transform:rotate(-3deg);left:0}.art-two{background:#eadfff;color:#68439a;transform:rotate(3deg);top:27px}.art-two small{color:#8b6aa8}.art-sun{color:#e88861;opacity:.35}.welcome-footer{max-width:1240px;border-color:#e9e1ef;color:#8a7d93;padding-top:23px}.autopilot-hero{background:#f1e9fd;color:#493369;border:1px solid #e6daf8;border-radius:20px;padding:32px}.autopilot-hero h2{font:750 34px/1.13 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1.1px}.autopilot-hero p{color:#806797}.autopilot-hero .eyebrow{color:#9469b5}.orbit{border:1px solid #d3bce8;background:#f8f3ff;width:148px;height:148px}.orbit span{color:#a879cf}.orbit small{color:#846299}
@media(max-width:1100px){.main{padding:0 25px 30px}.welcome-grid{gap:4vw}.signup-card{padding:28px}.welcome-story h1{font-size:53px}}
@media(max-width:850px){.welcome{padding:24px}.welcome-grid{grid-template-columns:1fr;gap:30px;margin:40px auto}.welcome-story{max-width:580px;margin:auto;width:100%}.welcome-story h1{font-size:52px;letter-spacing:-2.5px}.welcome-art{height:224px}.signup-card{max-width:580px;width:100%}.welcome-footer{max-width:580px}.autopilot-hero h2{font-size:29px}}
@media(max-width:760px){.sidebar{padding:16px}.main{padding:0 16px 30px}.topbar{height:65px}.pagehead h1{font-size:29px;letter-spacing:-1px}.stat{padding:17px}.stat:before{top:20px;right:16px}.stat .value{font-size:29px}.welcome-story h1{font-size:43px;letter-spacing:-2px}.welcome-story>p{font-size:14px}.welcome-pills span{font-size:10px;padding:8px}.art-card{padding:19px;height:180px}.art-card strong{font-size:21px}.signup-card{padding:26px}.signup-card h2{font-size:28px}.welcome-footer{font-size:10px}.autopilot-hero{padding:24px}.pagehead>.actions{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.onboarding{min-height:100vh;padding:30px 6vw;background:#fbfaff}.onboarding-layout{max-width:1120px;margin:64px auto;display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:start}.onboarding-intro h1{font-size:46px;letter-spacing:-2px;line-height:1.1;margin:20px 0}.onboarding-intro>p{font-size:14px;line-height:1.8;color:var(--muted)}.onboarding-steps{list-style:none;padding:0;margin:35px 0;display:grid;gap:26px}.onboarding-steps li{display:flex;gap:14px;align-items:center;color:var(--muted)}.onboarding-steps li>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eee8f6;flex-shrink:0;font-size:13px}.onboarding-steps .current{color:var(--ink)}.onboarding-steps .current>span{background:var(--green);color:white}.onboarding-steps b{font-size:14px}.onboarding-steps small{display:block;font-size:12px;line-height:1.6;margin-top:4px;color:var(--muted)}.onboarding-panel{padding:32px;box-shadow:0 15px 45px #542a6609}.onboarding-panel h2{font-size:28px;letter-spacing:-.8px;margin:14px 0}.onboarding-panel form{margin-top:26px}.onboarding-panel .actions{margin-top:24px}.onboarding-help{margin-top:20px!important;font-size:12px!important}.onboarding-account{display:flex;gap:12px;align-items:center;padding:20px 0;margin:10px 0;flex-wrap:wrap;font-size:14px}.onboarding-account .avatar{flex-shrink:0}.onboarding-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:26px}.onboarding-footer button{padding-left:0;text-align:left}.onboarding-footer>span{display:block;font-size:11px;color:var(--muted);margin-top:8px}.setup-reminder{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff0f5;border:1px solid #f4dbe6;border-radius:14px;padding:18px 20px;margin-top:22px;font-size:13px}.setup-reminder p{margin:5px 0 0;color:var(--muted);line-height:1.5}.setup-reminder button{flex-shrink:0}@media(max-width:850px){.onboarding{padding:22px}.onboarding-layout{grid-template-columns:1fr;gap:20px;max-width:580px;margin:32px auto}.onboarding-intro h1{font-size:34px}.onboarding-steps{gap:15px;margin:24px 0}.onboarding-note{display:none}.onboarding-panel{padding:23px}.onboarding-panel h2{font-size:26px}.setup-reminder{align-items:flex-start;flex-direction:column}}
.onboarding-panel{min-width:0;overflow-wrap:anywhere}.onboarding-panel form input{min-width:0}
.browser-advanced{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;font-size:12px}.browser-advanced summary{cursor:pointer;font-weight:600}.browser-advanced p{margin:14px 0}

/* Phone-first refinements: larger touch targets, stable navigation, and
   bottom-sheet dialogs that stay usable above mobile browser chrome. */
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:env(safe-area-inset-bottom)}
  button{min-height:44px;padding:11px 14px}
  input,textarea,select{font-size:16px;min-height:46px}
  textarea{min-height:120px}
  .sidebar{position:sticky;top:0;z-index:8;padding:10px 12px 0;background:#fffffff2;backdrop-filter:blur(14px);box-shadow:0 5px 18px #3527430b}
  .sidebar .brand{font-size:19px;gap:8px}
  .sidebar .brandmark{width:32px;height:32px;border-radius:10px}
  .sidebar nav{margin-top:9px;padding:0 0 9px;scrollbar-width:none;overscroll-behavior-x:contain}
  .sidebar nav::-webkit-scrollbar{display:none}
  .nav{min-height:39px;padding:8px 12px;border-radius:999px;font-size:12px}
  .nav.active,.nav.active:hover{background:#bd2861;color:#fff}
  .main{padding:0 12px calc(26px + env(safe-area-inset-bottom))}
  .topbar{height:58px;gap:8px}
  .topbar>span{font-size:11px;white-space:nowrap}
  .topbar .right{min-width:0;margin-left:auto}
  .headerselect{width:118px;max-width:44vw;min-height:38px;padding:7px 28px 7px 9px;font-size:11px}
  .pagehead{display:block;margin:20px 0}
  .pagehead h1{font-size:27px;margin:7px 0 8px}
  .pagehead p{font-size:12px}
  .pagehead>.actions{max-width:none;width:100%;margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
  .pagehead>.actions button{width:100%}
  .stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
  .stat{padding:14px;min-width:0}
  .stat:before{top:16px;right:13px}
  .stat .label{font-size:10px;line-height:1.35;min-height:27px}
  .stat .value{font-size:25px;margin:11px 0 5px;overflow-wrap:anywhere}
  .stat .hint{font-size:10px}
  .grid2{gap:12px;margin-bottom:15px}
  .card{padding:17px;border-radius:14px}
  .cardhead{margin-bottom:14px;flex-wrap:wrap}
  .contentgrid,.accountcards,.settingsgrid{gap:12px}
  .postcard .visual{height:auto;aspect-ratio:4/3}
  .connection{gap:10px;padding:15px 0}
  .connection .actions,.accountcards .actions{width:100%;display:grid;grid-template-columns:1fr}
  .connection button,.accountcards .actions button{width:100%}
  .setup-reminder{margin-top:12px;padding:15px}
  .calendar{grid-template-columns:repeat(7,82px);overflow-x:auto;overscroll-behavior-x:contain}
  .tablewrap{margin:0 -5px}
  dialog{width:100%;max-width:none;max-height:94dvh;margin:auto 0 0;padding:20px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-width:1px 0 0}
  dialog[open]{animation:mobile-sheet-in .18s ease-out}
  dialog h2{font-size:23px}
  .modalhead{position:sticky;top:-20px;z-index:1;background:var(--paper);padding:20px 0 12px;margin:-20px 0 14px}
  dialog form .actions{display:grid;grid-template-columns:1fr;margin-top:16px}
  dialog form .actions>*{width:100%;text-align:center}
  #toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:none}
  .welcome{padding:18px 16px calc(24px + env(safe-area-inset-bottom));overflow-x:hidden}
  .welcome-grid{margin:28px auto;gap:20px;min-width:0}
  .welcome-story,.signup-card{min-width:0;max-width:100%}
  .welcome-story>p{overflow-wrap:anywhere}
  .welcome-story h1{font-size:37px;letter-spacing:-1.8px;margin:16px 0}
  .welcome-art{height:185px;margin-top:22px}
  .art-card{height:155px;padding:15px}
  .art-card strong{font-size:18px;margin-top:16px}
  .signup-card{padding:22px;border-radius:19px}
  .signup-card h2{font-size:26px;margin:18px 0 10px}
  .google-button{min-height:50px;margin:20px 0 14px}
  .onboarding{padding:16px 14px calc(22px + env(safe-area-inset-bottom))}
  .onboarding-layout{margin:24px auto;gap:14px}
  .onboarding-intro h1{font-size:29px;margin:14px 0}
  .onboarding-steps{grid-template-columns:repeat(3,1fr);gap:6px;margin:19px 0}
  .onboarding-steps li{display:block;text-align:center;font-size:11px}
  .onboarding-steps li>span{margin:0 auto 7px;width:30px;height:30px}
  .onboarding-steps small{display:none}
  .onboarding-panel{padding:18px}
  .onboarding-panel h2{font-size:24px}
}
@keyframes mobile-sheet-in{from{transform:translateY(18px);opacity:.75}to{transform:none;opacity:1}}