body{margin:0;min-width:320px;min-height:100vh}:root{--bg: #FFFFFF;--paper: #FFFFFF;--paper-warm: #F7F8FA;--paper-ruled: rgba(27,42,74,.04);--ink: #1B2A4A;--ink-emphasis: #0F1A30;--pencil: #1B2A4A;--graphite: #6B7A90;--eraser: #E2E6EC;--card-bg: #FFFFFF;--border: #E2E6EC;--rausch: #E04955;--rausch-dark: #C33D48;--rausch-soft: rgba(224,73,85,.1);--rausch-glow: rgba(224,73,85,.3);--wonder-main: #E8A817;--wonder-soft: rgba(232,168,23,.12);--wonder-glow: rgba(232,168,23,.28);--wonder-badge: #CF9512;--connection-main: #2BA4D8;--connection-soft: rgba(43,164,216,.12);--connection-glow: rgba(43,164,216,.28);--connection-badge: #2290BF;--comfort-main: #E04955;--comfort-soft: rgba(224,73,85,.12);--comfort-glow: rgba(224,73,85,.28);--comfort-badge: #C33D48;--joy-main: #2EAE7D;--joy-soft: rgba(46,174,125,.12);--joy-glow: rgba(46,174,125,.28);--joy-badge: #259368;--heart: #E04955;--primary: #E04955;--primary-hover: #C33D48;--primary-glow: rgba(224,73,85,.3);--accent: #2BA4D8;--gold: #E8A817;--buddy: #1B2A4A;--buddy-light: #2BA4D8;--buddy-glow: rgba(27,42,74,.25);--buddy-wing: #FFFFFF;--buddy-gray: #A0A5B5;--font-hand: "Nunito", sans-serif;--font-body: "DM Sans", -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-heading: "Nunito", sans-serif;--t-world: .3s ease;--t-base: .2s ease;--t-fast: .15s ease;--t-bounce: .35s cubic-bezier(.175, .885, .32, 1.275);--shadow-card: 0 2px 8px rgba(27,42,74,.06), 0 1px 3px rgba(0,0,0,.02);--shadow-hover: 0 8px 24px rgba(27,42,74,.1), 0 2px 8px rgba(0,0,0,.04);--shadow-soft: 0 2px 8px rgba(27,42,74,.04), 0 1px 3px rgba(0,0,0,.02)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh}body{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app:before,.app:after{display:none}.glass-card{background:#fff;border:1px solid var(--border)}.text-gradient{color:var(--rausch)}.welcome-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:9999;cursor:pointer}.welcome-canvas{width:100%;height:100%;display:block}.app{display:flex;flex-direction:column;width:100%;min-height:100vh;position:relative;overflow:hidden}.header{position:sticky;top:0;text-align:center;padding:24px 20px 16px;overflow:hidden;background:#fff;border-bottom:1px solid var(--border);transition:background var(--t-world);z-index:40}.header:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--rausch)}.header:before{display:none}.logo{font-family:var(--font-heading);font-size:32px;font-weight:900;color:var(--ink);letter-spacing:-.3px;position:relative;z-index:1}.tagline{font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--graphite);position:relative;z-index:1;transition:color var(--t-world)}.nav{display:flex;justify-content:center;gap:4px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--border)}.nav-btn{padding:10px 20px;border-radius:999px;font-family:var(--font-body);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all var(--t-base);background:transparent;color:var(--graphite);min-height:44px}.nav-btn:hover{background:var(--paper-warm);color:var(--ink)}.nav-btn.active{background:var(--rausch);color:#fff;box-shadow:0 4px 0 var(--rausch-dark);transform:translateY(0)}.nav-btn.active:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--rausch-dark)}.nav-btn.active:active{transform:translateY(2px);box-shadow:0 2px 0 var(--rausch-dark)}.main{flex:1;width:100%;padding:32px 24px 48px;position:relative;background:var(--bg);transition:background var(--t-world);min-height:400px}.main:before{display:none}.main>*{position:relative;z-index:1}.auth-section{position:absolute;top:1rem;right:1rem;z-index:2}.user-info{display:flex;align-items:center;gap:.75rem}.username{color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:14px}.verify-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--rausch);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700}.auth-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--t-base);min-height:44px}.auth-btn.login{background:var(--rausch);color:#fff;border:none;box-shadow:0 4px 0 var(--rausch-dark)}.auth-btn.login:hover{background:var(--rausch);color:#fff;transform:translateY(-1px);box-shadow:0 5px 0 var(--rausch-dark)}.auth-btn.login:active{transform:translateY(2px);box-shadow:0 2px 0 var(--rausch-dark)}.auth-btn.logout{background:var(--ink);color:#fff;border:none;box-shadow:0 3px #0f1a30}.auth-btn.logout:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px #0f1a30}.home-view{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:0}.hero-section{text-align:center;padding:24px 0 20px;animation:fadeInUp .5s ease-out}.hero-headline{font-family:var(--font-heading);font-size:25px;font-weight:800;margin-bottom:4px;line-height:1.2;color:var(--ink)}.hero-subtext{font-size:16px;font-weight:600;color:var(--graphite)}.hcards{display:flex;flex-direction:column;gap:12px;margin-top:20px;width:100%}.hcard{display:flex;align-items:center;gap:16px;border-radius:16px;padding:20px;cursor:pointer;transition:all .12s;border:2.5px solid var(--border);background:var(--card-bg)}.hcard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1b2a4a14}.hcard-i{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;color:#fff}.hcard-t h3{font-family:var(--font-heading);font-weight:800;font-size:18px;color:var(--ink);line-height:1.2}.hcard-t p{font-size:14px;color:var(--graphite);font-weight:600}.whisper{text-align:center;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--graphite);padding:4px 0 16px;transition:color var(--t-world)}.pills{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap;width:100%}.pill{padding:8px 18px;border-radius:100px;font-family:var(--font-body);font-size:14px;font-weight:700;border:2.5px solid var(--border);cursor:pointer;transition:all .12s;min-height:36px;white-space:nowrap;background:#fff;color:var(--graphite)}.pill:hover{filter:brightness(1.08);transform:translateY(-1px)}.pill.all-pill,.pill.wonder-pill,.pill.connection-pill,.pill.comfort-pill,.pill.joy-pill{background:#fff;color:var(--graphite)}.pill.selected{transform:none;border:none;color:#fff}.pill.all-pill.selected{background:var(--ink)}.pill.wonder-pill.selected{background:var(--wonder-main)}.pill.connection-pill.selected{background:var(--connection-main)}.pill.comfort-pill.selected{background:var(--comfort-main)}.pill.joy-pill.selected{background:var(--joy-main)}.featured{background:var(--card-bg);border-radius:16px;padding:18px;margin-bottom:16px;width:100%;position:relative;overflow:hidden;border:2.5px solid var(--border);transition:all .12s}.featured:hover{border-color:var(--accent);box-shadow:0 4px 14px #2ba4d81a}.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:background .3s ease;border-radius:20px 20px 0 0}.f-badge{display:inline-block;padding:3px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-family:var(--font-heading);margin-bottom:16px}.f-badge.wonder{background:var(--wonder-main);color:#fff}.f-badge.connection{background:var(--connection-main);color:#fff}.f-badge.comfort{background:var(--comfort-main);color:#fff}.f-badge.joy{background:var(--joy-main);color:#fff}.f-request{font-family:var(--font-heading);font-size:22px;font-weight:700;line-height:1.27;color:var(--ink);margin-bottom:8px;letter-spacing:-.44px}.f-author{font-size:14px;color:var(--graphite);font-weight:500;font-family:var(--font-body);margin-bottom:16px}.f-response{border-radius:14px;padding:16px;border-left:3px solid;transition:border-color .3s ease,background .3s ease}.f-response .r-text{font-family:var(--font-body);font-size:14px;line-height:1.43;color:var(--pencil)}.f-response .r-author{font-family:var(--font-body);font-size:13px;color:var(--graphite);font-weight:600;margin-top:8px}.f-respond-btn{display:inline-block;margin-top:16px;padding:8px 18px;border-radius:10px;font-family:var(--font-heading);font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .1s;color:#fff;min-height:36px;background:var(--accent);box-shadow:0 3px #2290bf}.f-respond-btn.wonder-btn,.f-respond-btn.connection-btn,.f-respond-btn.comfort-btn,.f-respond-btn.joy-btn{background:var(--accent);box-shadow:0 3px #2290bf}.f-respond-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px #2290bf}.f-respond-btn:active{transform:translateY(1px);box-shadow:0 1px #2290bf}.shuffle{display:flex;justify-content:center;margin:16px 0;width:100%}.shuffle-btn{padding:10px 24px;border-radius:10px;font-family:var(--font-heading);font-size:14px;font-weight:700;border:none;background:var(--ink);color:#fff;cursor:pointer;transition:all .1s;min-height:44px;box-shadow:0 3px #0f1a30}.shuffle-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px #0f1a30}.shuffle-btn:active{transform:translateY(1px);box-shadow:0 1px #0f1a30}.section-lbl{text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:600;font-family:var(--font-body);color:var(--graphite);margin:24px 0 12px;width:100%}.compact{background:var(--card-bg);border-radius:16px;padding:18px;margin-bottom:12px;width:100%;border:2.5px solid var(--border);transition:all .12s}.compact:hover{border-color:var(--accent);box-shadow:0 4px 14px #2ba4d81a}.c-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.c-badge{padding:3px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-family:var(--font-heading)}.c-name{font-family:var(--font-body);font-size:14px;color:var(--graphite);font-weight:500}.c-heart{margin-left:auto;color:var(--rausch);font-size:14px;cursor:pointer}.c-text{font-family:var(--font-body);font-size:14px;line-height:1.43;color:var(--ink)}.c-response{margin-top:12px;padding:12px;border-radius:14px;background:var(--paper-warm);border-left:3px solid;font-family:var(--font-body);font-size:14px;line-height:1.43;color:var(--pencil)}.c-response .cr-author{font-family:var(--font-body);font-size:13px;color:var(--graphite);font-weight:600;margin-top:6px}.c-link{display:inline-block;margin-top:12px;padding:8px 18px;border-radius:10px;font-family:var(--font-heading);font-size:14px;font-weight:700;cursor:pointer;transition:all .1s;color:#fff;border:none;min-height:36px;background:var(--accent);box-shadow:0 3px #2290bf}.c-link:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px #2290bf}.c-link:active{transform:translateY(1px);box-shadow:0 1px #2290bf}.c-link.wonder-link,.c-link.connection-link,.c-link.comfort-link,.c-link.joy-link{background:var(--accent);box-shadow:0 3px #2290bf}.ctas{display:flex;gap:16px;margin-top:24px;width:100%}.cta-box{flex:1;background:var(--card-bg);border-radius:16px;padding:28px 20px;text-align:center;border:2.5px solid var(--border);transition:all .12s;cursor:pointer}.cta-box:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1b2a4a14}.cta-box .icon{font-size:36px;margin-bottom:12px}.cta-box .icon-heart{color:var(--rausch)}.cta-box h4{font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.18px}.cta-box p{font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--graphite);line-height:1.43}.cta-box .cta-link{font-family:var(--font-body);font-size:14px;font-weight:700;margin-top:16px;display:inline-block;padding:10px 20px;border-radius:10px;color:#fff;background:var(--rausch);transition:all var(--t-base);box-shadow:0 4px 0 var(--rausch-dark)}.cta-box:hover .cta-link{transform:translateY(-1px);box-shadow:0 5px 0 var(--rausch-dark)}.primary-btn{padding:16px 28px;background:var(--rausch);color:#fff;border:none;border-radius:14px;font-size:18px;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all .1s;min-height:48px;box-shadow:0 4px 0 var(--rausch-dark);position:relative;overflow:hidden;letter-spacing:.2px}.primary-btn:after{display:none}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--rausch-dark)}.primary-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--rausch-dark)}.primary-btn:disabled{background:var(--eraser);color:var(--graphite);cursor:not-allowed;transform:none;box-shadow:none}.secondary-btn{padding:12px 24px;background:var(--ink);color:#fff;border:none;border-radius:10px;font-size:14px;font-family:var(--font-heading);font-weight:700;cursor:pointer;transition:all .1s;min-height:44px;box-shadow:0 3px #0f1a30}.secondary-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px #0f1a30}.secondary-btn:active{transform:translateY(1px);box-shadow:0 1px #0f1a30}.request-actions .secondary-btn{background:var(--accent);color:#fff;border:none;box-shadow:0 3px #2290bf;border-radius:10px;padding:8px 18px;font-family:var(--font-heading)}.request-actions .secondary-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px #2290bf}.request-actions .secondary-btn:active{transform:translateY(1px);box-shadow:0 1px #2290bf}.text-btn{background:var(--ink);border:none;color:#fff;cursor:pointer;font-size:14px;font-family:var(--font-heading);font-weight:700;min-height:44px;padding:10px 20px;border-radius:10px;transition:all .1s;box-shadow:0 3px #0f1a30}.text-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px #0f1a30}.create-view{max-width:520px;margin:0 auto;width:100%}.create-view h2{font-family:var(--font-heading);font-weight:800;font-size:28px;margin-bottom:.5rem;text-align:center;color:var(--ink);letter-spacing:-.44px}.create-intro{font-family:var(--font-body);font-weight:400;color:var(--graphite);margin-bottom:1.5rem;text-align:center;font-size:14px;line-height:1.43}.create-form{background:#fff;color:var(--ink);padding:32px;border-radius:16px;border:2.5px solid var(--border);position:relative;overflow:hidden}.create-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--rausch);border-radius:16px 16px 0 0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-family:var(--font-body);font-weight:600;font-size:12px;margin-bottom:.5rem;color:var(--ink);text-transform:uppercase;letter-spacing:.5px}.category-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:.5rem}.category-btn{padding:10px 18px;border:none;border-radius:10px;cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:14px;transition:all var(--t-base);min-height:44px;background:var(--paper-warm);color:var(--graphite)}.category-btn.wonder{color:var(--wonder-main);background:var(--wonder-soft)}.category-btn.connection{color:var(--connection-main);background:var(--connection-soft)}.category-btn.comfort{color:var(--comfort-main);background:var(--comfort-soft)}.category-btn.joy{color:var(--joy-main);background:var(--joy-soft)}.category-btn:hover{transform:translateY(-1px)}.category-btn.wonder.active{background:var(--wonder-main);color:#fff;box-shadow:0 4px 0 var(--wonder-badge)}.category-btn.connection.active{background:var(--connection-main);color:#fff;box-shadow:0 4px 0 var(--connection-badge)}.category-btn.comfort.active{background:var(--comfort-main);color:#fff;box-shadow:0 4px 0 var(--comfort-badge)}.category-btn.joy.active{background:var(--joy-main);color:#fff;box-shadow:0 4px 0 var(--joy-badge)}.request-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.request-label-row label{margin-bottom:0}.random-act-btn{padding:6px 14px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:13px;font-family:var(--font-body);font-weight:700;cursor:pointer;transition:all .1s;min-height:32px;box-shadow:0 3px #2290bf}.random-act-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px #2290bf}.suggestions-section{margin-bottom:1.5rem;padding:16px;background:var(--paper-warm);border-radius:14px;border:1px solid var(--eraser)}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.suggestions-label{font-family:var(--font-body);font-size:12px;color:var(--graphite);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.refresh-btn{padding:5px 14px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:13px;font-family:var(--font-body);font-weight:700;cursor:pointer;transition:all .1s;box-shadow:0 2px #2290bf}.refresh-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.suggestions-list{display:flex;flex-direction:column;gap:.5rem}.suggestion-chip{padding:12px 16px;background:var(--card-bg);border:none;border-left:3px solid var(--buddy);border-radius:8px;text-align:left;font-size:14px;font-family:var(--font-body);color:var(--ink);cursor:pointer;transition:all var(--t-base);line-height:1.43;box-shadow:var(--shadow-soft)}.suggestion-chip:hover{transform:translate(4px);box-shadow:var(--shadow-hover)}.form-group textarea,.form-group input{width:100%;padding:14px;border:1px solid var(--border);border-radius:8px;font-size:16px;font-family:var(--font-body);resize:vertical;line-height:1.5;transition:border-color var(--t-fast),box-shadow var(--t-fast);color:var(--ink);background:var(--card-bg)}.form-group textarea:focus,.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2ba4d826}.char-count{display:block;text-align:right;font-family:var(--font-body);font-size:13px;color:var(--graphite);margin-top:4px}.char-count.warning{color:var(--rausch);font-weight:600}.scout-badge{display:block;text-align:right;font-family:var(--font-body);font-size:13px;color:var(--graphite);margin-top:4px;letter-spacing:.3px;-webkit-user-select:none;user-select:none}.browse-view{max-width:680px;margin:0 auto;width:100%}.browse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.browse-header h2{font-family:var(--font-heading);font-weight:800;font-size:28px;color:var(--ink);letter-spacing:-.44px}.filter-section{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{padding:8px 18px;background:#fff;border:2.5px solid var(--border);color:var(--graphite);border-radius:100px;cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:14px;transition:all .12s;min-height:36px;white-space:nowrap}.filter-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink);transform:none}.filter-btn.category-filter.wonder,.filter-btn.category-filter.connection,.filter-btn.category-filter.comfort,.filter-btn.category-filter.joy{background:#fff;color:var(--graphite);border-color:var(--border)}.filter-btn.category-filter.wonder:hover,.filter-btn.category-filter.connection:hover,.filter-btn.category-filter.comfort:hover,.filter-btn.category-filter.joy:hover{filter:brightness(1.08);transform:translateY(-1px)}.filter-btn.category-filter.wonder.active{background:var(--wonder-main);color:#fff;border-color:var(--wonder-main)}.filter-btn.category-filter.connection.active{background:var(--connection-main);color:#fff;border-color:var(--connection-main)}.filter-btn.category-filter.comfort.active{background:var(--comfort-main);color:#fff;border-color:var(--comfort-main)}.filter-btn.category-filter.joy.active{background:var(--joy-main);color:#fff;border-color:var(--joy-main)}.requests-list{display:flex;flex-direction:column;gap:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:12px 0}.pagination-btn{padding:10px 20px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:14px;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all .1s;box-shadow:0 3px #2290bf}.pagination-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px #2290bf}.pagination-btn:disabled{opacity:.3;cursor:default;box-shadow:none}.pagination-info{font-size:14px;color:var(--graphite);font-weight:500}.request-card{background:var(--card-bg);color:var(--ink);padding:18px;border-radius:16px;transition:all .12s;border:2.5px solid var(--border);animation:cardIn .4s ease-out both}.request-card:hover{border-color:var(--accent);box-shadow:0 4px 14px #2ba4d81a}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.category-tag{display:inline-block;padding:3px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-family:var(--font-heading)}.category-tag.wonder{background:var(--wonder-main);color:#fff}.category-tag.connection{background:var(--connection-main);color:#fff}.category-tag.comfort{background:var(--comfort-main);color:#fff}.category-tag.joy{background:var(--joy-main);color:#fff}.category-tag.small{font-size:11px;padding:3px 10px}.request-author{font-family:var(--font-body);font-size:14px;color:var(--graphite);font-weight:500}.request-text{font-family:var(--font-body);font-size:16px;line-height:1.5;margin-bottom:10px;color:var(--ink)}.request-meta{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:13px;color:var(--graphite)}.request-time{opacity:.8}.request-time:before{content:"·";margin-right:.5rem}.request-actions{margin-top:12px}.feed-card{background:#fff;border-radius:16px;border:2.5px solid var(--border);margin-bottom:12px;overflow:hidden;transition:all .12s;animation:cardIn .4s ease-out both}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.feed-card:hover{border-color:var(--accent);box-shadow:0 4px 14px #2ba4d81a}.feed-card.highlight-pulse{animation:highlightPulse 2.5s ease-out}@keyframes highlightPulse{0%{box-shadow:0 0 #e0495566}20%{box-shadow:0 0 0 6px #e0495526}to{box-shadow:0 0 #e0495500}}.feed-card.expanded{box-shadow:var(--shadow-card)}.feed-card-header{display:flex;align-items:flex-start;gap:10px;padding:16px 20px;cursor:pointer}.feed-card-header:hover{background:#00000003}.cat-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.cat-dot.wonder{background:var(--wonder-main)}.cat-dot.connection{background:var(--connection-main)}.cat-dot.comfort{background:var(--comfort-main)}.cat-dot.joy{background:var(--joy-main)}.feed-card-text{flex:1;font-family:var(--font-body);font-size:14px;line-height:1.43;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-card.expanded .feed-card-text{-webkit-line-clamp:unset;overflow:visible}.feed-respond-btn{font-family:var(--font-heading);font-weight:700;font-size:13px;color:#fff;background:var(--accent);border:none;border-radius:8px;padding:5px 14px;cursor:pointer;transition:all .1s;box-shadow:0 2px #2290bf;white-space:nowrap}.feed-respond-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 3px #2290bf}.feed-respond-btn:active{transform:translateY(1px);box-shadow:0 1px #2290bf}.feed-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.feed-heart{color:var(--rausch);font-weight:600;font-size:14px}.feed-first{color:var(--graphite);font-size:13px;font-style:italic}.feed-time{color:var(--graphite);font-size:13px}.feed-card-body{max-height:0;overflow:hidden;transition:max-height .25s ease-out}.feed-card.expanded .feed-card-body{max-height:2000px;transition:max-height .35s ease-in}.feed-card-body-inner{padding:0 20px 20px;border-top:1px solid var(--eraser)}.feed-card-meta{display:flex;align-items:center;gap:10px;padding:12px 0}.feed-author{font-family:var(--font-body);font-size:13px;color:var(--graphite);font-weight:500}.feed-responses{margin-top:4px}.feed-response{padding:12px 0;border-bottom:1px solid var(--eraser)}.feed-response:last-child{border-bottom:none}.feed-response-text{font-family:var(--font-body);font-size:14px;line-height:1.43;color:var(--pencil);margin-bottom:6px}.feed-response-footer{display:flex;justify-content:space-between;align-items:center}.feed-response-meta{font-family:var(--font-body);font-size:13px;color:var(--graphite);font-weight:500}.responses-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--eraser)}.responses-section h4{font-family:var(--font-body);font-weight:600;font-size:12px;margin-bottom:10px;color:var(--graphite);text-transform:uppercase;letter-spacing:.5px}.responses-list{display:flex;flex-direction:column;gap:8px}.response-card{background:var(--paper-warm);padding:16px;border-radius:14px;border:none;border-left:3px solid var(--connection-main);transition:all var(--t-base)}.response-card:hover{box-shadow:var(--shadow-soft)}.response-image{max-width:100%;width:100%;border-radius:14px;margin-bottom:.75rem;object-fit:cover;max-height:300px}.feed-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--eraser)}.feed-avatar-sm{width:22px;height:22px;border-radius:50%;vertical-align:middle;background:var(--eraser)}.feed-avatar-xs{width:18px;height:18px;border-radius:50%;vertical-align:middle;margin-right:4px;background:var(--eraser)}.feed-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--rausch);color:#fff;font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1}.feed-avatar-sm.feed-avatar-fallback{font-size:11px}.feed-avatar-xs.feed-avatar-fallback{font-size:9px}.response-text{font-family:var(--font-body);font-size:14px;margin-bottom:.5rem;line-height:1.43;color:var(--ink)}.response-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px}.response-meta{font-family:var(--font-body);color:var(--graphite);font-weight:500;font-size:13px}.heart-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:none;background:none;border-radius:100px;cursor:pointer;font-size:14px;font-weight:800;font-family:var(--font-heading);color:var(--rausch);transition:all .12s;line-height:1;min-height:32px}.heart-btn:hover{background:#fde8ea}.heart-btn.hearted{background:#fde8ea;color:var(--rausch);animation:heartPop .3s ease}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.heart-count{font-size:13px;font-weight:600;color:inherit}.upload-btn{display:inline-block;padding:8px 16px;background:var(--accent);border-radius:8px;cursor:pointer;font-size:13px;font-family:var(--font-body);font-weight:700;transition:all .1s;color:#fff;border:none;box-shadow:0 2px #2290bf}.upload-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.response-actions{display:flex;gap:1rem;margin-top:1rem}.response-form{margin-top:12px;padding:20px;background:var(--paper-warm);border-radius:14px;border:1px solid var(--eraser)}.response-form textarea{width:100%;padding:14px;border:1px solid var(--border);border-radius:8px;font-size:16px;font-family:var(--font-body);resize:vertical;line-height:1.5;transition:border-color var(--t-fast),box-shadow var(--t-fast);color:var(--ink);background:var(--card-bg)}.response-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2ba4d826}.image-upload{margin-top:10px}.image-preview{position:relative;margin-top:10px;display:inline-block}.image-preview img{max-width:200px;border-radius:14px}.remove-image{position:absolute;top:6px;right:6px;background:#222222b3;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:16px;min-height:28px}.response-btns{display:flex;gap:10px;margin-top:12px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:var(--card-bg);border-radius:20px;max-width:450px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .25s ease-out;border:none;box-shadow:#0000001f 0 24px 48px,#00000014 0 12px 24px}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--ink);border:none;font-size:1rem;color:#fff;cursor:pointer;line-height:1;padding:6px 10px;min-height:32px;border-radius:8px;box-shadow:0 2px #0f1a30;transition:all .1s}.modal-close:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-modal{padding:2rem}.auth-tabs{display:flex;gap:8px;margin-bottom:1.5rem}.auth-tab{flex:1;padding:10px;border:2.5px solid var(--ink);background:#fff;color:var(--ink);font-size:14px;font-family:var(--font-body);font-weight:700;cursor:pointer;border-radius:8px;transition:all .1s;min-height:44px}.auth-tab:hover{background:var(--paper-warm)}.auth-tab.active{background:var(--rausch);color:#fff;border-color:var(--rausch);box-shadow:0 4px 0 var(--rausch-dark)}.auth-form h2{font-family:var(--font-heading);font-weight:800;font-size:28px;margin-bottom:.5rem;color:var(--ink);letter-spacing:-.44px}.auth-subtitle{font-family:var(--font-body);color:var(--graphite);margin-bottom:1.5rem;font-size:14px}.auth-form .form-group{margin-bottom:1.25rem}.auth-form label{display:block;margin-bottom:.5rem;font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--ink);text-transform:uppercase;letter-spacing:.5px}.auth-form input{width:100%;padding:14px;border:1px solid var(--border);border-radius:8px;font-size:16px;font-family:var(--font-body);transition:border-color var(--t-fast),box-shadow var(--t-fast);color:var(--ink);background:var(--card-bg)}.auth-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2ba4d826}.input-hint{display:block;font-family:var(--font-body);font-size:13px;color:var(--graphite);margin-top:4px}.forgot-password-link{display:inline-block;background:var(--accent);border:none;color:#fff;cursor:pointer;font-size:13px;font-family:var(--font-body);font-weight:700;margin-top:6px;padding:5px 14px;border-radius:8px;box-shadow:0 2px #2290bf;float:right}.forgot-password-link:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-error{background:var(--rausch-soft);color:var(--rausch-dark);padding:10px 14px;border-radius:8px;margin-bottom:1rem;font-size:14px;font-family:var(--font-body)}.auth-submit{width:100%;margin-top:.5rem}.auth-switch{text-align:center;margin-top:1.5rem;font-family:var(--font-body);color:var(--graphite);font-size:14px}.auth-switch button{background:var(--accent);border:none;color:#fff;cursor:pointer;font-size:14px;font-family:var(--font-body);font-weight:700;text-decoration:none;padding:6px 16px;border-radius:8px;box-shadow:0 3px #2290bf;margin-left:4px}.auth-switch button:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-success{text-align:center;padding:1rem}.success-icon{width:60px;height:60px;background:var(--rausch);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1rem}.auth-success h3{font-family:var(--font-body);font-size:22px;font-weight:600;margin-bottom:1rem;color:var(--ink);letter-spacing:-.44px}.auth-success p{font-family:var(--font-body);color:var(--graphite);font-size:14px;margin-bottom:.5rem}.verification-note{font-family:var(--font-body);font-size:14px;color:var(--graphite);margin-top:1rem;margin-bottom:1.5rem}.report-modal{padding:2rem}.report-form h2{font-family:var(--font-heading);font-weight:800;font-size:28px;margin-bottom:.5rem;color:var(--ink);letter-spacing:-.44px}.report-subtitle{font-family:var(--font-body);color:var(--graphite);margin-bottom:1.5rem;font-size:14px}.report-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}.report-reason{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s ease}.report-reason:hover,.report-reason.selected{border-color:var(--ink);background:var(--paper-warm)}.report-reason input{margin-top:3px}.reason-content{flex:1}.reason-label{display:block;font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--ink);margin-bottom:2px}.reason-description{display:block;font-family:var(--font-body);font-size:13px;color:var(--graphite)}.report-form textarea{width:100%;padding:14px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--font-body);resize:vertical;transition:border-color var(--t-fast),box-shadow var(--t-fast);color:var(--ink);background:var(--card-bg)}.report-form textarea:focus{outline:none;border-color:var(--buddy);box-shadow:0 0 0 2px #4f46e533}.report-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:1.5rem}.report-submit{min-width:140px}.report-success{text-align:center;padding:1rem}.report-success h3{font-family:var(--font-body);font-size:22px;font-weight:600;margin-bottom:1rem;color:var(--ink)}.report-success p{font-family:var(--font-body);font-size:14px;color:var(--graphite);margin-bottom:1.5rem}.auth-notice,.verify-notice{background:var(--paper-warm);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:1.5rem;text-align:center}.auth-notice p,.verify-notice p{margin:0;font-family:var(--font-body);color:var(--ink);font-size:14px}.auth-notice button,.verify-notice button{background:var(--rausch);border:none;color:#fff;text-decoration:none;cursor:pointer;font-size:14px;font-family:var(--font-body);font-weight:700;padding:6px 16px;border-radius:8px;box-shadow:0 3px 0 var(--rausch-dark);margin-top:8px;display:inline-block}.verify-notice button{display:block;margin:10px auto 0;padding:10px 20px;background:var(--rausch);color:#fff;border-radius:10px;text-decoration:none;min-height:44px;box-shadow:0 4px 0 var(--rausch-dark)}.verify-notice button:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--rausch-dark)}.form-error{background:var(--rausch-soft);color:var(--rausch-dark);padding:10px 14px;border-radius:8px;margin-bottom:1rem;font-size:14px;font-family:var(--font-body);font-weight:500}.form-success{background:#00a65014;color:#008040;padding:12px 16px;border-radius:8px;margin-bottom:1rem;font-size:14px;font-family:var(--font-body);font-weight:500;animation:fadeInUp .3s ease-out}.content-actions{display:flex;justify-content:flex-end;margin-top:6px}.report-btn,.delete-btn{border:none;font-size:13px;font-family:var(--font-body);font-weight:700;cursor:pointer;padding:4px 12px;border-radius:8px;transition:all .1s;min-height:28px;color:#fff}.report-btn{background:var(--ink);box-shadow:0 2px #0f1a30}.report-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.delete-btn{background:var(--rausch);box-shadow:0 2px 0 var(--rausch-dark)}.delete-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.report-btn.small,.delete-btn.small{font-size:12px;padding:3px 10px}.response-actions-row{display:flex;align-items:center;gap:6px}.loading-state{text-align:center;padding:3rem 1rem;color:var(--graphite)}.loading-state p{font-family:var(--font-body);font-size:16px;font-weight:500}.empty-state{text-align:center;padding:3rem 1rem}.empty-state p{font-family:var(--font-body);margin-bottom:1.5rem;font-size:14px;color:var(--graphite)}.footer{text-align:center;padding:24px 16px;background:#fff;border-top:1px solid var(--border);position:relative}.footer:before{display:none}.foot-text{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--graphite)}.foot-heart{color:var(--rausch)}.footer-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}.watch-btn{margin-top:10px;padding:8px 16px;border-radius:8px;font-family:var(--font-body);font-size:13px;font-weight:700;border:none;cursor:pointer;color:#fff;background:var(--rausch);transition:all .1s;min-height:32px;box-shadow:0 3px 0 var(--rausch-dark)}.watch-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.world-all .featured:before{background:var(--rausch)}.world-all .f-response{background:var(--paper-warm);border-color:var(--border)}.world-wonder{--active-glow: var(--wonder-glow);--active-btn: var(--wonder-main);--active-soft: var(--wonder-soft)}.world-wonder .tagline,.world-wonder .whisper{color:var(--wonder-main)}.world-wonder .featured:before{background:var(--wonder-main)}.world-wonder .f-response{background:var(--wonder-soft);border-color:var(--wonder-main)}.world-connection{--active-glow: var(--connection-glow);--active-btn: var(--connection-main);--active-soft: var(--connection-soft)}.world-connection .tagline,.world-connection .whisper{color:var(--connection-main)}.world-connection .featured:before{background:var(--connection-main)}.world-connection .f-response{background:var(--connection-soft);border-color:var(--connection-main)}.world-comfort{--active-glow: var(--comfort-glow);--active-btn: var(--comfort-main);--active-soft: var(--comfort-soft)}.world-comfort .tagline,.world-comfort .whisper{color:var(--comfort-main)}.world-comfort .featured:before{background:var(--comfort-main)}.world-comfort .f-response{background:var(--comfort-soft);border-color:var(--comfort-main)}.world-joy{--active-glow: var(--joy-glow);--active-btn: var(--joy-main);--active-soft: var(--joy-soft)}.world-joy .tagline,.world-joy .whisper{color:var(--joy-main)}.world-joy .featured:before{background:var(--joy-main)}.world-joy .f-response{background:var(--joy-soft);border-color:var(--joy-main)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-in{animation:fadeInUp .6s ease-out forwards}.fade-in-delay-1{opacity:0;animation:fadeInUp .6s ease-out .15s forwards}.fade-in-delay-2{opacity:0;animation:fadeInUp .6s ease-out .3s forwards}.fade-in-delay-3{opacity:0;animation:fadeInUp .6s ease-out .45s forwards}@media(max-width:768px){.auth-section{position:static;text-align:center;margin-top:8px}.browse-header{flex-direction:column;align-items:flex-start}.filter-section{align-items:flex-start;width:100%}.logo{font-size:30px}.main{padding:20px 16px 28px}.nav{gap:4px;padding:8px 12px}.nav-btn{padding:8px 14px;font-size:13px}}@media(max-width:600px){.f-request{font-size:20px}.featured{padding:20px}.ctas{flex-direction:column}.user-info{justify-content:center}.modal-content{margin:1rem}.report-actions{flex-direction:column}.report-actions button{width:100%}.request-card{padding:16px}.nav{gap:2px;padding:6px 8px}.nav-btn{padding:6px 12px;font-size:13px}.pills{gap:4px}.pill{padding:6px 12px;font-size:13px}.browse-header h2,.create-view h2{font-size:24px}.hero-headline{font-size:36px}}.free-counter{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;background:var(--paper-warm);border-bottom:1px solid var(--border);font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--graphite)}.free-counter-icon{font-size:14px}.free-counter-text{color:var(--graphite)}.free-counter-btn{background:var(--rausch);color:#fff;border:none;border-radius:6px;padding:3px 12px;font-family:var(--font-heading);font-size:12px;font-weight:700;cursor:pointer;transition:all .1s;box-shadow:0 2px 0 var(--rausch-dark);margin-left:6px}.free-counter-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.paywall-modal{max-width:420px}.pw-inner{padding:2rem;text-align:center}.pw-celebration{font-size:48px;margin-bottom:12px;animation:heartPop .5s ease-out}.pw-title{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--ink);margin-bottom:6px;line-height:1.2}.pw-subtitle{font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--graphite);margin-bottom:24px}.pw-plans{display:flex;gap:10px;margin-bottom:20px}.pw-plan-card{flex:1;border:3px solid var(--border);border-radius:14px;padding:16px 12px;text-align:center;position:relative;background:#fff;transition:all .12s}.pw-plan-highlight{border-color:var(--accent);box-shadow:0 4px 14px #2ba4d826}.pw-plan-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-weight:700;font-size:10px;background:var(--accent);color:#fff;padding:2px 12px;border-radius:100px;white-space:nowrap}.pw-plan-name{font-family:var(--font-heading);font-weight:700;font-size:13px;color:var(--graphite);margin-bottom:4px}.pw-plan-amount{font-family:var(--font-heading);font-weight:800;font-size:26px;color:var(--ink);line-height:1;margin-bottom:2px}.pw-plan-amount span{font-size:14px;font-weight:700;color:var(--graphite)}.pw-plan-detail{font-size:12px;font-weight:700;color:var(--rausch)}.pw-benefits{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;text-align:left}.pw-benefits li{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink);padding-left:28px;position:relative}.pw-benefits li:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:6px;background:var(--joy-main)}.pw-benefits li:after{content:"✓";position:absolute;left:5px;top:3px;font-size:12px;color:#fff;font-weight:800}.pw-cta{width:100%;margin-bottom:8px}.pw-note{font-size:13px;color:var(--graphite);font-weight:600;margin:8px 0 4px}.pw-dismiss{background:none;border:none;color:var(--graphite);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;padding:8px 16px}.pw-dismiss:hover{color:var(--rausch)}.ob-screen{position:fixed;inset:0;z-index:9998;background:#fff;display:flex;align-items:center;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.ob-container{position:relative;width:100%;max-width:440px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;min-height:0}.ob-hearts-row{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.ob-heart-circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;animation:obHeartPop .5s ease-out both}@keyframes obHeartPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.ob-progress{display:flex;gap:8px;margin-bottom:28px}.ob-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .3s ease}.ob-dot.active{background:var(--accent);width:24px;border-radius:4px}.ob-dot.done{background:var(--accent);opacity:.4}.ob-content{width:100%}.ob-slide-in{animation:obSlideIn .4s ease-out}.ob-slide-out{animation:obSlideOut .3s ease-in forwards}@keyframes obSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes obSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}.ob-step{display:flex;flex-direction:column;align-items:center;text-align:center}.ob-question{font-family:var(--font-heading);font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.44px;margin-bottom:8px;line-height:1.2}.ob-subtitle{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--graphite);margin-bottom:24px;line-height:1.43}.ob-options{display:flex;flex-direction:column;gap:10px;width:100%}.ob-option{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:3px solid var(--border);border-radius:14px;cursor:pointer;font-family:var(--font-body);transition:all .12s;text-align:left;width:100%}.ob-option:hover{border-color:var(--accent)}.ob-option:active{transform:scale(.98)}.ob-option-emoji{font-size:24px;flex-shrink:0;line-height:1}.ob-emoji-lg{font-size:32px}.ob-option-label{font-size:16px;font-weight:700;color:var(--ink)}.ob-option-desc{font-size:13px;color:var(--graphite);font-weight:600}.ob-option-text{display:flex;flex-direction:column;gap:2px}.ob-option-wide{padding:18px 20px}.ob-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ob-option-card{flex-direction:column;align-items:center;text-align:center;padding:24px 16px;gap:8px}.ob-option-card:hover{border-color:var(--card-accent, var(--accent))}.ob-step-transform{text-align:left}.ob-step-transform .ob-question{text-align:center;margin-bottom:20px}.ob-transform-card{background:#fff;border-radius:16px;padding:4px 0;width:100%;border:2.5px solid var(--border);margin-bottom:24px;overflow:hidden}.ob-transform-row{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border)}.ob-transform-row:last-child{border-bottom:none}.ob-transform-icon{font-size:24px;flex-shrink:0;line-height:1.2}.ob-transform-row strong{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--ink);display:block;margin-bottom:2px}.ob-transform-row p{font-family:var(--font-body);font-size:13px;color:var(--graphite);line-height:1.4;margin:0}.ob-next-btn{width:100%;padding:16px 24px;background:var(--rausch);color:#fff;border:none;border-radius:14px;font-family:var(--font-heading);font-size:18px;font-weight:700;cursor:pointer;transition:all .1s;box-shadow:0 4px 0 var(--rausch-dark)}.ob-next-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 5px 0 var(--rausch-dark)}.ob-next-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--rausch-dark)}.ob-step-trial{align-items:center}.ob-trial-badge{display:inline-block;padding:5px 18px;background:var(--rausch);color:#fff;border-radius:100px;font-family:var(--font-heading);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px}.ob-trial-card{width:100%;margin:20px 0 24px}.ob-trial-plan{background:#fff;border:3px solid var(--accent);border-radius:16px;padding:24px}.ob-trial-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.ob-trial-plan-name{font-family:var(--font-heading);font-size:18px;font-weight:800;color:var(--ink)}.ob-trial-plan-price{display:flex;flex-direction:column;align-items:flex-end}.ob-trial-price-amount{font-family:var(--font-heading);font-size:24px;font-weight:800;color:var(--accent)}.ob-trial-price-period{font-family:var(--font-body);font-size:13px;color:var(--graphite)}.ob-trial-plans{display:flex;gap:12px;width:100%;margin-bottom:20px}.ob-plan-option{flex:1;border:3px solid var(--border);border-radius:16px;padding:18px 14px;cursor:pointer;transition:all .12s;position:relative;background:#fff;text-align:center}.ob-plan-option:hover{border-color:var(--accent)}.ob-plan-selected{border-color:var(--accent);box-shadow:0 4px 18px #2ba4d826}.ob-plan-best-tag{position:absolute;top:-11px;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-weight:700;font-size:11px;background:var(--accent);color:#fff;padding:2px 14px;border-radius:100px;white-space:nowrap}.ob-plan-label{font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--graphite);margin-bottom:6px}.ob-plan-price{font-family:var(--font-heading);font-weight:800;font-size:30px;color:var(--ink);line-height:1;margin-bottom:4px}.ob-plan-price span{font-size:15px;font-weight:700;color:var(--graphite)}.ob-plan-save{font-size:13px;font-weight:700;color:var(--rausch)}.ob-trial-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px;text-align:left;width:100%}.ob-trial-features li{font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--ink);padding-left:38px;position:relative}.ob-trial-features li:before{content:"";position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:8px;background:var(--joy-main)}.ob-trial-features li:after{content:"✓";position:absolute;left:7px;top:4px;font-size:14px;color:#fff;font-weight:800}.ob-trial-note{font-size:14px;color:var(--graphite);font-weight:600;margin-top:14px}.ob-trial-btn{width:100%;padding:16px 24px;background:var(--rausch);color:#fff;border:none;border-radius:14px;font-family:var(--font-heading);font-size:18px;font-weight:700;cursor:pointer;transition:all .1s;box-shadow:0 4px 0 var(--rausch-dark);margin-bottom:12px}.ob-trial-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 5px 0 var(--rausch-dark)}.ob-trial-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--rausch-dark)}.ob-skip-btn{background:none;border:none;color:var(--graphite);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;padding:8px 16px;transition:color .12s}.ob-skip-btn:hover{color:var(--rausch)}.ob-back{position:absolute;top:32px;left:24px;background:var(--ink);color:#fff;border:none;border-radius:8px;font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;padding:6px 14px;transition:all .1s;box-shadow:0 3px #0f1a30}.ob-back:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:600px){.ob-container{padding:24px 16px}.ob-question{font-size:22px}.ob-options-grid{grid-template-columns:1fr 1fr;gap:8px}.ob-option-card{padding:18px 12px}.ob-back{top:24px;left:16px}}@media(max-width:380px){.ob-options-grid{grid-template-columns:1fr}}:root{--mb-white: #FFFFFF;--mb-navy: #0A3D62;--mb-navy-deep: #062942;--mb-ink: #0A3D62;--mb-ink-soft: #475164;--mb-ink-mute: #8E97A8;--mb-divider: #E5E8EE;--mb-card-border: #ECEFF4;--mb-blue: #2196F3;--mb-blue-dark: #1976D2;--mb-blue-press: #0D47A1;--mb-blue-soft: #E3F2FD;--mb-courage: #7A2C3A;--mb-courage-dark: #5C2030;--mb-courage-soft: #F1E2E6;--mb-presence: #1F4F7A;--mb-presence-dark: #143A5C;--mb-presence-soft: #DCE7F2;--mb-listening: #2D5A3E;--mb-listening-dark: #1E3F2A;--mb-listening-soft: #DDE9DF;--mb-inspiration: #C9A227;--mb-inspiration-dark: #8F7218;--mb-inspiration-soft: #F6EDCF;--mb-success: #2D5A3E}html,body,#root{background:var(--mb-white);min-height:100vh}body{color:var(--mb-ink);font-family:DM Sans,system-ui,sans-serif}.app{background:var(--mb-white)!important;min-height:100vh}.header,.mb-header{background:var(--mb-white)!important;border-bottom:1px solid var(--mb-divider)!important;box-shadow:none!important}.mb-header:after{background:var(--mb-blue)}.footer{background:var(--mb-white)!important;border-top:1px solid var(--mb-divider)!important}.feed-card{background:var(--mb-white)!important;border:1px solid var(--mb-card-border)!important;box-shadow:0 1px 0 var(--mb-divider)!important;border-radius:14px!important}.modal-content{background:var(--mb-white)!important;border:1px solid var(--mb-card-border)!important;box-shadow:0 24px 60px #0a3d6240!important;border-radius:22px!important}.cat-dot.courage{background:var(--mb-courage)!important}.cat-dot.presence{background:var(--mb-presence)!important}.cat-dot.listening{background:var(--mb-listening)!important}.cat-dot.inspiration{background:var(--mb-inspiration)!important}.category-tag.courage,.category-tag.presence,.category-tag.listening,.category-tag.inspiration{color:#fff!important;font-weight:700;border:none;padding:4px 11px;border-radius:999px;font-family:Playfair Display,serif;letter-spacing:.3px;font-size:12px}.category-tag.courage{background:var(--mb-courage)!important}.category-tag.presence{background:var(--mb-presence)!important}.category-tag.listening{background:var(--mb-listening)!important}.category-tag.inspiration{background:var(--mb-inspiration)!important}.feed-card.cat-courage{border-left:4px solid var(--mb-courage)!important}.feed-card.cat-presence{border-left:4px solid var(--mb-presence)!important}.feed-card.cat-listening{border-left:4px solid var(--mb-listening)!important}.feed-card.cat-inspiration{border-left:4px solid var(--mb-inspiration)!important}.category-btn{background:var(--mb-white);color:var(--mb-ink);border:1.5px solid var(--mb-card-border)!important;font-family:Playfair Display,serif;font-weight:700;border-radius:12px;padding:8px 14px;cursor:pointer;transition:transform .08s,box-shadow .08s,background .12s}.category-btn.courage.active{background:var(--mb-courage)!important;color:#fff!important;border-color:var(--mb-courage)!important;box-shadow:0 3px 0 var(--mb-courage-dark)}.category-btn.presence.active{background:var(--mb-presence)!important;color:#fff!important;border-color:var(--mb-presence)!important;box-shadow:0 3px 0 var(--mb-presence-dark)}.category-btn.listening.active{background:var(--mb-listening)!important;color:#fff!important;border-color:var(--mb-listening)!important;box-shadow:0 3px 0 var(--mb-listening-dark)}.category-btn.inspiration.active{background:var(--mb-inspiration)!important;color:#fff!important;border-color:var(--mb-inspiration)!important;box-shadow:0 3px 0 var(--mb-inspiration-dark)}.category-btn:active{transform:translateY(2px)}.filter-btn.courage.active{background:var(--mb-courage)!important;color:#fff!important;border-color:var(--mb-courage)!important}.filter-btn.presence.active{background:var(--mb-presence)!important;color:#fff!important;border-color:var(--mb-presence)!important}.filter-btn.listening.active{background:var(--mb-listening)!important;color:#fff!important;border-color:var(--mb-listening)!important}.filter-btn.inspiration.active{background:var(--mb-inspiration)!important;color:#fff!important;border-color:var(--mb-inspiration)!important}@keyframes buddy-breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.04) translateY(-2px)}}@keyframes buddy-flutter{0%,90%,to{transform:rotate(0) translate(0)}92%{transform:rotate(-4deg) translate(-1px)}94%{transform:rotate(5deg) translate(1px)}96%{transform:rotate(-3deg) translate(-1px)}98%{transform:rotate(2deg) translate(0)}}@keyframes buddy-tilt{0%,78%,to{transform:rotate(0)}82%,90%{transform:rotate(-7deg)}}@keyframes buddy-sing-bounce{0%,to{transform:translateY(0) rotate(-2deg) scale(1)}25%{transform:translateY(-9px) rotate(4deg) scale(1.04)}50%{transform:translateY(-3px) rotate(-4deg) scale(1.02)}75%{transform:translateY(-11px) rotate(3deg) scale(1.06)}}@keyframes buddy-fly-loop{0%{transform:translate(-60px,10px) rotate(-6deg)}25%{transform:translate(20px,-10px) rotate(3deg)}50%{transform:translate(80px,6px) rotate(8deg)}75%{transform:translate(20px,-8px) rotate(2deg)}to{transform:translate(-60px,10px) rotate(-6deg)}}@keyframes buddy-flap{0%,to{filter:drop-shadow(0 6px 14px rgba(10,61,98,.3))}50%{filter:drop-shadow(0 10px 24px rgba(10,61,98,.4))}}.splash{position:fixed;inset:0;color:var(--mb-navy);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;opacity:0;transition:opacity .45s ease;background:var(--mb-white)}.splash.splash-visible{opacity:1}.splash-stage{position:relative;z-index:4;text-align:center;padding:0 16px;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:560px;width:100%;overflow:visible}.splash-speech-top{margin:0 0 8px}.splash-wordmark-wrap{position:relative;text-align:center;cursor:pointer;padding-top:240px}.splash-title{--wm-em: clamp(38px, 10.75vw, 104px);font-family:Playfair Display,serif;font-weight:900;font-size:var(--wm-em);line-height:1;letter-spacing:-.04em;color:var(--mb-navy);margin:0;position:relative;white-space:nowrap;display:block;text-align:center}.splash-buddy-mobile{display:none;width:42vw;max-width:170px;height:auto;margin:0 auto;cursor:pointer;-webkit-user-select:none;user-select:none}.splash-letter-o{position:relative;display:inline-block}.splash-buddy-perched{position:absolute;top:-1.35em;left:50%;transform:translate(-50%);width:1.8em;height:auto;pointer-events:none;display:block}.splash-speech-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:calc(1.35 * var(--wm-em) + 20px);background:#fff;border:1px solid rgba(10,61,98,.22);border-radius:22px;padding:14px 24px;font-family:Playfair Display,serif;font-style:italic;font-weight:400;font-size:20px;letter-spacing:0;line-height:1.3;color:var(--mb-navy);white-space:nowrap;box-shadow:0 6px 18px #0a3d621a;z-index:5;display:block}.splash-speech-tail{position:absolute;bottom:-7px;left:50%;margin-left:-6px;width:12px;height:12px;background:#fff;border-right:1px solid rgba(10,61,98,.22);border-bottom:1px solid rgba(10,61,98,.22);transform:rotate(45deg)}.splash-tagline{font-family:Playfair Display,serif;font-style:italic;font-weight:400;font-size:19px;color:#0a3d62;margin:14px 0 0}.splash-speech{margin:4px 0 2px}.splash-actions{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:14px}.splash-btn-primary{background:var(--mb-blue);color:#fff;border:none;border-radius:14px;padding:16px 24px;font-family:Playfair Display,serif;font-weight:700;font-size:17px;letter-spacing:.2px;cursor:pointer;box-shadow:0 4px 0 var(--mb-blue-dark);transition:transform .08s,box-shadow .08s}.splash-btn-primary:hover{filter:brightness(1.04)}.splash-btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--mb-blue-dark)}.splash-btn-primary:disabled{opacity:.6;cursor:default}.splash-btn-ghost{background:transparent;color:var(--mb-navy);border:1.5px solid var(--mb-divider);border-radius:14px;padding:13px 22px;font-family:Playfair Display,serif;font-weight:700;font-size:15px;cursor:pointer;transition:border-color .12s,background .12s}.splash-btn-ghost:hover{border-color:var(--mb-blue);color:var(--mb-blue)}.splash-curtain{position:absolute;inset:0;background:var(--mb-white);opacity:0;pointer-events:none;transition:opacity .6s ease .4s;z-index:6}.splash.splash-swooping .splash-curtain{opacity:1}.splash-buddy-wrap,.splash-content,.splash-scene,.splash-motes{display:none}.ob-screen,.ob-screen-v2{background:var(--mb-white)!important;min-height:100vh;position:relative;overflow:hidden;color:var(--mb-ink)}.ob-progress{display:flex;gap:8px;justify-content:center;margin:0 0 18px}.ob-dot{width:8px;height:8px;border-radius:50%;background:var(--mb-divider);transition:background .2s,transform .2s}.ob-dot.done{background:var(--mb-blue)}.ob-dot.active{background:var(--mb-blue);transform:scale(1.4)}.ob-question{font-family:Playfair Display,serif;font-weight:900;font-size:30px;color:var(--mb-navy);text-align:center;margin:6px 0 18px;letter-spacing:-.6px;line-height:1.15}.ob-subtitle{text-align:center;color:var(--mb-ink-soft);font-family:DM Sans,sans-serif;font-size:15px;margin:-10px 0 16px}.ob-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px;margin:0 auto}.ob-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ob-option{background:var(--mb-white);color:var(--mb-ink);border:1.5px solid var(--mb-card-border);border-radius:16px;padding:16px 14px;font-family:DM Sans,sans-serif;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:transform .1s,border-color .12s,box-shadow .12s}.ob-option:hover{border-color:var(--mb-blue);transform:translateY(-1px)}.ob-option:active{transform:translateY(2px)}.ob-option-wide{justify-content:flex-start}.ob-option-card{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px 14px;border:1.5px solid var(--mb-card-border)}.ob-option-card:hover{border-color:var(--card-accent, var(--mb-blue))}.ob-option-emoji{font-size:28px;display:inline-block;line-height:1}.ob-emoji-lg{font-size:40px}.ob-option-label{font-family:Playfair Display,serif;font-weight:900;font-size:19px;color:var(--mb-navy);letter-spacing:-.3px}.ob-option-desc{font-family:DM Sans,sans-serif;font-weight:400;font-size:13px;color:var(--mb-ink-soft)}.ob-loading-title{text-align:center;margin-bottom:18px}.ob-loading-stages{display:flex;flex-direction:column;gap:8px;max-width:360px;margin:0 auto 18px;width:100%}.ob-stage-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;background:var(--mb-white);border:1.5px solid var(--mb-divider);font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;color:var(--mb-ink-mute);opacity:.7;transition:opacity .3s,border-color .3s,color .3s,transform .3s}.ob-stage-row.is-active{opacity:1;color:var(--mb-navy);border-color:var(--mb-blue);transform:scale(1.02);box-shadow:0 4px 0 var(--mb-blue)}.ob-stage-row.is-done{opacity:1;color:var(--mb-success);border-color:var(--mb-success)}.ob-stage-emoji{font-size:18px}.ob-stage-msg{flex:1}.ob-stage-check{font-family:Playfair Display,serif;font-weight:900;min-width:14px;text-align:right}.ob-loading-bar{width:min(280px,80%);margin:10px auto 0;height:10px;background:var(--mb-divider);border-radius:999px;overflow:hidden}.ob-loading-fill{height:100%;width:0%;background:var(--mb-blue);transition:width .5s ease}.ob-beat{text-align:center;padding:30px 18px 16px;animation:beat-rise .36s cubic-bezier(.16,1,.3,1)}.ob-beat-text{font-family:Playfair Display,serif;font-weight:900;font-size:32px;color:var(--mb-navy);letter-spacing:-.5px;line-height:1.2}@keyframes beat-rise{0%{transform:translateY(20px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.ob-step-reveal{display:flex;flex-direction:column;align-items:center;gap:10px}.ob-reveal-title{font-family:Playfair Display,serif;font-weight:900;font-size:30px;color:var(--mb-navy);margin:0;letter-spacing:-.5px;text-align:center}.ob-stage{position:relative;z-index:2;transition:transform .18s ease;display:flex;flex-direction:column;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:32px 18px 60px}.ob-content,.ob-step{width:100%}.ob-back{position:absolute;top:22px;left:18px;background:var(--mb-white);color:var(--mb-ink);border:1.5px solid var(--mb-divider);border-radius:999px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:6px 14px;cursor:pointer}.ob-back:hover{border-color:var(--mb-blue);color:var(--mb-blue)}.ob-swipe-hint{margin-top:22px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;color:var(--mb-ink-mute);letter-spacing:.5px;text-transform:uppercase;opacity:.6}.ob-step-trial,.mb-paywall{position:relative}.ob-paywall-x{position:absolute;top:-10px;right:-6px;width:36px;height:36px;background:var(--mb-white);border:1.5px solid var(--mb-divider);border-radius:50%;font-size:22px;line-height:1;color:var(--mb-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5}.ob-paywall-x:hover{border-color:var(--mb-blue);color:var(--mb-blue)}.pw-trial-badge{display:inline-block;background:var(--mb-blue);color:#fff;font-family:Playfair Display,serif;font-weight:700;font-size:12px;letter-spacing:1.2px;padding:5px 12px;border-radius:999px;margin:0 auto 10px}.pw-benefits{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left;max-width:360px;margin:14px auto 16px}.pw-benefits li{display:flex;align-items:flex-start;gap:10px;font-family:DM Sans,sans-serif;font-weight:500;font-size:15px;color:var(--mb-ink);line-height:1.35}.pw-benefits li:before{content:"✓";flex:0 0 22px;height:22px;background:var(--mb-success);color:#fff;font-family:Playfair Display,serif;font-weight:900;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;margin-top:1px}.pw-timeline{display:flex;align-items:stretch;justify-content:space-between;gap:6px;margin:4px auto 16px;max-width:360px}.pw-timeline-step{flex:1;background:var(--mb-white);border:1.5px solid var(--mb-divider);border-radius:12px;padding:8px 6px;text-align:center;font-family:DM Sans,sans-serif;position:relative}.pw-timeline-step.active{border-color:var(--mb-blue);box-shadow:0 3px 0 var(--mb-blue)}.pw-timeline-day{font-family:Playfair Display,serif;font-weight:900;color:var(--mb-blue);font-size:11px;letter-spacing:.4px;text-transform:uppercase}.pw-timeline-label{font-size:13px;font-weight:600;color:var(--mb-ink);margin-top:2px}.ob-trial-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:360px;margin:6px auto 14px}.ob-plan-option{position:relative;background:var(--mb-white);border:1.5px solid var(--mb-divider);border-radius:16px;padding:16px 12px;text-align:center;cursor:pointer;transition:border-color .12s,transform .08s,box-shadow .08s;font-family:DM Sans,sans-serif}.ob-plan-option:hover{border-color:var(--mb-blue)}.ob-plan-option:active{transform:translateY(2px)}.ob-plan-selected{border-color:var(--mb-blue);box-shadow:0 4px 0 var(--mb-blue)}.ob-plan-best-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--mb-blue);color:#fff;font-family:Playfair Display,serif;font-weight:700;font-size:10px;letter-spacing:.8px;padding:4px 10px;border-radius:999px}.ob-plan-label{font-family:Playfair Display,serif;font-weight:700;font-size:15px;color:var(--mb-ink-soft);margin-top:6px}.ob-plan-price{font-family:Playfair Display,serif;font-weight:900;font-size:28px;color:var(--mb-navy);letter-spacing:-1px}.ob-plan-price span{font-size:13px;color:var(--mb-ink-soft);font-weight:700;margin-left:2px;font-style:italic}.ob-plan-save{font-size:11px;color:var(--mb-success);font-weight:800;margin-top:2px;font-family:DM Sans,sans-serif}.pw-social-proof{text-align:center;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:var(--mb-ink-soft);margin:4px 0 12px}.pw-social-proof strong{font-family:Playfair Display,serif;color:var(--mb-blue);font-weight:900}.ob-trial-btn,.primary-btn,.ob-next-btn,.streak-cta,.exit-cta,.kc-share-btn,.mb-paywall .pw-cta{background:var(--mb-blue)!important;color:#fff!important;border:none!important;border-radius:14px!important;padding:14px 22px!important;font-family:Playfair Display,serif!important;font-weight:700!important;font-size:16px!important;letter-spacing:.2px!important;cursor:pointer!important;box-shadow:0 4px 0 var(--mb-blue-dark)!important;transition:transform .08s,box-shadow .08s,filter .12s!important}.ob-trial-btn:hover,.primary-btn:hover,.ob-next-btn:hover,.streak-cta:hover,.exit-cta:hover,.kc-share-btn:hover,.mb-paywall .pw-cta:hover{filter:brightness(1.04)}.ob-trial-btn:active,.primary-btn:active,.ob-next-btn:active,.streak-cta:active,.exit-cta:active,.kc-share-btn:active,.mb-paywall .pw-cta:active{transform:translateY(3px)!important;box-shadow:0 1px 0 var(--mb-blue-dark)!important}.ob-trial-features{display:none}.ob-skip-btn,.pw-dismiss{background:none;border:none;color:var(--mb-ink-mute);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;padding:10px;margin-top:6px}.ob-skip-btn:hover,.pw-dismiss:hover{color:var(--mb-blue)}.ob-trial-note,.pw-note{font-family:DM Sans,sans-serif;font-size:12px;color:var(--mb-ink-mute);text-align:center;margin:8px 0 0;font-style:italic}.mb-paywall .pw-buddy{width:170px;height:100px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}.mb-paywall .pw-buddy svg{width:100%;height:100%}.mb-paywall .pw-buddy img{width:100%;height:100%;object-fit:contain;animation:buddy-sing-bounce 1.5s ease-in-out infinite;transform-origin:50% 70%}.mb-paywall .pw-title{font-family:Playfair Display,serif;font-weight:900;color:var(--mb-navy);font-size:28px;margin:0 0 4px;letter-spacing:-.5px;text-align:center}.mb-paywall .pw-subtitle{text-align:center;color:var(--mb-ink-soft);font-family:DM Sans,sans-serif;font-size:14px;margin:0 0 12px}.exit-overlay{position:fixed;inset:0;background:#0a3d62c7;z-index:10001;display:flex;align-items:center;justify-content:center;padding:16px;animation:mb-fadein .25s ease}@keyframes mb-fadein{0%{opacity:0}to{opacity:1}}.exit-modal{background:var(--mb-white);border-radius:22px;padding:28px 22px 22px;max-width:380px;width:100%;text-align:center;position:relative;box-shadow:0 24px 60px #0000004d;border:1px solid var(--mb-card-border);animation:mb-pop .32s cubic-bezier(.34,1.56,.64,1)}@keyframes mb-pop{0%{transform:scale(.85) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.exit-modal-x{position:absolute;top:12px;right:12px;width:32px;height:32px;background:var(--mb-white);border:1.5px solid var(--mb-divider);border-radius:50%;font-size:20px;cursor:pointer;color:var(--mb-ink);z-index:2}.exit-buddy{width:96px;height:96px;margin:4px auto 6px}.exit-buddy img{width:100%;height:100%;object-fit:contain;animation:buddy-breathe 3s ease-in-out infinite,buddy-flutter 4.5s ease-in-out infinite;transform-origin:50% 70%}.exit-title{font-family:Playfair Display,serif;font-weight:900;color:var(--mb-courage);font-size:28px;margin:0 0 4px;letter-spacing:-.5px}.exit-sub{color:var(--mb-ink-soft);font-size:14px;margin:0 0 12px;font-family:DM Sans,sans-serif}.exit-price-row{display:inline-flex;align-items:baseline;gap:8px;margin:4px 0 6px}.exit-price-old{font-family:Playfair Display,serif;text-decoration:line-through;color:var(--mb-ink-mute);font-size:18px}.exit-price-new{font-family:Playfair Display,serif;font-weight:900;color:var(--mb-courage);font-size:38px;letter-spacing:-1px}.exit-price-unit{color:var(--mb-ink-soft);font-size:14px;font-style:italic}.exit-savings{display:inline-block;background:var(--mb-success);color:#fff;font-family:Playfair Display,serif;font-weight:700;font-size:11px;letter-spacing:.6px;padding:4px 10px;border-radius:999px;margin:0 0 10px}.exit-timer{display:inline-flex;align-items:center;gap:6px;background:var(--mb-courage);color:#fff;padding:6px 12px;border-radius:999px;font-family:Playfair Display,serif;font-weight:700;font-size:13px;margin:4px 0 14px;letter-spacing:.3px}.exit-timer-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:mb-pulse 1s ease-in-out infinite}@keyframes mb-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.55}}.exit-cta{background:var(--mb-courage)!important;box-shadow:0 4px 0 var(--mb-courage-dark)!important}.exit-cta:active{box-shadow:0 1px 0 var(--mb-courage-dark)!important}.exit-decline{margin-top:10px;background:none;border:none;color:var(--mb-ink-mute);font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;font-family:DM Sans,sans-serif}.exit-decline:hover{color:var(--mb-blue)}.mb-header{padding-top:14px;padding-bottom:12px;position:sticky;top:0;z-index:40}.mb-header-row{display:flex;align-items:center;justify-content:space-between;max-width:880px;margin:0 auto 4px;gap:12px;padding:0 4px}.mb-logo{display:inline-flex;align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:28px;font-weight:900;color:var(--mb-navy);letter-spacing:-.6px}.mb-logo-mark{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center}.mb-logo-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(10,61,98,.15));animation:buddy-breathe 3.4s ease-in-out infinite,buddy-flutter 9s ease-in-out infinite;transform-origin:50% 70%}.mb-header-right{display:flex;align-items:center;gap:10px}.mb-tagline{text-align:center;font-family:Playfair Display,serif;font-style:italic;color:var(--mb-blue);font-size:14px;font-weight:400;margin:0}.streak-badge{display:inline-flex;align-items:center;gap:5px;background:var(--mb-inspiration);color:#fff;font-family:Playfair Display,serif;font-weight:900;font-size:14px;padding:5px 11px;border-radius:999px;box-shadow:0 2px 0 var(--mb-inspiration-dark)}.streak-fire{font-size:16px;line-height:1;display:inline-block;animation:streak-flicker .9s ease-in-out infinite}@keyframes streak-flicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.18) rotate(3deg)}}.mute-toggle{width:32px;height:32px;border-radius:50%;border:1px solid var(--mb-divider);background:var(--mb-white);font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mute-toggle:hover{border-color:var(--mb-blue)}.mb-home{padding:16px 20px 28px;background:var(--mb-white)}.mb-buddy-status{display:flex;align-items:center;gap:14px;max-width:560px;margin:8px auto 12px;background:var(--mb-white);border:1.5px solid var(--mb-divider);border-radius:18px;padding:14px 18px}.mb-buddy-status-img{width:56px;height:56px;object-fit:contain;flex-shrink:0;animation:buddy-breathe 3.4s ease-in-out infinite,buddy-flutter 6.5s ease-in-out infinite,buddy-tilt 10s ease-in-out infinite;transform-origin:50% 70%}.mb-buddy-status.is-singing .mb-buddy-status-img{animation:buddy-sing-bounce 1.6s ease-in-out infinite}.mb-buddy-line{margin:0;font-family:Playfair Display,serif;font-weight:700;font-size:17px;color:var(--mb-navy)}.mb-buddy-sub{margin:2px 0 0;font-size:13px;color:var(--mb-ink-soft);font-family:DM Sans,sans-serif}.mb-hero{text-align:center;padding:16px 16px 14px}.mb-hero-headline{font-family:Playfair Display,serif;font-weight:900;font-size:34px;color:var(--mb-navy);margin:0 0 4px;letter-spacing:-.6px;line-height:1.1}.mb-hero-sub{font-family:Playfair Display,serif;color:var(--mb-blue);font-style:italic;font-weight:400;font-size:18px;margin:0}.mb-hcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;max-width:720px;margin:14px auto 0}.mb-hcard{background:var(--mb-white);border:1.5px solid var(--mb-divider);border-radius:16px;padding:16px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:transform .12s,border-color .12s;box-shadow:0 2px 0 var(--mb-divider)}.mb-hcard:hover{border-color:var(--mb-blue);transform:translateY(-2px)}.mb-hcard:active{transform:translateY(1px);box-shadow:0 1px 0 var(--mb-divider)}.mb-hcard .hcard-i{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.mb-hcard .hcard-t h3{font-family:Playfair Display,serif;font-weight:900;font-size:18px;color:var(--mb-navy);margin:0 0 2px;letter-spacing:-.3px}.mb-hcard .hcard-t p{font-size:13px;color:var(--mb-ink-soft);margin:0;font-family:DM Sans,sans-serif}.browse-header h2{font-family:Playfair Display,serif;font-weight:900;font-size:32px;color:var(--mb-navy);text-align:center;letter-spacing:-.6px}.browse-sub{text-align:center;color:var(--mb-blue);font-style:italic;margin:4px 0 14px;font-size:14px;font-family:Playfair Display,serif}.streak-overlay{position:fixed;inset:0;background:#0a3d62d1;z-index:10002;display:flex;align-items:center;justify-content:center;padding:16px;animation:mb-fadein .25s ease}.streak-modal{background:var(--mb-white);border-radius:24px;padding:28px 22px 22px;max-width:380px;width:100%;text-align:center;position:relative;box-shadow:0 24px 60px #0006;border:1px solid var(--mb-card-border);animation:mb-pop .4s cubic-bezier(.34,1.56,.64,1)}.streak-x{position:absolute;top:12px;right:12px;width:32px;height:32px;background:var(--mb-white);border:1.5px solid var(--mb-divider);border-radius:50%;font-size:20px;cursor:pointer;color:var(--mb-ink)}.streak-buddy{width:130px;height:130px;margin:0 auto 6px}.streak-buddy img{width:100%;height:100%;object-fit:contain;animation:buddy-sing-bounce 1.2s ease-in-out infinite;transform-origin:50% 70%}.streak-big{display:inline-flex;align-items:center;gap:8px;background:var(--mb-inspiration);color:#fff;padding:8px 16px;border-radius:999px;box-shadow:0 3px 0 var(--mb-inspiration-dark);margin-bottom:10px}.streak-fire-lg{font-size:22px;animation:streak-flicker .9s ease-in-out infinite;display:inline-block}.streak-big-num{font-family:Playfair Display,serif;font-weight:900;font-size:22px;line-height:1}.streak-headline{font-family:Playfair Display,serif;font-weight:900;color:var(--mb-navy);font-size:24px;margin:4px 0 6px;letter-spacing:-.4px}.streak-sub{color:var(--mb-ink-soft);font-size:14px;margin:0 0 14px;font-family:DM Sans,sans-serif}@media(max-width:599px){.splash-buddy-mobile{display:block}.splash-buddy-perched,.splash-speech-bubble{display:none}.splash-stage{transform:translateY(-50px)}.splash-wordmark-wrap{padding-top:0}.splash-title{letter-spacing:-.02em}.splash-tagline{font-size:17px}.mb-logo{font-size:24px}.mb-logo-mark{width:60px;height:60px}.mb-hero-headline{font-size:28px}.ob-question{font-size:24px}.ob-beat-text{font-size:26px}}@media(prefers-reduced-motion:reduce){.splash-buddy,.ob-buddy-img,.mb-buddy-status-img,.mb-paywall .pw-buddy img,.mb-paywall .pw-buddy .buddy-blueberry-body,.mb-paywall .pw-buddy .buddy-blueberry-berry,.exit-buddy img,.streak-buddy img,.mb-logo-mark img,.streak-fire,.streak-fire-lg,.ob-stage-row{animation:none!important}}.bird-mark{display:block}.bird-mark-alive .bird-mark-body{transform-origin:100px 60px;animation:birdmark-breathe 3.4s ease-in-out infinite,birdmark-tilt 9s ease-in-out infinite}@keyframes birdmark-breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.03) translateY(-1.5px)}}@keyframes birdmark-tilt{0%,80%,to{transform:rotate(0)}85%,92%{transform:rotate(-4deg)}}.buddy-head{display:block}.buddy-head-alive .buddy-head-body{transform-origin:50px 50px;animation:buddyhead-breathe 3.4s ease-in-out infinite}@keyframes buddyhead-breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.04) translateY(-.8px)}}.buddy-blueberry{display:block}.buddy-blueberry-alive .buddy-blueberry-body{transform-origin:100px 70px;animation:buddyberry-breathe 3.4s ease-in-out infinite}.buddy-blueberry-alive .buddy-blueberry-berry{transform-origin:14px 68px;animation:buddyberry-offer 4.2s ease-in-out infinite}@keyframes buddyberry-breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.03) translateY(-1.5px)}}@keyframes buddyberry-offer{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.06) translateY(-.8px)}}.bird-mark-on-dark .bird-mark-body path{fill:#fff}.bird-mark-on-dark path[stroke]{stroke:#ffffff8c}.ob-brand{margin:4px auto 14px;display:flex;justify-content:center;align-items:flex-end}.ob-buddy-img{width:96px;height:auto;object-fit:contain}.ob-reveal-brand{margin:0 auto 6px;display:flex;justify-content:center}.mb-buddy-status-mark{flex-shrink:0;display:flex;align-items:center;justify-content:center}.mb-logo-mark .bird-mark{width:34px;height:auto}.kc-buddy{width:36px;height:auto}.pw-buddy .bird-mark{width:110px;height:auto}.buddy-speech{display:flex;justify-content:center;margin:4px auto 14px;max-width:460px;padding:0 14px;pointer-events:none}.buddy-speech-bubble{position:relative;display:inline-block;background:var(--mb-white);color:var(--mb-ink);font-family:Playfair Display,serif;font-style:italic;font-weight:400;font-size:16px;line-height:1.4;padding:11px 18px;border-radius:16px;border:1.5px solid var(--mb-divider);box-shadow:0 4px 0 var(--mb-divider);max-width:100%;animation:speech-pop .32s cubic-bezier(.34,1.56,.64,1)}@keyframes speech-pop{0%{transform:scale(.85) translateY(-4px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.buddy-speech-below .buddy-speech-bubble:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--mb-white);border-top:1.5px solid var(--mb-divider);border-left:1.5px solid var(--mb-divider);border-top-left-radius:3px}.buddy-speech-right .buddy-speech-bubble:before{content:"";position:absolute;top:18px;left:-8px;transform:rotate(45deg);width:12px;height:12px;background:var(--mb-white);border-bottom:1.5px solid var(--mb-divider);border-left:1.5px solid var(--mb-divider);border-bottom-left-radius:3px}.buddy-speech-caret{display:inline-block;color:var(--mb-blue);opacity:.7;margin-left:2px;animation:caret-blink .9s steps(1) infinite}@keyframes caret-blink{0%,49%{opacity:.7}50%,to{opacity:0}}.splash-speech .buddy-speech-bubble{background:var(--mb-white);color:var(--mb-ink);border-color:var(--mb-divider)}.social-proof{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-family:DM Sans,sans-serif;font-weight:500;font-size:13px;margin:4px auto 12px;animation:speech-pop .4s cubic-bezier(.34,1.56,.64,1)}.social-proof-light,.social-proof-splash{background:var(--mb-blue-soft);border:1px solid var(--mb-divider);color:var(--mb-ink)}.sp-dot{width:7px;height:7px;border-radius:50%;background:var(--mb-success);animation:sp-pulse 1.4s ease-in-out infinite}@keyframes sp-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}.sp-num{font-family:Playfair Display,serif;font-weight:900;color:var(--mb-blue);font-size:15px;letter-spacing:-.2px}.sp-label{opacity:.85}.view-transition{transition:opacity .22s ease,transform .22s ease;will-change:opacity,transform}.view-out{opacity:0;transform:translateY(8px)}.view-in{opacity:1;transform:translateY(0);animation:view-rise .32s cubic-bezier(.16,1,.3,1)}@keyframes view-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.confetti-canvas{position:fixed;inset:0;pointer-events:none;z-index:10010}.kindness-card-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin:12px auto;width:100%;max-width:340px}.kindness-card{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:24px;padding:24px 22px 20px;background:var(--card-bg, var(--mb-blue));color:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #0a3d6233;animation:speech-pop .5s cubic-bezier(.34,1.56,.64,1)}.kc-orb{position:absolute;border-radius:50%;background:#ffffff1a;pointer-events:none}.kc-orb-1{width:220px;height:220px;top:-60px;right:-80px}.kc-orb-2{width:160px;height:160px;bottom:-60px;left:-60px}.kc-orb-3{width:110px;height:110px;top:40%;left:60%;background:#ffffff0f}.kc-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;letter-spacing:.2px;position:relative;z-index:1}.kc-brand{display:inline-flex;align-items:center;gap:6px}.kc-buddy{width:26px;height:auto}.kc-brand-name{font-family:Playfair Display,serif;font-weight:900;font-size:16px;letter-spacing:-.4px}.kc-user{opacity:.8;font-size:12px;font-style:italic;font-family:Playfair Display,serif}.kc-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.kc-eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:700;opacity:.9;font-family:Playfair Display,serif}.kc-title{font-family:Playfair Display,serif;font-weight:900;font-size:48px;letter-spacing:-1.6px;margin:2px 0 6px}.kc-emoji{font-size:72px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;animation:buddy-breathe 3s ease-in-out infinite;transform-origin:50% 50%;transition:transform .12s}.kc-emoji:active{transform:scale(.92)}.kc-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;position:relative;z-index:1}.kc-stat{background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:10px 12px}.kc-stat-emoji{font-size:22px}.kc-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;opacity:.85;margin-top:2px;font-family:Playfair Display,serif;font-weight:700}.kc-stat-value{font-family:Playfair Display,serif;font-weight:700;font-size:16px;margin-top:2px}.kc-footer{text-align:center;font-style:italic;font-size:12px;opacity:.9;margin-top:10px;position:relative;z-index:1;font-family:Playfair Display,serif}@media(max-width:480px){.kc-title{font-size:40px}.kc-emoji{font-size:60px}.buddy-speech-bubble{font-size:15px;padding:10px 16px}}@media(prefers-reduced-motion:reduce){.ob-stage,.view-transition,.ob-stage-row,.kindness-card,.kc-emoji,.ob-reveal-buddy img,.buddy-speech-bubble{transition:none!important;animation:none!important}}