:root{--font-text:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--type-large-title:34px;--type-title3:20px;--type-headline:17px;--type-body:17px;--type-subhead:15px;--type-footnote:13px;--type-caption:12px;--type-hero:44px;--color-black:#000;--color-white:#fff;--color-bg:#fff;--color-bg-grouped:#f5f5f7;--color-card:#fff;--color-label:#1d1d1f;--color-secondary:#86868b;--color-separator:#3c3c434a;--color-fill:#7676801f;--color-press:#e8e8ed;--color-chevron:#c7c7cc;--color-zzz:#86868b;--bubble-me:#1d1d1f;--bubble-her:#f5f5f7;--glow-1:#6fd3ff;--glow-2:#b48cff;--glow-3:#ff8fa3;--glow-4:#ffc46b;--glow-5:#8fb8ff;--space-margin:20px;--space-card-inset:16px;--space-stack:12px;--space-section:24px;--space-row-y:11px;--radius-list:22px;--radius-chip:16px;--radius-tile:8px;--radius-capsule:26px;--radius-field:10px;--size-cta:52px;--size-tabbar:62px;--size-roundbtn:36px;--glass-blur:18px;--glass-tint:#ffffff9e;--bar-tint:#f5f5f7cc;--shadow-card:0 8px 28px #0000001f;--ease-spring:cubic-bezier(.32, 1.25, .5, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-press:.12s;--dur-state:.38s;--press-scale:.96;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--color-bg-grouped);color:var(--color-label);margin:0}body{font:400 var(--type-body)/22px var(--font-text);letter-spacing:-.43px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:var(--color-label);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:.5px}p{margin:0 0 10px}h1,h2{margin:0}button,input{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.icon{vertical-align:-.125em;flex:none;width:1em;height:1em;display:inline-block}.sec{color:var(--color-secondary)}.center{text-align:center}.pad{padding:14px 16px}.footnote{font-size:var(--type-footnote);letter-spacing:-.08px;color:var(--color-secondary);margin:12px 4px 0;line-height:18px}.mono{font-family:var(--font-mono);letter-spacing:0;font-size:15px}.title3{font:600 var(--type-title3)/25px var(--font-display);letter-spacing:-.45px;margin-bottom:6px}.error{color:var(--color-label);font-size:var(--type-subhead);align-items:center;gap:6px;margin:12px 4px 0;font-weight:500;display:flex}.error .icon{width:18px;height:18px}.glass{background:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.8);backdrop-filter:blur(var(--glass-blur)) saturate(1.8);box-shadow:0 8px 28px #0000001f,inset 0 .5px #ffffffe6,inset 0 0 0 .5px #0000000f}.page{max-width:600px;padding:var(--safe-t) var(--space-card-inset) 40px;min-height:100vh;margin:0 auto}.page.with-tabs{padding-bottom:calc(var(--size-tabbar) + 48px + var(--safe-b))}.large-title{padding:18px 4px 14px}.eyebrow{font:600 var(--type-footnote)/18px var(--font-text);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.02em}.titlebar{justify-content:space-between;align-items:center;gap:12px;min-height:41px;display:flex}.large-title h1{font:700 var(--type-large-title)/41px var(--font-display);letter-spacing:.37px}.title-cat{flex:none}.large-title .sub{color:var(--color-secondary);font-size:var(--type-subhead);letter-spacing:-.23px;margin:4px 0 0;line-height:20px}.navbar{z-index:20;height:calc(44px + var(--safe-t));padding-top:var(--safe-t);letter-spacing:-.43px;background:var(--bar-tint);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);border-bottom:.5px solid var(--color-separator);opacity:0;pointer-events:none;justify-content:center;align-items:center;font-weight:600;transition:opacity .2s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.show{opacity:1}.section{font:400 var(--type-footnote)/18px var(--font-text);text-transform:uppercase;color:var(--color-secondary);letter-spacing:-.08px;margin:26px 16px 7px}.list{background:var(--color-card);border-radius:var(--radius-list);overflow:hidden}.list+.list{margin-top:20px}.list.spaced{margin-top:28px}.list-foot{font-size:var(--type-footnote);letter-spacing:-.08px;color:var(--color-secondary);margin:7px 16px 0;line-height:18px}.li,.kv,.copyrow,.field,.switch-row,.disclosure>summary{min-height:44px;padding:var(--space-row-y) 16px;text-align:left;background:var(--color-card);width:100%;color:var(--color-label);align-items:center;gap:12px;text-decoration:none;display:flex;position:relative}:is(.li,.kv,.copyrow,.field,.switch-row,.disclosure)+:is(.li,.kv,.copyrow,.field,.switch-row,.disclosure):before{content:"";border-top:.5px solid var(--color-separator);position:absolute;top:0;left:16px;right:0}.disclosure{position:relative}.copyrow+.li:before{left:52px}.li:has(>.lead)+.li:before{left:52px}.li>div{flex:1;min-width:0}.li-title{line-height:22px}.li-title.strong{font-weight:600}.li-sub{font-size:var(--type-subhead);letter-spacing:-.23px;color:var(--color-secondary);line-height:20px}.li-sub.pre{white-space:pre-wrap}.lead{width:24px;height:24px;color:var(--color-label)}.chev{width:13px;height:13px;color:var(--color-chevron)}.link-row{transition:background var(--dur-press)}.link-row:active{background:var(--color-press)}.center-row>div{text-align:center;font-weight:500}.kv span{flex:none}.kv b{color:var(--color-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:400;overflow:hidden}.profile .li{padding-top:14px;padding-bottom:14px}.profile-cat{flex:none}.cta{width:100%;height:var(--size-cta);border-radius:calc(var(--size-cta) / 2);background:var(--color-black);color:var(--color-white);font:600 17px/1 var(--font-text);letter-spacing:-.43px;transition:transform var(--dur-press) var(--ease-out), opacity var(--dur-state);place-items:center;margin:22px 0 0;text-decoration:none;display:grid}.cta:active{transform:scale(var(--press-scale))}.cta:disabled{opacity:.35}.pill-btn{background:var(--color-fill);height:32px;color:var(--color-label);font:600 15px/1 var(--font-text);letter-spacing:-.23px;transition:transform var(--dur-press) var(--ease-out), opacity var(--dur-press);border-radius:16px;flex:none;padding:0 14px}.pill-btn.dark{background:var(--color-black);color:var(--color-white)}.pill-btn:active{transform:scale(var(--press-scale))}.pill-btn:disabled{opacity:.4}.pill-link{font:600 14px/1 var(--font-text);background:var(--color-black);color:var(--color-white);border-radius:17px;padding:9px 14px;text-decoration:none}.roundbtn{width:var(--size-roundbtn);height:var(--size-roundbtn);background:var(--color-fill);color:var(--color-label);border-radius:50%;flex:none;place-items:center;display:grid}.roundbtn .icon{width:19px;height:19px}.roundbtn:active{transform:scale(var(--press-scale))}.field span{flex:none;width:64px}.field input,.copyrow input{min-width:0;color:var(--color-label);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:17px}.copyrow input[readonly]{color:var(--color-secondary);text-overflow:ellipsis}input::placeholder{color:#c7c7cc}.copyrow{padding-right:10px}.switch-row span{flex:1}.switch{appearance:none;cursor:pointer;width:51px;height:31px;transition:background var(--dur-state);background:#e9e9ea;border-radius:16px;flex:none;margin:0;position:relative}.switch:after{content:"";width:27px;height:27px;transition:transform var(--dur-state) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.switch:checked{background:var(--color-black)}.switch:checked:after{transform:translate(20px)}.disclosure>summary{cursor:pointer;list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary span{flex:1}.disclosure>summary .chev{transition:transform var(--dur-state) var(--ease-out)}.disclosure[open]>summary .chev{transform:rotate(90deg)}.consent{font-size:var(--type-footnote);letter-spacing:-.08px;color:var(--color-secondary);padding:0 16px 14px 52px;line-height:19px}.consent b{color:var(--color-label);font-weight:600}.welcome{padding-top:calc(8px + var(--safe-t));background:var(--color-bg-grouped)}.welcome-nav{justify-content:space-between;align-items:center;height:52px;padding:0 4px;display:flex}.brandmini{font:700 17px/1 var(--font-display);letter-spacing:-.3px;align-items:center;gap:8px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;padding:6px 4px 10px;display:flex}.hero .orb{will-change:transform;margin:26px 0 34px}.hero h1{font:700 var(--type-hero)/1.04 var(--font-display);letter-spacing:-.035em;max-width:340px}.hero h1.status-title{letter-spacing:.36px;font-size:28px;line-height:34px}.lede{color:var(--color-secondary);max-width:330px;margin:14px auto 0;line-height:25px}.form{margin-top:22px}.status{align-items:center;min-height:100vh;display:flex}.status .hero{width:100%}.status .cta{max-width:320px;margin-top:26px}.orb{width:var(--orb);height:var(--orb);isolation:isolate;border-radius:50%;flex:none;position:relative}.orb>.aura,.orb>.ball,.orb>.cat{position:absolute}.orb>.aura{filter:blur(16px);opacity:.55;z-index:-1;background:conic-gradient(from 0deg, var(--glow-1), var(--glow-2), var(--glow-3), var(--glow-4), var(--glow-5), var(--glow-1));border-radius:50%;animation:9s linear infinite orbspin;inset:-18%}.orb>.ball{background:radial-gradient(circle at 50% 30%,#fff 0% 50%,#f5f5f7 100%);border-radius:50%;inset:0;box-shadow:0 10px 30px #0000000f,inset 0 0 0 1px #fff,inset 0 -10px 22px #0000000a}.orb>.cat{width:60%;height:auto;top:22%;left:20%}.orb.asleep>.aura{opacity:.14;filter:blur(10px)saturate(0);animation-play-state:paused}.orb.asleep>.cat{opacity:.75}.orb.thinking>.aura{opacity:.8;animation-duration:2.4s}@keyframes orbspin{to{transform:rotate(360deg)}}.connect .cta{margin-top:14px}.connect .footnote{margin-top:18px}.qr{width:216px;height:216px;box-shadow:0 0 0 .5px var(--color-separator);background:#fff;border-radius:18px;margin:10px auto 4px;padding:8px}.qr svg{width:100%;height:100%;display:block}.page>.cta{margin-top:28px}.searchbar{align-items:center;gap:10px;margin:0 0 6px;display:flex}.search{border-radius:var(--radius-field);background:var(--color-fill);height:36px;color:var(--color-secondary);flex:1;align-items:center;gap:6px;padding:0 10px;display:flex}.search .icon{width:17px;height:17px}.search input{min-width:0;color:var(--color-label);appearance:none;background:0 0;border:0;outline:none;flex:1;font-size:17px}.search input::placeholder{color:var(--color-secondary)}.day{margin-top:14px}.day-head{z-index:5;margin:0 calc(-1 * var(--space-card-inset));font:700 var(--type-title3)/25px var(--font-display);letter-spacing:-.45px;background:var(--bar-tint);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);padding:10px 20px 8px;position:sticky;top:0}.hour{font:600 var(--type-footnote)/18px var(--font-text);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.02em;padding:14px 16px 2px}.chunk{grid-template-columns:68px 1fr;column-gap:8px;padding:8px 16px 10px;display:grid}.chunk time{color:var(--color-secondary);font:500 var(--type-footnote)/18px var(--font-text);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:3px}.chunk p{margin:0;line-height:24px}.tag{background:var(--color-fill);font:600 12px/16px var(--font-text);letter-spacing:0;border-radius:12px;align-items:center;gap:4px;margin-top:6px;padding:3px 9px 3px 7px;display:inline-flex}.tag .icon{width:13px;height:13px}.empty{text-align:center;color:var(--color-secondary);flex-direction:column;align-items:center;padding:34px 12px;display:flex}.empty .orb{margin-bottom:26px}.empty p{max-width:280px;margin:0;font-size:17px}.empty .cta{max-width:300px}.thread{flex-direction:column;gap:4px;padding:4px 0 24px;display:flex}.row{align-items:flex-end;gap:8px;max-width:100%;display:flex}.row.me{justify-content:flex-end}.row.me+.row.her,.row.her+.row.me{margin-top:12px}.row>div{flex-direction:column;align-items:flex-start;gap:8px;max-width:82%;display:flex}.avatar-cat{flex:none;margin-bottom:4px}.avatar-cat.thinking{transform-origin:50% 100%;animation:1.4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}.bubble{word-wrap:break-word;overflow-wrap:anywhere;border-radius:18px;padding:8px 14px;line-height:22px}.me .bubble{background:var(--bubble-me);color:var(--color-white);max-width:78%;animation:pop var(--dur-state) var(--ease-spring);transform-origin:100% 100%}.her .bubble{background:var(--bubble-her);color:var(--color-label)}.page.chat{background:var(--color-bg)}body:has(.page.chat){background:var(--color-bg)}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.dots{gap:4px;padding:13px 14px;display:flex}.dots i{background:var(--color-secondary);border-radius:4px;width:7px;height:7px;animation:.9s infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.action{background:var(--color-card);width:100%;box-shadow:0 1px 0 #0000000a, 0 0 0 .5px var(--color-separator);border-radius:18px;padding:14px}.action-title{font:600 15px/20px var(--font-text);letter-spacing:-.23px;align-items:flex-start;gap:10px;display:flex}.action-title .lead{width:20px;height:20px}.action .pills{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.action .state{font:500 var(--type-footnote)/18px var(--font-text);color:var(--color-secondary);align-items:center;gap:5px;margin-right:auto;display:inline-flex}.action .state .icon{width:16px;height:16px;color:var(--color-label)}.action.undone .action-title span,.action.dismissed .action-title span,.action.failed .action-title span{color:var(--color-secondary)}.action.undone .action-title span{text-decoration:line-through}.composer{left:16px;right:16px;bottom:calc(var(--size-tabbar) + 30px + var(--safe-b));z-index:15;border-radius:var(--radius-capsule);align-items:center;gap:8px;max-width:568px;height:52px;margin:0 auto;padding:0 8px 0 18px;display:flex;position:fixed}.composer input{min-width:0;color:var(--color-black);background:0 0;border:0;outline:none;flex:1;font-size:17px}.composer input::placeholder{color:var(--color-secondary)}.send{width:34px;height:34px;color:var(--color-black);flex:none}.send .icon{width:34px;height:34px}.send:active{transform:scale(var(--press-scale))}.page.chat{padding-bottom:calc(var(--size-tabbar) + 120px + var(--safe-b))}.action-row.undone .li-title{color:var(--color-secondary);text-decoration:line-through}.tabbar{left:16px;right:16px;bottom:calc(14px + var(--safe-b));z-index:20;max-width:420px;height:var(--size-tabbar);border-radius:calc(var(--size-tabbar) / 2);align-items:center;margin:0 auto;padding:0 5px;display:flex;position:fixed}.tabbar a{height:calc(var(--size-tabbar) - 10px);font:500 10px/1 var(--font-text);letter-spacing:.1px;color:var(--color-label);transition:background var(--dur-state);border-radius:26px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.tabbar a .icon{width:24px;height:24px}.tabbar a.on{background:#78788029;font-weight:600}.toast{left:50%;top:calc(12px + var(--safe-t));z-index:50;opacity:0;white-space:nowrap;max-width:calc(100vw - 32px);height:44px;font:600 15px/1 var(--font-text);background:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.8);backdrop-filter:blur(var(--glass-blur)) saturate(1.8);transition:transform var(--dur-state) var(--ease-spring), opacity var(--dur-state);pointer-events:none;border-radius:22px;align-items:center;gap:10px;padding:0 18px 0 12px;display:flex;position:fixed;transform:translate(-50%,-160%);box-shadow:0 8px 28px #0000001f,inset 0 0 0 .5px #0000000f}.toast span{text-overflow:ellipsis;overflow:hidden}.toast.show{opacity:1;transform:translate(-50%)}.cat{flex:none;display:inline-block}.cat .eyes-shut{opacity:0;animation:5s step-end infinite blink;animation-delay:var(--blink-delay,0s)}@keyframes blink{0%,95%{opacity:0}96%,98%{opacity:1}99%{opacity:0}}@media (prefers-reduced-motion:reduce){.orb>.aura,.cat .eyes-shut,.avatar-cat.thinking,.me .bubble{animation:none!important}}
