@import url("./typography.css");
:root{color-scheme:light;--ink:#233b32;--muted:#607269;--paper:#f8f8ef;--green:#245944;--lime:#ceeaa7;--orange:#f9b77e;--pink:#f1dce7;--line:#dce2d3;--radius:26px;font-family:ui-rounded,'Segoe UI',system-ui,-apple-system,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0}a{color:var(--green);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #476eb5;outline-offset:4px}button:disabled{cursor:default;opacity:.5}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4vw,49px);line-height:1.13;letter-spacing:-.055em;font-weight:780}h2{font-size: 1.5625rem;line-height:1.2;letter-spacing:-.04em}h3{font-size: var(--text-body);letter-spacing:-.02em}small,.small{font-size: var(--text-label)}.muted{color:var(--muted)}.app{max-width:1120px;margin:auto}.app-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.brand{display:flex;align-items:center;font-size: 1.5625rem;font-weight:800;letter-spacing:-1.3px;text-decoration:none;color:var(--ink);gap:9px}.brand-dot{color:#df7b41;margin-left:-9px}.brand-face{position:relative;display:block;width:36px;height:35px;border-radius:14px;background:var(--lime);font-size: 1.5rem;line-height:23px;letter-spacing:3px;text-align:center;padding-left:3px;transform:rotate(-7deg)}.brand-face i{position:absolute;width:10px;height:6px;border:2px solid var(--ink);border-top:0;border-radius:0 0 10px 10px;bottom:7px;left:13px}.xp-pill{background:#fff;border:1px solid var(--line);border-radius:20px;padding:9px 16px;min-height:44px;font-weight:750;font-size: var(--text-label)}.xp-pill>span:first-child{color:#d57b39;margin-right:5px}main{padding:20px 30px 140px;min-height:75vh}main:focus{outline:none}.page-intro{margin-bottom:25px}.page-intro p{max-width:470px;margin-top:12px;color:var(--muted);font-size: var(--text-body)}.eyebrow{font-size: var(--text-label);letter-spacing:1.8px;text-transform:uppercase;font-weight:800;margin-bottom:12px;color:var(--green)}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch}.hero{position:relative;overflow:hidden;min-height:382px;padding:30px;background:#e4efd8;border:1px solid #d8e3cc;border-radius:32px;display:flex;flex-direction:column}.hero .hero-copy{z-index:1;max-width:290px}.hero p{max-width:245px;font-size: var(--text-body);color:#45624d;margin-top:13px}.hero-foot{margin-top:auto;padding-top:130px;display:flex;gap:7px;align-items:center;font-size: var(--text-label);font-weight:600;z-index:1}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}.companion{position:absolute;right:6px;bottom:12px;width:230px;height:205px;pointer-events:none}.companion svg{width:100%;height:100%;overflow:visible}.floaty{animation:bob 5s ease-in-out infinite}.spark{transform-origin:center;animation:twinkle 4s ease-in-out infinite}.speech{position:absolute;right:18px;bottom:192px;background:white;border:1px solid #d5dfc8;border-radius:16px 16px 3px 16px;padding:9px 12px;font-size: var(--text-label);font-weight:700;transform:rotate(5deg)}.daily-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 7px 0 #edf0e5}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.tag{display:inline-flex;align-items:center;gap:5px;font-size: var(--text-label);font-weight:750;border-radius:7px;padding:5px 8px;background:#eff3e7;letter-spacing:.1px}.tag.orange{background:#ffead4;color:#8f4d13}.reward{font-size: var(--text-label);font-weight:750;color:#8b501c}.quest-visual{height:96px;display:flex;justify-content:center;align-items:center;gap:19px}.mini-folder{position:relative;width:84px;height:64px;background:#fbc797;border:2px solid #cc8857;border-radius:10px;transform:rotate(-9deg);box-shadow:6px 8px 0 #f4e9dc;display:grid;place-items:center;font-size: 1.6875rem;color:#8d5633}.mini-folder:before{content:'';position:absolute;width:36px;height:10px;background:#fbc797;border:2px solid #cc8857;border-bottom:0;top:-10px;left:4px;border-radius:6px 6px 0 0}.dotted{color:#758772;font-size: 1.5rem;letter-spacing:6px}.bubble-icon{width:59px;height:59px;border-radius:22px;background:#e3edff;color:#506ca1;font-size: 1.5625rem;display:grid;place-items:center;transform:rotate(9deg);border:1px solid #bacce5}.daily-card h2{font-size: 1.75rem}.daily-card p{color:var(--muted);font-size: var(--text-body)}.primary{background:var(--green);color:white;border-radius:16px;font-weight:750;padding:14px 20px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;box-shadow:0 4px 0 #143c2d;transition:transform .15s,background .15s}.primary:hover{background:#326d54;transform:translateY(-1px)}.primary:active{transform:translateY(3px);box-shadow:none}.primary.full{width:100%;margin-top:auto}.secondary{background:#edf2e5;border:1px solid #d3dec7;border-radius:14px;padding:12px 17px;min-height:48px;font-weight:650}.text-button{background:none;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px;color:var(--muted);font-size: var(--text-label)}.section-head{margin:32px 0 15px;display:flex;justify-content:space-between;gap:12px;align-items:center}.section-head h2{font-size: 1.1875rem}.section-head .text-button{padding:0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.quick-card{display:flex;align-items:center;gap:13px;border-radius:20px;background:#eeeadf;padding:19px;text-align:left;min-height:104px;border:1px solid transparent;transition:transform .15s}.quick-card:hover{transform:translateY(-3px);border-color:#b4c3ab}.quick-card:nth-child(2){background:#ebe7f5}.quick-card:nth-child(3){background:#f6e4dc}.quick-card strong{display:block;font-size: var(--text-label)}.quick-card small{display:block;color:#5e6960;margin-top:3px;font-size: var(--text-label)}.tile-icon{width:43px;height:43px;background:#ffffff99;border-radius:15px;display:grid;place-items:center;flex-shrink:0;font-size: 1.3125rem}.arrow{margin-left:auto;font-size: 1.25rem}.principle{display:flex;align-items:center;gap:10px;margin-top:24px;color:var(--muted);font-size: var(--text-label);padding:10px 4px}.bottom-nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:440px;display:flex;padding:7px;background:#fffffff2;backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 8px 35px #243b3214;border-radius:24px;z-index:10}.bottom-nav button{display:flex;flex:1;align-items:center;justify-content:center;gap:4px;flex-direction:column;min-height:58px;border-radius:18px;background:transparent;color:#6a746c;font-size: var(--text-label);font-weight:650}.bottom-nav button[aria-current=page]{background:#e6efd9;color:var(--green)}.bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.skip{position:absolute;top:-100px;z-index:99;background:white;padding:12px}.skip:focus{top:0}.screen{animation:arrive .25s ease-out}.back{display:inline-flex;align-items:center;gap:8px;background:transparent;min-height:44px;padding:0 10px 0 0;margin-bottom:13px;font-size: var(--text-label);font-weight:650}.quest-layout{max-width:600px;margin:auto}.stepper{display:flex;gap:7px;margin:9px 0 23px}.stepper i{height:6px;flex:1;border-radius:10px;background:#e0e6d5}.stepper i.on{background:#87b871}.lesson{border:1px solid var(--line);border-radius:28px;background:white;padding:28px}.lesson>p{color:var(--muted);margin:13px 0 22px}.lesson h1{font-size: 2rem}.lesson .tag{margin-bottom:16px}.quote-box{border-radius:20px;background:#f6efe1;padding:20px;margin:18px 0}.quote-box blockquote{margin:12px 0 0;font-size: var(--text-body);font-weight:650}.source-note{font-size: var(--text-label);color:#716d5e;margin-top:10px}.meaning{display:flex;align-items:flex-start;gap:10px;margin:20px 0;color:#425f4b;font-size: var(--text-label)}.tiny-face{width:31px;flex-shrink:0;border-radius:12px;background:#cfeaaf;text-align:center;font-weight:800;padding:3px}.options{display:grid;gap:10px;margin:20px 0}.option{min-height:60px;padding:16px;text-align:left;border:1px solid var(--line);background:#fbfcf8;border-radius:16px;font-size: var(--text-label);display:flex;align-items:center;gap:12px}.option:hover{border-color:#75986b}.option.selected{border:2px solid var(--green);background:#edf5e1}.option .letter{background:#eaeedf;border-radius:8px;padding:3px 9px;font-size: var(--text-label);font-weight:750}.feedback{border-radius:15px;background:#eaf3e0;padding:14px;margin:16px 0;font-size: var(--text-label)}.feedback.retry{background:#fff0d9;color:#79501e}.feedback:empty{display:none}.quest-footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size: var(--text-label);margin-top:19px;gap:10px}.celebrate{text-align:center;padding:30px 20px}.celebrate .medal{display:grid;place-items:center;width:105px;height:105px;background:#ffdda2;border-radius:35px;margin:15px auto 25px;border:2px solid #dba65a;box-shadow:0 8px 0 #f2d8ad;font-size: 3.0625rem;transform:rotate(-7deg)}.celebrate p{color:var(--muted);margin:15px auto 22px;max-width:360px}.celebrate .primary{width:100%;margin-top:14px}.receipt{border:1px dashed #b2c4a5;padding:17px;border-radius:16px;text-align:left;background:#f0f6e7;margin-top:20px;font-size: var(--text-label)}.receipt strong{display:block}.receipt small{display:block;margin-top:8px;color:var(--muted)}.form-card{border:1px solid var(--line);border-radius:24px;background:white;padding:24px;margin:20px 0}.form-card label{display:block;font-size: var(--text-label);font-weight:700;margin-bottom:7px}.form-card input,.form-card textarea,.form-card select{display:block;width:100%;padding:14px;border:1px solid #cbd5c2;border-radius:12px;background:#fbfcf8;color:var(--ink);font-size: var(--text-label);margin-bottom:18px}.form-card textarea{min-height:165px;resize:vertical}.form-card p{margin-bottom:18px;color:var(--muted);font-size: var(--text-body)}.form-help{font-size: var(--text-label);color:var(--muted);margin:12px 0}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reference{background:white;border:1px solid var(--line);padding:22px;border-radius:23px}.reference p{color:var(--muted);font-size: var(--text-body);margin:9px 0}.reference .tag{margin-bottom:12px}.reference button{margin-top:12px}.finding{width:100%;text-align:left;display:block;background:white;border:1px solid var(--line);border-left:4px solid #e5a158;border-radius:17px;padding:16px;margin:12px 0}.finding strong{display:block;margin:6px 0}.finding p{font-size: var(--text-body);color:var(--muted);margin:6px 0}.finding span:last-child{font-size: var(--text-label);color:var(--green);font-weight:650}.progress-card{background:#e5efd9;border-radius:28px;padding:26px;margin-bottom:24px}.progress-card .big-xp{font-size: 3.125rem;font-weight:800;letter-spacing:-2px}.progress-bar{height:9px;background:#cad9bc;border-radius:20px;margin:15px 0;overflow:hidden}.progress-bar i{display:block;background:var(--green);height:100%;border-radius:20px}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.badge{text-align:center;border:1px solid var(--line);border-radius:22px;padding:21px 10px;background:white}.badge .badge-symbol{display:block;font-size: 1.875rem;margin-bottom:8px}.badge.locked{background:#f0f1e9;color:#778170}.badge strong{display:block;font-size: var(--text-label)}.badge small{font-size: var(--text-label)}.history-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;font-size: var(--text-label)}.history-row small{display:block;color:var(--muted)}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.build-grid .form-card{margin:0}.preview-card{background:#e9efdf;border:1px solid #d0ddc1;padding:25px;border-radius:25px;position:sticky;top:20px}.preview-card h2{margin:17px 0}.preview-card dl{margin:20px 0}.preview-card dt{font-size: var(--text-label);text-transform:uppercase;font-weight:750;letter-spacing:.8px;margin-top:15px;color:#637658}.preview-card dd{margin:4px 0;font-size: var(--text-body);overflow-wrap:anywhere}.preview-card p{font-size: var(--text-body);color:var(--muted)}.preview-card .primary{margin-top:20px;width:100%}.checkline{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important;margin:15px 0!important}.checkline input{width:20px!important;height:20px;margin:0!important;accent-color:var(--green);flex-shrink:0}.error{color:#9a3f22;font-size: var(--text-label);margin:10px 0}.icon-button{width:44px;height:44px;background:#edf1e7;border-radius:50%;font-size: 1.5625rem}dialog{border:1px solid var(--line);border-radius:28px;width:min(580px,calc(100% - 32px));max-height:85dvh;padding:22px 26px 30px;color:var(--ink);background:#fdfef8;box-shadow:0 24px 90px #10291933}dialog::backdrop{background:#18332766;backdrop-filter:blur(3px)}.sheet-top{display:flex;justify-content:flex-end;align-items:center}.sheet-handle{display:none}dialog h2{margin:12px 0 18px}dialog p{margin:12px 0;color:var(--muted)}dialog a{display:block;padding:10px 0;min-height:44px}dialog .clause{padding:18px;border-radius:17px;background:#faedcf;white-space:pre-wrap;overflow-wrap:anywhere;font-size: var(--text-label);max-height:300px;overflow:auto}dialog mark{background:#f9d484;color:var(--ink)}.toast{position:fixed;left:50%;bottom:113px;transform:translate(-50%,15px);background:#254b3a;color:white;padding:12px 18px;border-radius:15px;opacity:0;pointer-events:none;z-index:40;width:max-content;max-width:calc(100% - 32px);font-size: var(--text-label);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.storage-note{font-size: var(--text-label);color:#8b522b;margin:15px 0}.confetti{display:flex;justify-content:center;gap:20px;color:#dba958;letter-spacing:10px;font-size: 1.5625rem;animation:arrive .6s ease-out}.empty{padding:28px;background:#eef2e6;border-radius:20px;color:var(--muted);font-size: var(--text-label)}
@keyframes bob{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes twinkle{50%{opacity:.5;transform:scale(.9)}}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1300px){.app{margin-top:15px}.app-header{height:95px}}
@media(max-width:700px){.app-header{height:73px;padding:0 21px}.brand{font-size: 1.4375rem}main{padding:10px 19px 120px}.home-grid{grid-template-columns:1fr;gap:18px}.hero{min-height:237px;padding:22px;border-radius:26px}.hero .hero-copy{max-width:205px}.hero h1{font-size: 2.0625rem}.hero p{font-size: var(--text-body);max-width:183px;margin-top:10px}.hero .eyebrow{font-size: var(--text-label);letter-spacing:1.3px;margin-bottom:10px}.companion{width:164px;height:156px;right:-7px;bottom:5px}.speech{right:10px;bottom:163px;font-size: var(--text-label);padding:5px 9px}.hero-foot{padding-top:20px;margin-top:6px;font-size: var(--text-label);max-width:185px}.daily-card{padding:20px;border-radius:25px;gap:12px}.daily-card h2{font-size: 1.5625rem}.daily-card .quest-visual{display:none}.daily-card p{font-size: var(--text-body)}.daily-card .primary{margin-top:8px}.quick-grid{grid-template-columns:1fr 1fr;gap:11px}.quick-card{min-height:117px;padding:15px;align-items:flex-start;flex-direction:column;gap:8px;border-radius:20px}.home-shortcuts .quick-card:last-child{display:none}.quick-card .arrow{display:none}.quick-card .tile-icon{width:32px;height:32px;font-size: var(--text-body);border-radius:11px}.section-head{margin:27px 0 13px}.section-head h2{font-size: var(--text-body)}.principle{font-size: var(--text-label)}.bottom-nav{bottom:0;border-radius:23px 23px 0 0;width:100%;padding:7px 12px calc(9px + env(safe-area-inset-bottom));border-bottom:0;box-shadow:0 -3px 20px #243b3208}.bottom-nav button{min-height:55px;gap:5px}.bottom-nav svg{width:22px;height:22px}.reading-grid,.build-grid{grid-template-columns:1fr}.preview-card{position:static}.page-intro h1{font-size: 2rem}.page-intro p{font-size: var(--text-body)}.lesson{padding:22px 19px}.lesson h1{font-size: 1.8125rem}.form-card{padding:20px}.badges{gap:10px;grid-template-columns:1fr 1fr}.badge{padding:17px 7px}.badge strong{font-size: var(--text-label)}.badge small{font-size: var(--text-label)}dialog{position:fixed;top:auto;bottom:0;margin:0;width:100%;max-width:none;max-height:88dvh;border-radius:27px 27px 0 0;padding:15px 23px calc(25px + env(safe-area-inset-bottom))}.sheet-handle{display:block;width:40px;height:5px;border-radius:10px;background:#d4dccd;position:absolute;left:calc(50% - 20px);top:12px}.toast{bottom:100px}.celebrate{padding:22px 10px}.back{margin-bottom:9px}.quest-footer{font-size: var(--text-label)}.xp-pill{padding:9px 12px}.history-row{font-size: var(--text-label)}}
@media(max-width:359px){main{padding-left:13px;padding-right:13px}.hero h1{font-size: 1.8125rem}.hero .hero-copy{max-width:180px}.companion{width:138px;right:-12px}.hero p{max-width:157px;font-size: var(--text-body)}.hero-foot{max-width:150px}.speech{bottom:162px;font-size: var(--text-label)}.quick-card{padding:12px}}
@font-face{font-family:"DM Sans Variable";font-style:normal;font-display:swap;font-weight:100 1000;src:url("/fonts/dm-sans-latin-wght-normal.woff2") format("woff2-variations")}
@font-face{font-family:"Manrope Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url("/fonts/manrope-latin-wght-normal.woff2") format("woff2-variations")}
:root{--ink:#253b37;--muted:#536459;--paper:#f7f8f2;--line:#e3e8db;--green:#253b37;--lime:#c4f286;--orange:#ffddc5;--pink:#e7dfff;--blue:#dcecff;--font-body:"DM Sans Variable","Segoe UI",sans-serif;--font-display:"Manrope Variable","Segoe UI",sans-serif;font-family:var(--font-body)}
body{font-family:var(--font-body)}
h1,h2,h3,.brand{font-family:var(--font-display)}
button,input,textarea,select{font-family:var(--font-body)}
.brand{font-weight:800}
.brand{font-size: 1.5rem;letter-spacing:-1px;gap:11px}
.brand-dot{color:#77a94e;margin-left:0}
@media(max-width:700px){.app-header{height:84px;padding:0 20px}.brand{font-size: 1.1875rem;letter-spacing:-.7px;gap:9px}.brand-face{width:31px;height:31px;border-radius:12px;font-size: 1.25rem;line-height:20px}.brand-face i{width:9px;height:5px;bottom:6px;left:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Explore: personal-assistant discovery packs */
.explore-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0 25px}.explore-intro h1{font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-.06em}.explore-intro h1 span{color:#7250b5}.explore-intro p{max-width:450px;margin-top:18px;color:var(--muted)}.aha-orbit{position:relative;display:grid;place-items:center;width:190px;height:175px;flex-shrink:0}.aha-orbit>span{display:grid;place-items:center;background:#d8edaf;border:2px solid #254b3a;border-radius:48% 48% 40% 44%;width:113px;height:125px;font-size: 5.1875rem;font-weight:850;transform:rotate(12deg);box-shadow:7px 7px 0 #254b3a}.aha-orbit i{position:absolute;bottom:4px;left:0;font-size: 1.5rem;font-weight:850;font-style:normal;transform:rotate(-12deg);background:#fff5a9;border:2px solid #254b3a;border-radius:18px;padding:3px 15px}.aha-orbit b{position:absolute;right:0;top:5px;color:#dc623b;font-size: 2.5rem}.explore-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size: var(--text-label);font-weight:700;margin:15px 0}.stamp-counter{background:white;border:1px solid var(--line);padding:11px 14px;border-radius:20px;min-height:44px;font-size: var(--text-label)}.agent-packs{display:grid;grid-template-columns:1fr 1fr;gap:22px}.violet{--pack-bg:#e2d8ff;--pack-ink:#493274;--pack-accent:#c1a6fa;background:var(--pack-bg);color:var(--pack-ink)}.peach{--pack-bg:#ffdabf;--pack-ink:#633e27;--pack-accent:#fcb087;background:var(--pack-bg);color:var(--pack-ink)}.agent-pack{position:relative;overflow:hidden;text-align:left;border-radius:30px;padding:25px;border:1px solid #233b3215;box-shadow:0 6px 0 #233b3210;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.agent-pack:hover{transform:translateY(-4px);box-shadow:0 10px 0 #233b3210}.agent-pack:active{transform:translateY(1px)}.pack-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.agent-symbol{display:grid;place-items:center;border:1px solid currentColor;border-radius:20px;width:61px;height:61px;font-size: 2.75rem;background:#ffffff55;flex-shrink:0}.pack-count{font-size: var(--text-label);font-weight:700;border-radius:20px;background:#ffffff75;padding:7px 11px;white-space:nowrap}.agent-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;font-size: 2.1875rem;line-height:1.1;font-weight:850;letter-spacing:-1.3px;margin:28px 0 22px}.agent-name small{font-size: var(--text-label);font-weight:600;letter-spacing:0}.agent-pack>strong{font-size: 1.4375rem;line-height:1.2;letter-spacing:-.6px;max-width:320px;min-height:57px}.pack-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;font-size: var(--text-label)}.pack-footer b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--pack-ink);color:white;font-size: 1.5rem}.how-to{display:flex;justify-content:center;gap:30px;margin:25px 0 35px;font-size: var(--text-label);color:#7b7164}.how-to b{margin-left:7px;font-weight:650;color:var(--ink)}.compare-nudge{display:flex;align-items:center;gap:17px;background:#e9efdd;border:1px solid #d6e1c5;border-radius:23px;padding:23px}.compare-nudge h2{font-size: 1.25rem}.compare-nudge p{font-size: var(--text-body);margin-top:5px;color:var(--muted)}.compare-nudge .secondary{margin-left:auto;white-space:nowrap}.map-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.map-shortcut{display:flex;flex-direction:column;gap:9px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px}.map-shortcut>span{font-weight:750}.map-shortcut small{color:var(--muted);font-size: var(--text-label);display:flex;justify-content:space-between}.source-footnote{font-size: var(--text-label);color:var(--muted);margin:20px 0;max-width:700px}.bring-policy{margin-top:30px;border-top:1px solid var(--line)}.bring-policy>summary{cursor:pointer;padding:20px 0;min-height:56px;font-weight:700;display:flex;justify-content:space-between}.bring-policy .form-card{margin-top:10px}.pack-banner{border-radius:28px;padding:25px;display:flex;align-items:center;gap:20px}.pack-banner .eyebrow{margin-bottom:7px;color:inherit}.pack-banner h1{font-size: 2.375rem}.pack-banner p{margin-top:10px}.pack-banner .pack-count{margin-left:auto}.pack-start{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0}.pack-start h2{font-size: 1.375rem}.pack-start p{font-size: var(--text-body);color:var(--muted);margin-top:7px;max-width:410px}.pack-start .primary{white-space:nowrap}.discovery-previews{display:grid;grid-template-columns:1fr 1fr;gap:13px}.discovery-preview{display:flex;align-items:center;gap:14px;text-align:left;background:white;padding:20px;border:1px solid var(--line);border-radius:22px}.discovery-preview>span:last-child{margin-left:auto}.discovery-preview small{display:block;color:var(--muted);font-size: var(--text-label);margin-bottom:3px}.discovery-preview strong{font-size: var(--text-label);line-height:1.3;display:block}.discovery-token{display:grid;place-items:center;width:43px;height:47px;border-radius:15px;background:#efecd9;font-size: 1.5625rem;flex-shrink:0}.discovery-token.collected{background:#d8e9c2;color:#245944}.map-description{max-width:700px;margin-bottom:17px;scroll-margin-top:20px}.topic-chips{display:flex;gap:7px;overflow-x:auto;padding:5px 4px 12px;margin:0 -4px;scrollbar-width:thin}.topic-chips button{white-space:nowrap;padding:10px 17px;min-height:44px;border:1px solid var(--line);background:white;border-radius:22px;font-size: var(--text-label)}.topic-chips button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.search-label{font-size: var(--text-label);font-weight:650;display:block;margin:13px 0 5px}#clause-search{width:100%;max-width:540px;border:1px solid #c7d0bf;border-radius:15px;background:white;color:var(--ink);padding:13px 16px;min-height:48px}.result-count{margin:20px 0 9px;color:var(--muted);font-size: var(--text-label)}.clause-row{display:block;width:100%;text-align:left;background:white;border:1px solid var(--line);border-radius:17px;padding:18px;margin:9px 0}.clause-row strong,.clause-row>span,.clause-row small{display:block}.clause-row .clause-category{font-size: var(--text-label);color:#6a6976;text-transform:uppercase;letter-spacing:.8px;font-weight:650;margin-bottom:7px}.clause-row strong{font-size: var(--text-label)}.clause-row>span:not(.clause-category){font-size: var(--text-label);color:var(--muted);margin-top:5px}.clause-row small{font-size: var(--text-label);margin-top:10px;color:var(--green);font-weight:650}.discovery-player{max-width:600px;margin:0 auto}.discovery-player .card-top .eyebrow{margin:0}.discovery-steps{display:flex;gap:10px;margin:16px 0 22px;align-items:center}.discovery-steps span{display:grid;place-items:center;flex:1;height:31px;border-radius:14px;background:#e9ecdf;font-size: var(--text-label);color:#64745b;font-weight:800}.discovery-steps .active{background:#245944;color:white;box-shadow:0 3px 0 #a7c783}.discovery-steps .done:not(.active){background:#d5eab9;color:#245944}.reveal-card{border-radius:30px;padding:30px;box-shadow:0 6px 0 #233b3210;animation:arrive .25s ease-out}.question-token{display:grid;place-items:center;width:65px;height:65px;font-size: 2.3125rem;background:#ffffff70;border:1px solid #ffffff90;border-radius:23px;transform:rotate(-7deg);margin-bottom:24px}.reveal-card>.eyebrow{display:block;color:var(--pack-ink);font-size: var(--text-label)}.reveal-card h1{font-size: 2.1875rem;line-height:1.12;letter-spacing:-1.5px}.reveal-card>p{margin:18px 0;font-size: var(--text-body)}.reveal-card .option{color:var(--ink);background:#fffdf8;border-color:#ffffff70;min-height:65px}.reveal-card .source-link{color:var(--pack-ink);font-size: var(--text-label);display:inline-flex;align-items:center;min-height:44px;font-weight:700}.source-caption{font-size: var(--text-label);color:var(--pack-ink);margin-top:20px}.next-move{padding:20px;background:#ffffff88;border-radius:18px;margin:15px 0}.next-move .eyebrow{font-size: var(--text-label);letter-spacing:1.2px;margin-bottom:8px}.next-move p{font-size: var(--text-body);color:var(--ink)}.builder-takeaway{margin:15px 0 22px;font-size: var(--text-label)}.builder-takeaway summary{cursor:pointer;min-height:44px;padding:8px 0;align-content:center}.builder-takeaway p{padding:10px 0;color:var(--pack-ink);font-size: var(--text-body)}.reveal-card .practice-note{font-size: var(--text-label);text-align:center;margin:12px 0 0;color:var(--pack-ink)}.player-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size: var(--text-label);margin-top:20px}.player-footer .text-button{font-size: var(--text-label)}.pack-complete{max-width:570px;margin:15px auto;text-align:center}.completion-seal{display:grid;place-items:center;width:110px;height:110px;font-size: 4.6875rem;margin:20px auto 30px;border-radius:35%;border:2px solid #356548;background:#d3eeb8;box-shadow:5px 6px 0 #356548;transform:rotate(-8deg)}.pack-complete h1{font-size: 2.4375rem}.pack-complete>p{margin:18px auto;color:var(--muted);max-width:400px;font-size: var(--text-body)}.stamp-album{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.album-stamp{border:1px dashed #c1c7b9;border-radius:20px;padding:15px 8px;text-align:center;background:#eceee5;color:#61705b}.album-stamp.earned{background:#fff2b7;border:1px solid #e4d388;color:#4c5029}.album-stamp>span{font-size: 1.875rem;display:block}.album-stamp strong{display:block;font-size: var(--text-label);margin:4px 0}.album-stamp small{display:block;font-size: var(--text-label)}.coverage-source{padding:17px;background:#eef0e6;border-radius:17px;margin:17px 0}.coverage-source p{font-size: var(--text-body)}.coverage-source .source-link{font-size: var(--text-label)}.comparison-symbol{display:grid;place-items:center;font-size: 1.875rem;background:#e2d8ff;border-radius:16px;width:55px;height:55px}.pack-complete .text-button{margin:13px 0}.discovery-preview:hover,.clause-row:hover,.map-shortcut:hover{border-color:#97b188}
@media(max-width:700px){.explore-intro{gap:8px;padding:12px 0 15px;position:relative}.explore-intro h1{font-size: 2.375rem;max-width:270px}.explore-intro p{font-size: var(--text-body);max-width:245px;margin-top:15px}.explore-intro .eyebrow{font-size: var(--text-label);letter-spacing:1.5px}.aha-orbit{width:90px;height:110px;position:absolute;right:-2px;top:30px;transform:scale(.68);transform-origin:right top;opacity:.9}.aha-orbit>span{width:85px;height:100px;font-size: 4.0625rem}.aha-orbit i{left:-18px;bottom:-16px;font-size: 1.1875rem}.aha-orbit b{right:-10px;top:-22px;font-size: 1.75rem}.explore-intro>div:first-child{z-index:1}.explore-caption{font-size: var(--text-label);margin:18px 0 13px}.stamp-counter{font-size: var(--text-label);padding:10px}.agent-packs{gap:12px}.agent-pack{padding:16px 14px;border-radius:23px}.agent-symbol{width:43px;height:43px;border-radius:15px;font-size: 2rem}.pack-top{align-items:flex-start;gap:7px;flex-direction:column}.pack-count{font-size: var(--text-label);padding:5px 8px}.agent-name{display:block;font-size: 1.75rem;margin:16px 0 16px}.agent-name small{display:block;font-size: var(--text-label);letter-spacing:0;margin-top:5px}.agent-pack>strong{font-size: var(--text-body);line-height:1.2;letter-spacing:-.4px;min-height:86px}.pack-footer{margin-top:16px;font-size: var(--text-label);gap:6px}.pack-footer>span{max-width:83px}.pack-footer b{width:29px;height:29px;flex-shrink:0;font-size: var(--text-body)}.how-to{gap:12px;justify-content:space-between;margin:22px 0 27px;font-size: var(--text-label)}.how-to b{display:block;margin:2px 0 0;font-size: var(--text-label)}.compare-nudge{padding:17px;gap:12px;flex-wrap:wrap}.compare-nudge .tiny-face{display:none}.compare-nudge h2{font-size: var(--text-body)}.compare-nudge p{font-size: var(--text-body)}.compare-nudge .secondary{width:100%;margin:3px 0 0}.map-shortcuts{gap:10px}.map-shortcut{padding:15px 12px;border-radius:17px;font-size: var(--text-label)}.map-shortcut small{font-size: var(--text-label)}.source-footnote{font-size: var(--text-label)}.pack-banner{gap:13px;padding:20px;flex-wrap:wrap}.pack-banner h1{font-size: 1.8125rem}.pack-banner p{font-size: var(--text-body)}.pack-banner .pack-count{margin:0}.pack-banner .eyebrow{font-size: var(--text-label)}.pack-start{display:block;padding:23px 0}.pack-start h2{font-size: 1.3125rem}.pack-start p{font-size: var(--text-body)}.pack-start .primary{width:100%;margin-top:17px}.discovery-previews{grid-template-columns:1fr;gap:9px}.discovery-preview{padding:15px}.discovery-preview strong{font-size: var(--text-label)}.discovery-preview .discovery-token{width:37px;height:39px;border-radius:12px;font-size: 1.3125rem}.section-head .text-button{font-size: var(--text-label);padding:8px 0}.reveal-card{padding:23px 20px;border-radius:25px}.reveal-card h1{font-size: 1.875rem}.reveal-card>p{font-size: var(--text-body);line-height:1.55}.question-token{width:55px;height:55px;font-size: 1.9375rem;margin-bottom:22px}.reveal-card .option{font-size: var(--text-label);padding:14px}.next-move{padding:16px}.next-move p{font-size: var(--text-body)}.discovery-steps{margin:13px 0 20px}.pack-complete h1{font-size: 2.0625rem}.map-description{font-size: var(--text-label)}.clause-row strong{font-size: var(--text-label)}.clause-row>span:not(.clause-category){font-size: var(--text-label)}.player-footer{font-size: var(--text-label)}.player-footer .text-button{font-size: var(--text-label)}}
@media(max-width:359px){.explore-intro h1{font-size: 2.125rem;max-width:240px}.aha-orbit{right:-7px;transform:scale(.53);top:29px}.explore-intro p{max-width:230px;font-size: var(--text-body)}.agent-pack{padding:14px 12px}.agent-pack>strong{font-size: var(--text-body)}.agent-name{font-size: 1.625rem}.pack-footer{font-size: var(--text-label)}.reveal-card{padding:21px 17px}.pack-banner h1{font-size: 1.6875rem}.pack-banner .agent-symbol{width:37px;height:37px;font-size: 1.75rem}.map-shortcut{font-size: var(--text-label)}}

/* A personal keepsake, with contact details only at the chosen delivery step. */
.pocket-screen{max-width:610px;margin:auto}.pocket-progress{display:flex;justify-content:center;gap:15px;color:#89907e;font-size: var(--text-label);margin:12px 0 28px}.pocket-progress .on{color:#426e4b;font-weight:700}.pocket-progress i{font-style:normal}.pocket-heading{text-align:center;position:relative}.pocket-heading h1{font-size: 2.875rem;letter-spacing:-2.4px}.pocket-heading>p{font-size: var(--text-body);color:var(--muted);margin:17px auto;max-width:430px}.pocket-heading.compact{margin:35px 0 25px}.pocket-envelope{position:relative;width:235px;height:197px;margin:39px auto 30px;isolation:isolate}.envelope-front{position:absolute;bottom:0;inset-inline:0;height:135px;background:#edbea0;border:1px solid #ce9575;border-radius:13px;box-shadow:0 7px 0 #d8b79b33;overflow:hidden}.envelope-front:before,.envelope-front:after{content:'';position:absolute;width:170px;height:150px;border:1px solid #dcab8b;transform:rotate(36deg);background:#ffd9bb;top:22px;left:-60px}.envelope-front:after{transform:rotate(-36deg);left:auto;right:-60px}.envelope-note{background:#fffdf0;border:1px solid #e0d7b8;border-radius:12px;position:absolute;top:0;left:18px;right:18px;height:135px;padding:20px;transform:rotate(-6deg);text-align:left;box-shadow:0 2px 14px #54432610;animation:arrive .5s ease-out}.envelope-note span{font-size: var(--text-label);color:#767565}.envelope-note b{display:block;font-size: var(--text-body);letter-spacing:-.6px}.envelope-note i{position:absolute;right:20px;bottom:26px;font-size: 1.75rem;color:#a882ba;font-style:normal}.envelope-seal{position:absolute;bottom:31px;left:92px;width:53px;height:53px;background:#d5eaaa;border:1px solid #81a064;z-index:2;border-radius:45%;color:#355d3d;font-size: 1.6875rem;font-weight:900;line-height:27px;letter-spacing:3px;text-align:center;padding-left:4px;transform:rotate(8deg)}.envelope-seal i{display:block;font-size: 1.375rem;line-height:13px;font-weight:500;font-style:normal}.envelope-spark{position:absolute;right:-30px;top:16px;color:#9c7caf;font-size: 2.6875rem}.pocket-editor,.pocket-form{padding:28px;background:#fffdf7;border:1px solid var(--line);border-radius:27px}.pocket-editor label,.pocket-form label{display:block;font-weight:750;font-size: var(--text-label);margin-bottom:13px}.pocket-editor select,.pocket-form input{display:block;width:100%;min-height:53px;border:1px solid #ced6c1;border-radius:13px;padding:12px;background:#f8f9ee;color:var(--ink);font-size: var(--text-label)}.pocket-insight{padding:20px;border-radius:16px;background:#e9e0fc;margin:15px 0 26px;color:#513c73}.pocket-insight span{display:block;font-size: var(--text-label);margin-bottom:7px}.pocket-insight strong{display:block;font-size: 1.3125rem;line-height:1.2;letter-spacing:-.5px}.pocket-editor fieldset{border:0;padding:0;margin:23px 0}.pocket-editor legend{font-size: var(--text-label);font-weight:750;padding:0;margin:0 0 13px}.promise-choice{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:white;width:100%;text-align:left;min-height:60px;font-size: var(--text-label);margin:8px 0}.promise-choice>span{font-size: 1.4375rem}.promise-choice>b{margin-left:auto;font-size: var(--text-body)}.promise-choice[aria-pressed=true]{border-color:#60884f;background:#e8f1d8}.pocket-name-choices{display:flex;gap:8px;flex-wrap:wrap}.pocket-name-choices button{padding:10px 14px;min-height:44px;background:#f4efe6;border:1px solid #e3dccb;border-radius:17px;font-size: var(--text-label)}.pocket-name-choices button[aria-pressed=true]{background:#ffe8bd;border-color:#c49952;color:#65491c}.pocket-fine{text-align:center;font-size: var(--text-label);margin:17px 0 0}.pocket-keepsake{position:relative;padding:30px;background:#fff7cc;border:1px solid #e9d898;border-radius:23px;margin:30px 0;box-shadow:0 5px 0 #eadbac60;text-align:left;overflow:hidden}.pocket-keepsake .eyebrow{color:#73643b;font-size: var(--text-label);letter-spacing:1.1px}.pocket-keepsake h2{font-size: 1.5rem;max-width:85%;margin-bottom:18px}.keepsake-sticker{position:absolute;right:24px;top:24px;display:grid;place-items:center;background:#ddd2f1;color:#765ba3;width:40px;height:40px;border-radius:15px;font-size: 1.5625rem;transform:rotate(13deg)}.keepsake-aha{font-size: 1.375rem;line-height:1.25;font-weight:650;letter-spacing:-.6px;max-width:400px;margin-bottom:25px}.keepsake-promise{border-top:1px dashed #cbbd86;padding-top:20px}.keepsake-promise>span{font-size: var(--text-label);letter-spacing:1.5px;font-weight:750}.keepsake-promise p{font-size: var(--text-body);margin-top:8px}.pocket-keepsake a{display:inline-flex;align-items:center;min-height:44px;font-size: var(--text-label);margin-top:15px}.pocket-delivery{display:grid;gap:12px}.delivery-choice{display:flex;align-items:center;gap:15px;min-height:92px;border:1px solid var(--line);border-radius:21px;background:#fffdf8;padding:20px;text-align:left}.delivery-choice>span{display:grid;place-items:center;width:45px;height:45px;font-size: 1.6875rem;border-radius:15px;background:#eadff6;flex-shrink:0}.delivery-choice:first-child>span{background:#e0efcf}.delivery-choice:last-child>span{background:#ffe4cc}.delivery-choice strong{font-size: var(--text-label)}.delivery-choice small{display:block;font-weight:450;font-size: var(--text-label);color:var(--muted);margin-top:4px}.delivery-choice>b{margin-left:auto}.delivery-choice:disabled{opacity:.67}.pocket-screen>.text-button{margin:17px 0}.pocket-form>p{font-size: var(--text-body);margin:15px 0;line-height:1.6}.pocket-data{font-size: var(--text-label);margin-top:18px}.pocket-data summary{min-height:44px;align-content:center;cursor:pointer}.pocket-data p{margin:12px 0;line-height:1.65;color:var(--muted)}#pocket-code{font-size: 1.875rem;font-weight:750;letter-spacing:10px;text-align:center}.pocket-result-actions{display:grid;gap:10px}.pocket-packed .pocket-envelope{animation:arrive .6s ease-out}.pocket-invite{background:#e9e0f7;border:1px solid #d9cce9;border-radius:23px;padding:23px;margin:27px 0;text-align:left}.pocket-invite>span{font-size: 1.875rem}.pocket-invite h2{font-size: 1.4375rem;margin:8px 0}.pocket-invite p{font-size: var(--text-body);margin:10px 0 17px;color:#685876}.pocket-invite small{display:block;font-size: var(--text-label);margin-top:12px;text-align:center}.pocket-nudge{display:flex;align-items:center;gap:15px;background:#f4e1ce;border-radius:24px;padding:23px;margin-top:30px}.pocket-nudge h2{font-size: 1.3125rem}.pocket-nudge p{font-size: var(--text-body);margin-top:6px}.pocket-nudge .secondary{margin-left:auto;white-space:nowrap}.pocket-mini{font-size: 2.3125rem;transform:rotate(-9deg)}
@media(max-width:700px){.pocket-heading h1{font-size: 2.3125rem;letter-spacing:-1.8px}.pocket-heading>p{font-size: var(--text-body);max-width:290px}.pocket-progress{font-size: var(--text-label);margin:10px 0 26px}.pocket-editor,.pocket-form{padding:20px 17px;border-radius:24px}.pocket-editor label,.pocket-editor legend{font-size: var(--text-label)}.pocket-editor select{font-size: var(--text-label);max-width:100%;text-overflow:ellipsis}.promise-choice{padding:12px;font-size: var(--text-label);gap:9px}.pocket-insight{padding:17px}.pocket-insight strong{font-size: 1.25rem}.pocket-keepsake{padding:25px 21px}.pocket-keepsake h2{font-size: 1.375rem;max-width:78%}.keepsake-aha{font-size: 1.3125rem}.delivery-choice{padding:16px;gap:12px}.delivery-choice strong{font-size: var(--text-label)}.delivery-choice small{font-size: var(--text-label)}.pocket-envelope{transform:scale(.9);margin:26px auto 16px}.envelope-spark{right:-17px}.pocket-nudge{flex-wrap:wrap;padding:20px}.pocket-nudge .secondary{width:100%;margin:0}.pocket-nudge h2{font-size: 1.1875rem}.pocket-mini{display:none}.pocket-invite h2{font-size: 1.3125rem}}

.keepsake-detail{font-size: var(--text-label);line-height:1.6;color:#666044;margin:-10px 0 23px}

/* Readable type also applies to the original Pocket and playground. */
body{overflow-wrap:break-word}
.eyebrow,.tag,.discovery-kicker,.pocket-keepsake .eyebrow,.keepsake-promise>span{letter-spacing:.04em}
main{padding-bottom:calc(var(--mobile-nav-height) + 64px)}
.bottom-nav{width:min(520px,calc(100% - 24px));height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:8px 6px calc(8px + env(safe-area-inset-bottom));bottom:0;border-radius:22px 22px 0 0}
.bottom-nav button{min-width:0;line-height:1.25;padding:4px 2px}
.bottom-nav svg{flex-shrink:0}
.app-header{height:auto;min-height:90px;gap:14px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
.card-top,.section-head,.history-row,.quest-footer,.agent-tabs,.topic-tabs,.discovery-top,.pocket-progress{flex-wrap:wrap}
.quick-card>span,.delivery-choice>div,.promise-choice>span{min-width:0}
.quick-card strong,.delivery-choice strong{font-size:var(--text-body)}
.quick-card small,.delivery-choice small{line-height:1.6}
.pocket-heading>p{max-width:48ch}
.pocket-editor select{white-space:nowrap;height:auto;min-height:3.5rem;text-overflow:ellipsis;max-width:100%;line-height:1.5}
.pocket-keepsake h2{max-width:none;padding-right:44px}
.promise-choice{line-height:1.6;align-items:flex-start}
.promise-choice>b,.promise-choice>span:first-child{flex-shrink:0}
.pocket-data summary{padding:12px 0}
.pocket-nudge .secondary{white-space:normal}
.primary,.secondary{white-space:normal;line-height:1.5}
.toast{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 16px)}
@media(max-width:700px){.badges{grid-template-columns:repeat(2,minmax(0,1fr))}.pocket-heading>p{max-width:none}.agent-tabs button{flex:1 1 150px}.section-head{align-items:flex-start}.pocket-progress{gap:10px}.pocket-keepsake h2{padding-right:0}.keepsake-sticker{position:static;margin-bottom:12px}.delivery-choice{flex-wrap:wrap}.quick-card{flex-wrap:wrap}.bottom-nav{width:100%;border-radius:0}}

.brand-face{white-space:nowrap;overflow-wrap:normal;flex-shrink:0}.pack-count{white-space:normal;max-width:100%;overflow-wrap:anywhere}.pack-top,.pack-banner{flex-wrap:wrap}