@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ink: #231f20;--soot: #2e2a2b;--ash: #4a4546;--fog: #a8a3a3;--chalk: #f4f2ee;--white: #ffffff;--font-display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;--font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sticker: 18px;--radius-button: 12px;--radius-button-lg: 16px;--radius-input: 14px;--radius-panel: 16px;--space-1: 4px;--space-2: 6px;--space-3: 10px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 22px;--space-8: 28px;--tap: 44px;--safe-top: max(env(safe-area-inset-top, 0px), 10px);--sticker-shadow: 0 0 0 4px var(--ink), 0 0 0 7px var(--white)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rock{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes wiggle{0%,86%,to{transform:rotate(0)}90%{transform:rotate(4deg)}94%{transform:rotate(-4deg)}}@keyframes hop{0%,60%,to{transform:translateY(0)}72%{transform:translateY(-22px)}84%{transform:translateY(0)}90%{transform:translateY(-6px)}}@keyframes talk{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-4px) scaleY(1.02)}}@keyframes ring{0%{transform:scale(.62);opacity:.6}to{transform:scale(1.45);opacity:0}}@keyframes dot{0%,to{opacity:.25}50%{opacity:1}}@keyframes card-wiggle{0%,86%,to{transform:rotate(-1.5deg)}90%{transform:rotate(2deg)}94%{transform:rotate(-2.5deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--chalk);font-family:var(--font-body);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}a{color:var(--chalk)}a:hover{color:var(--white)}button,input,textarea{font:inherit;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--white);outline-offset:3px}input::placeholder,textarea::placeholder{color:var(--fog)}.shell{max-width:430px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sticker{background:var(--white);color:var(--ink);border:0;border-radius:var(--radius-sticker);box-shadow:var(--sticker-shadow)}.h-display{margin:0;font-family:var(--font-display);font-weight:800;font-size:44px;line-height:1.02;letter-spacing:-.02em}.h-screen{margin:0;font-family:var(--font-display);font-weight:800;font-size:32px;line-height:1.08;letter-spacing:-.015em}.h-section{margin:0;font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.01em}.h-subsection{margin:0 0 var(--space-2);font-family:var(--font-display);font-weight:800;font-size:20px}.muted{color:var(--fog)}.meta{font-size:13px;color:var(--fog)}.meta-lg{font-size:14px;color:var(--fog)}.btn-sticker{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:0 var(--space-6);background:var(--white);color:var(--ink);border:0;border-radius:var(--radius-sticker);box-shadow:var(--sticker-shadow);font-size:18px;font-weight:600;text-decoration:none;cursor:pointer}.btn-sticker[disabled]{opacity:.55;cursor:progress}.btn-dark{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 var(--space-6);background:var(--ink);color:var(--white);border:0;border-radius:var(--radius-button);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}.btn-dark[disabled]{opacity:.55;cursor:progress}.btn-outline{display:inline-flex;align-items:center;justify-content:center;flex-grow:1;min-height:50px;padding:0 var(--space-5);background:transparent;color:var(--chalk);border:2px solid var(--ash);border-radius:var(--radius-button-lg);font-size:16px;font-weight:600;cursor:pointer}.btn-outline[disabled]{opacity:.55;cursor:not-allowed}.btn-outline[aria-pressed=true]{background:var(--white);color:var(--ink);border-color:var(--white)}.btn-round{width:var(--tap);height:var(--tap);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--ash);background:var(--soot);color:var(--chalk);font-size:15px;font-weight:600;cursor:pointer}.btn-send{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:25px;background:var(--white);color:var(--ink);box-shadow:0 0 0 3px var(--soot),0 0 0 5px var(--white);cursor:pointer}.btn-send[disabled]{opacity:.5;cursor:not-allowed}.field{width:100%;min-height:var(--tap);padding:var(--space-3) 14px;border-radius:var(--radius-input);border:2px solid var(--ash);background:var(--ink);color:var(--chalk);font-size:16px}.field-on-light{background:var(--white);color:var(--ink);border-color:var(--ash)}.link-back{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap);font-size:16px;font-weight:500;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.roger-figure{flex-shrink:0;display:block;position:relative;line-height:0;background:none;border:0;padding:0}.roger-figure img{display:block;width:100%;height:auto}.roger-idle img{animation:bob 4s ease-in-out infinite}.roger-thinking img{transform-origin:50% 100%;animation:rock 2.4s ease-in-out infinite}.roger-needs_you img{transform-origin:50% 100%;animation:wiggle 3s ease-in-out infinite}.roger-done img{animation:hop 2.4s ease-out 1 both}.roger-speaking img{transform-origin:50% 100%;animation:talk .45s ease-in-out infinite}.roger-listening .ring{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;aspect-ratio:1;border:3px solid var(--white);border-radius:50%;animation:ring 1.6s ease-out infinite}.roger-listening .ring-delayed{animation-delay:.8s}.roger-badge{position:absolute;top:6%;right:2%;width:34px;height:34px;border-radius:17px;background:var(--white);color:var(--ink);box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.dots{display:flex;gap:var(--space-1);align-items:center}.dots span{width:6px;height:6px;border-radius:3px;background:var(--chalk);animation:dot 1.2s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.bubble{background:var(--soot);border:2px solid var(--white);border-radius:var(--radius-sticker) var(--radius-sticker) var(--radius-sticker) 4px;padding:11px 14px;font-family:var(--font-display);font-weight:500;font-size:15px;line-height:1.35}.inbox-body{flex-grow:1;padding:calc(var(--space-6) + var(--safe-top)) var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-7)}.top-bar{display:flex;justify-content:space-between;align-items:center}.top-bar img{width:84px;height:auto}.roger-row{display:flex;align-items:flex-end;gap:var(--space-3)}.roger-row .roger-figure{width:118px}.roger-byline{display:flex;align-items:center;gap:var(--space-2)}.roger-row .speech{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:36px}.section{display:flex;flex-direction:column;gap:18px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.card{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.card-open{display:flex;flex-direction:column;gap:var(--space-1);width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.card-title{font-size:17px;font-weight:600;line-height:1.3}.card-detail{font-size:14px;color:var(--ash)}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.card-ref{font-size:13px;color:var(--ash)}.card-first{animation:card-wiggle 6s ease-in-out infinite}.card-tilt{transform:rotate(.8deg)}.progress-list{display:flex;flex-direction:column;gap:var(--space-1)}.progress-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;min-height:var(--tap);padding:var(--space-3) 0;border:0;border-top:1px solid var(--ash);background:none;color:inherit;text-align:left;cursor:pointer}.progress-row .lines{display:flex;flex-direction:column;gap:2px}.progress-row .title{font-size:15px;font-weight:500}.empty{padding:var(--space-5) 0;font-size:15px;color:var(--fog)}.composer{position:sticky;bottom:0;margin-top:var(--space-7);padding:var(--space-4) var(--space-5) calc(var(--space-8) + env(safe-area-inset-bottom));background:var(--soot);border-top:2px solid var(--ash);display:flex;flex-direction:column;gap:var(--space-3)}.composer-row{display:flex;align-items:center;gap:var(--space-3)}.composer-note{margin:0;font-size:13px;color:var(--fog)}.composer .field{flex-grow:1;min-width:0}.detail{flex-grow:1;padding:calc(var(--space-5) + var(--safe-top)) var(--space-6) calc(var(--space-8) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-6)}.detail-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.detail-note{display:flex;align-items:center;gap:var(--space-4)}.detail-note .roger-figure{width:64px}.detail-note p{margin:0;font-size:15px;color:var(--fog)}.panel{background:var(--soot);border:2px solid var(--ash);border-radius:var(--radius-panel);padding:var(--space-5);font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.panel-scroll{max-height:46vh;overflow-y:auto}.actions{display:flex;flex-direction:column;gap:14px}.actions-row{display:flex;gap:var(--space-4)}.question{display:flex;flex-direction:column;gap:var(--space-4)}.question-prompt{font-size:17px;font-weight:600;line-height:1.3}.option{display:flex;align-items:center;gap:var(--space-4);width:100%;min-height:var(--tap);padding:var(--space-3) var(--space-5);background:transparent;color:var(--chalk);border:2px solid var(--ash);border-radius:var(--radius-button-lg);font-size:16px;font-weight:500;text-align:left;cursor:pointer}.option[aria-pressed=true]{background:var(--white);color:var(--ink);border-color:var(--white)}.option .option-desc{display:block;font-size:13px;font-weight:400;color:var(--fog)}.option[aria-pressed=true] .option-desc{color:var(--ash)}.conversation{display:flex;flex-direction:column;gap:var(--space-5)}.thread{display:flex;flex-direction:column;gap:var(--space-4)}.thread-item{border-top:1px solid var(--ash);padding-top:var(--space-4)}.thread-item .who{font-size:13px;color:var(--fog);margin-bottom:var(--space-1)}.thread-item .what{font-size:15px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.notice{border:2px solid var(--ash);border-radius:var(--radius-panel);padding:var(--space-4) var(--space-5);font-size:14px;line-height:1.45;color:var(--fog)}.notice strong{color:var(--chalk)}.notice-alert{border-color:var(--white);color:var(--chalk)}.signin{flex-grow:1;padding:calc(56px + var(--safe-top)) var(--space-8) calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-8)}.signin>img{width:150px;height:auto;align-self:flex-start}.signin-roger{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.signin-roger .bubble{transform:rotate(-1.5deg);margin-left:120px;font-size:16px;border-radius:20px 20px 20px 4px;padding:var(--space-4) var(--space-5)}.signin-roger .roger-figure{width:min(250px,64vw)}.signin-copy{display:flex;flex-direction:column;gap:14px}.signin-copy p{margin:0;font-size:17px;line-height:1.45;color:var(--fog)}.signin-form{display:flex;flex-direction:column;gap:var(--space-5)}.signin-form .meta-lg{text-align:center}.error{font-size:14px;color:var(--white);font-weight:500}