/* Glass rests on a dark, controlled surface so readable text never relies on blur. */
.app-body{--paper:#10282f;--ink:#eff9f3;--muted:#b8cec9;--line:#bcded02b;--white:#173b3ee6;--pale:#234c48;background:#10282f url('./app-scene.svg?v=5d000c0f1d579596') center top/1600px auto no-repeat;color:#eff9f3;min-height:100vh;color-scheme:dark}.app-body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 9% 70%,#596d8150,transparent 50%);pointer-events:none}.app-container{max-width:1200px;margin:auto;padding:0 36px}.app-header{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 36px;border-bottom:1px solid #c4e1d61a}.app-brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.04em}.app-brand small{font-weight:400;font-size:10px;letter-spacing:.06em;color:#b9d3c8;margin-left:5px}.app-project{font-size:12px;color:#c6dbd3;text-decoration:none}.app-project:hover{text-decoration:underline}.app-header .app-local{font-size:11px;border:1px solid #d2ecdc36;border-radius:30px;padding:7px 12px;color:#d2e8dc}.app-header .app-local:before{content:'●';color:#a8f0c7;margin-right:7px;font-size:8px}.app-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:650;color:#b6ded0;display:block}.app-eyebrow>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b8f3d3;box-shadow:0 0 20px #b8f3d3;margin-right:8px}.app-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding-top:76px;padding-bottom:72px;gap:40px}.app-hero h1{font-size:clamp(3.6rem,5.5vw,5.6rem);font-family:Georgia,serif;font-weight:400;line-height:1.04;letter-spacing:-.05em;margin:25px 0;color:#f4f8ee}.app-hero h1 em{color:#b5e7d1}.app-hero-copy>p:not(.app-eyebrow){max-width:430px;font-size:16px;line-height:1.8;color:#c4d7d2}.app-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 22px}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:46px;padding:12px 20px;border:1px solid #c5e8dd4d;border-radius:30px;background:#ccece512;color:#f3faf4;text-decoration:none;font-size:13px;font-weight:550;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff0c}.glass-button.primary{background:linear-gradient(120deg,#c5f3dc,#a8dccc);color:#143c37;border-color:#d9ffe2c9;box-shadow:0 8px 30px #09252d40,inset 0 1px 0 #fff9}.glass-button:hover{border-color:#e4fff8a6;filter:brightness(1.08)}.glass-button:disabled{opacity:.6;cursor:wait}.app-body [hidden]{display:none!important}.app-trust{display:flex;gap:20px;font-size:10px;color:#bcd2c9}.app-trust span:before{content:'✓';color:#b5e7d1;margin-right:6px}.app-visual{position:relative;aspect-ratio:1;display:grid;place-items:center;min-width:0}.sound-orbit{border:1px solid #c4ead631;position:absolute;border-radius:50%;inset:4%}.orbit-b{inset:15%;border-style:dashed;border-color:#c4ead625}.orbit-c{inset:27%;border-color:#c4ead651;background:#a9e5c70a;box-shadow:0 0 100px #91d3c62b}.listening-core{width:27%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#b4f0d837,#b4f0d810);border:1px solid #d8f5e18c;box-shadow:0 0 55px #b1e5c625,inset 0 1px 4px #ffffff47;backdrop-filter:blur(16px)}.listening-core img{border-radius:50%;opacity:.9}.glass{background:linear-gradient(135deg,#e6fff016,#c2e0d90a);border:1px solid #b7e0d336;border-radius:24px;box-shadow:inset 0 1px 0 #fff1,0 16px 40px #061b2429;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.floating-note{position:absolute;right:-8px;bottom:35px;padding:20px 25px;width:270px;transform:rotate(-3deg);background:linear-gradient(135deg,#294b4be8,#264849df)}.floating-note strong,.floating-note>span{display:block}.floating-note strong{font-family:Georgia,serif;font-weight:400;font-size:19px;letter-spacing:-.02em;margin:12px 0 4px}.floating-note>span:last-child{font-size:11px;color:#c3dacf}.mini-wave{font-size:22px;letter-spacing:5px;color:#b8e8ce}.visual-caption{position:absolute;bottom:0;left:20px;transform:rotate(-90deg);transform-origin:left center;font-size:9px;letter-spacing:.16em;color:#accdc0}.app-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.app-section-heading h2{font-family:Georgia,serif;font-size:31px;font-weight:400;letter-spacing:-.03em;margin:11px 0 0}.app-small{font-size:12px!important;line-height:1.75;color:#bdd2c9}.scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.scenario-card{display:flex;flex-direction:column;text-decoration:none;padding:27px;transition:transform .2s,border-color .2s;min-width:0}.scenario-card:hover{transform:translateY(-4px);border-color:#c9efd57a}.scenario-icon{display:grid;place-items:center;width:50px;height:50px;font-family:Georgia,serif;font-size:34px;background:#b8edc516;border:1px solid #bae4c433;border-radius:15px;color:#bce7c6;margin-bottom:30px}.companion-card .scenario-icon{color:#e4c9ff;background:#ccb1e11c;border-color:#ccb1e136}.parrot-card .scenario-icon{color:#b5e7d1;background:#a8e0c118;border-color:#a8e0c14a}.review-card .scenario-icon{color:#b6dbea;background:#a4d3e51c;border-color:#a4d3e536}.scenario-label{font-size:9px;letter-spacing:.13em;color:#bbd0c8}.scenario-card h3{font-family:Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-.04em;margin:14px 0 12px;color:#f3f6ed}.scenario-card p{font-size:13px;line-height:1.8;color:#c1d2cb;max-width:280px;margin-bottom:27px}.scenario-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #cee5d71f;padding-top:17px;margin-top:auto;font-size:11px;color:#deeee0}.scenario-footer b{font-size:19px;font-weight:400}.app-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.app-note{padding:30px}.app-note h2{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.04em;margin:13px 0}.app-note p{font-size:13px;line-height:1.8;color:#c4d7cc}.app-note a{color:#d9edda;font-size:12px}.app-offline{display:flex;align-items:center;gap:25px;justify-content:space-between;margin-top:24px;margin-bottom:35px;padding:24px 30px;max-width:1128px}.app-offline strong{font-size:13px;font-weight:550}.app-offline p{font-size:12px;color:#bdd2c9;line-height:1.8;max-width:670px;margin:7px 0 0}.app-offline button{flex-shrink:0}.app-nav{display:flex;justify-content:center;gap:6px;max-width:500px;margin:35px auto 22px;padding:7px;background:#233f43ec;border:1px solid #c4e4d93b;border-radius:40px;box-shadow:0 8px 35px #04171845;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.app-nav a{display:flex;flex:1;align-items:center;justify-content:center;padding:12px 22px;min-height:44px;text-decoration:none;font-size:12px;border-radius:26px;color:#c1dacf}.app-nav a[aria-current=page]{background:#c6efdb24;color:#f2fff2}.app-footer{border:0;background:transparent;text-align:center;margin:0;padding:0 24px 30px;color:#b1c6be;font-size:11px}.app-footer a{color:inherit}.app-body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #e4d792!important;outline-offset:4px}.app-body .skip:focus{background:#e8f6dd;color:#153c34}.app-session-intro{padding-top:35px;padding-bottom:30px}.app-back{font-size:12px;color:#c4e5d2;text-decoration:none;display:block;margin-bottom:33px}.app-session-intro h1{font-family:Georgia,serif;font-size:clamp(2.6rem,4.8vw,4.4rem);font-weight:400;letter-spacing:-.04em;margin:15px 0}.app-session-intro>p:not(.app-eyebrow){max-width:720px;color:#c8dcd2;font-size:15px}.app-session-steps{display:flex;gap:25px;color:#d4edda;font-size:11px;margin:25px 0 14px}.app-body .station-console{background:linear-gradient(130deg,#34534c8a,#183b37c9);border-color:#bbdfcc47;border-radius:26px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #fff2,0 25px 70px #06172142;margin-bottom:30px}.app-body .station-topbar{background:#dcecdf08;border-color:#c1e3cd2b}.app-body .station-journal,.app-body .station-event{background:#cbead209;border-color:#c3e5ce26}.app-body .station-scope{background:#102f2ca6;border-color:#bddaca2b}.app-body .station-console input:not([type=checkbox]),.app-body .station-console select,.app-body .station-console textarea{background:#102e2dbf;border-color:#c3e0cb40;font-size:16px;border-radius:10px}.app-body .station-console button{border-radius:22px;min-height:46px}.app-body .station-console button.station-primary{background:linear-gradient(120deg,#c5f3dc,#a8dccc);border-color:#d3f6df;color:#173e33}.app-body .station-console h2{font-family:Georgia,serif;font-weight:400}.app-body .station-insight{background:#4b654347;border-color:#d3e6b740;border-radius:14px}.app-body .station-console .station-footnote{font-size:12px!important;color:#c4d7ca}.app-body .station-event{border-radius:18px}.app-body .listen-intro{padding-top:45px}.app-body .listen-panel{border-radius:22px;background:#31504a85;border-color:#c5e1cd35;backdrop-filter:blur(20px)}.app-body .listen-panel :is(input:not([type=file]),select,textarea){background:#153933;border-color:#aacabb5e;border-radius:10px;font-size:16px;color:#eff9f0}.app-body .listen-secondary{color:#e4f3e9;border-color:#bedacb66;border-radius:24px;min-height:46px}.app-body .listen-workspace .button{background:#bde9d0;color:#143b32;border-radius:24px}.app-body .listen-notice{background:#756b303b;border-color:#d4c482;color:#f6ecd0}.app-body #event-error{color:#ffcebf}.app-body .listen-load-actions .button{color:#143b32}.app-body .wave-wrap{background:#e9eddf;color:#193f35}.app-body .listen-next{padding-bottom:25px}.app-body .listen-badges span{border-color:#bddfca47}.app-body h1 em{color:#b5e7d1}.mobile-launch{padding-bottom:45px}.launch-glass{background:#123c3b url('./app-scene.svg?v=5d000c0f1d579596') center/cover;color:#f0f8e8;padding:48px;border-radius:30px;border:1px solid #94b8a7;box-shadow:inset 0 1px 0 #fff4,0 20px 50px #143f3220;margin-top:40px}.launch-glass h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.12;margin:25px 0}.launch-glass p{font-size:13px;color:#c4dac9}.mobile-install .cards{margin-top:35px;gap:35px}.mobile-install h3{font-family:Georgia,serif;font-size:27px;margin:20px 0}.mobile-install p{font-size:14px}.mobile-install a{font-size:12px}.mobile-share button{cursor:pointer}.glass-copy{border:1px solid #66826f;border-radius:25px;background:transparent;color:#193f35;font-size:13px;min-height:46px;padding:12px 22px}.mobile-next{padding-top:40px}.app-body input,.app-body textarea{scroll-margin-bottom:120px}
@supports not (backdrop-filter:blur(1px)){.glass,.app-body .station-console,.app-body .listen-panel{background:#254744}.app-nav{background:#233f43}}
@media(prefers-reduced-transparency:reduce){.glass,.app-body .station-console,.app-body .listen-panel{background:#254744;backdrop-filter:none;-webkit-backdrop-filter:none}.app-nav{background:#233f43;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.scenario-card{transition:none}.scenario-card:hover{transform:none}}
@media(max-width:900px){.app-hero{gap:20px}.app-hero h1{font-size:3.8rem}.floating-note{width:235px;right:0;padding:18px}.app-section-heading{align-items:start;flex-direction:column;gap:8px}.scenario-card{padding:23px}.scenario-card h3{font-size:25px}.app-offline{margin-left:36px;margin-right:36px}}
@media(max-width:620px){.app-body{background-size:auto 1500px;padding-bottom:95px}.app-container{padding-left:22px;padding-right:22px}.app-header{padding:20px 22px}.app-brand{font-size:19px}.app-brand small,.app-project{display:none}.app-header .app-local{font-size:10px;padding:7px 10px}.app-hero{display:block;padding-top:40px;padding-bottom:40px}.app-hero h1{font-size:3.5rem;margin:22px 0}.app-hero-copy>p:not(.app-eyebrow){font-size:15px;max-width:330px}.app-visual{height:270px;max-width:310px;margin:25px auto 0}.sound-orbit{inset:0}.orbit-b{inset:12%}.orbit-c{inset:26%}.listening-core{width:28%}.listening-core img{width:54px;height:54px}.floating-note{bottom:0;right:-12px;width:230px;padding:17px 20px}.floating-note strong{font-size:17px}.visual-caption{left:7px;bottom:20px;font-size:8px}.app-trust{gap:15px}.app-actions{gap:10px}.glass-button{padding:12px 18px;font-size:12px;gap:12px}.app-section-heading h2{font-size:29px}.scenario-grid{grid-template-columns:1fr;gap:14px}.scenario-card{padding:25px}.scenario-icon{margin-bottom:20px}.scenario-card h3{font-size:31px}.scenario-card p{max-width:100%;font-size:14px}.scenario-label{font-size:10px}.scenario-footer{font-size:12px}.app-bottom-grid{grid-template-columns:1fr;margin-top:16px;gap:14px}.app-note{padding:25px}.app-note h2{font-size:28px}.app-note p{font-size:14px}.app-offline{margin:16px 22px 28px;padding:24px;flex-direction:column;align-items:stretch;gap:16px}.app-nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;margin:0 auto;z-index:10;max-width:470px;gap:2px;padding:6px}.app-nav a{padding:12px 9px;font-size:12px}.app-footer{padding:0 20px 12px}.app-session-intro{padding-top:25px}.app-session-intro h1{font-size:3rem}.app-back{margin-bottom:27px}.app-session-steps{gap:14px;font-size:10px;flex-wrap:wrap}.app-body .station-console{margin:0 12px 25px;border-radius:22px}.app-body .station-topbar{padding:19px}.app-body .station-scope-caption{font-size:10px}.app-body .listen-intro h1{font-size:3.2rem}.launch-glass{padding:29px;border-radius:24px}.mobile-install .cards{grid-template-columns:1fr}.mobile-share .actions{gap:14px}}

/* Keep the first action and its purpose close together on a phone. */
@media(max-width:600px){.app-hero{padding-top:32px;padding-bottom:30px;gap:0}.app-hero h1{font-size:3.3rem}.app-hero .app-visual{display:none}.app-actions{margin-top:20px}.app-session-intro{padding-top:22px;padding-bottom:18px}.app-back{margin-bottom:18px}.app-body .listen-intro h1{font-size:2.6rem}.app-body .listen-intro{padding-top:26px;padding-bottom:25px}.app-session-steps{gap:12px;flex-wrap:wrap}}

/* Field Companion: editorial type, luminous edges, and room for the task. */
.app-body{background-color:#10282b;background-image:radial-gradient(ellipse at 100% 0,#65734b30,transparent 55%),url('./app-scene.svg?v=5d000c0f1d579596')}.app-body .station-console{background:linear-gradient(125deg,#294a43ec,#173a37f5);border:1px solid #d4e9ca42;box-shadow:inset 0 1px 0 #f1ffed1f,0 28px 80px #04171945;backdrop-filter:blur(22px)}.app-body .station-steps{background:#0e2a2a38}.app-body .station-steps [aria-current=step]>span{background:#e1ebbd;border-color:#e1ebbd;color:#183c31}.app-body .station-console button.station-primary{background:#deedbb;color:#193e30;border-color:#e8f3d1;box-shadow:0 5px 18px #071b2729}.app-body .station-mode select{background:#102c2be6;border:1px solid #d3e5c452;border-radius:15px;min-height:52px}.app-body .station-monitor{padding:30px}.app-body .station-monitor h2{font-size:37px;margin-bottom:12px}.app-body .station-monitor>p:not(.station-kicker){font-size:14px}.app-body .station-mode .station-footnote{margin:9px 0 12px}.app-body .station-capture-boundary{font-size:11px!important}.app-body .station-console .station-quick button{border-radius:16px;min-height:60px;background:#e4ebce08}.app-body .station-console .station-quick button:hover:not(:disabled){background:#e4ebce18;border-color:#cdddab}.app-body .station-console .station-quick button:disabled{opacity:.6}.app-body #station-record-controls .station-primary{min-height:54px;font-size:14px;flex:1}.app-body #station-record-controls #station-demo{min-height:54px;font-size:12px;flex:1}.app-body .station-console .station-stop{border-color:#d29c7c;background:#623e30;color:#ffe9d8;min-height:54px;min-width:180px}.app-session-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.app-session-heading h1{margin:12px 0 18px;font-size:clamp(2.5rem,5vw,4rem);line-height:1.06}.app-session-seal{display:grid;place-content:center;text-align:center;flex-shrink:0;width:98px;height:98px;border:1px solid #dce7be55;border-radius:50%;color:#dce7be;font:17px/1.15 Georgia,serif;transform:rotate(9deg)}.app-session-seal em{font-size:24px}.app-session-about{color:#cbdccc;font-size:13px;max-width:760px;margin-bottom:15px}.app-session-about summary{cursor:pointer;min-height:40px;display:list-item;list-style-position:inside}.app-session-about p{font-size:13px;line-height:1.75;margin:8px 0 12px}.app-session-intro{padding-top:8px;padding-bottom:12px}.app-session-intro .app-back{margin-bottom:8px}.app-session-jump{font-size:12px;color:#e2edc8;margin:0;min-height:30px}.app-session-intro .app-eyebrow{font-size:10px}
@media(max-width:620px){.app-session-heading h1{font-size:2.3rem;margin:10px 0 14px}.app-session-seal{width:64px;height:64px;font-size:12px}.app-session-seal em{font-size:18px}.app-body .station-topbar{padding:12px 18px}.app-body .station-monitor{padding:20px}.app-body .station-monitor h2{font-size:28px}.app-body .station-monitor>p#station-status{font-size:13px;line-height:1.6;margin:0 0 15px}.app-body .station-kicker{margin-bottom:10px}.app-body .station-console button#station-display{font-size:10px;min-height:38px;padding:8px 11px}.app-body #station-record-controls{display:grid;grid-template-columns:1fr}.app-body #station-record-controls .station-primary,.app-body #station-record-controls #station-demo{min-height:50px}.app-body #station-record-controls #station-demo{border-color:transparent;background:transparent;min-height:44px;padding:9px}.app-body .station-console .station-checkbox{margin:13px 0 16px}.app-body .station-console .station-footnote{font-size:12px!important}.app-body .station-console .animal-context{margin:12px 0}.app-body .station-console .station-mode select{min-height:50px}.app-body .station-console .station-capture-boundary{margin:10px 0 16px;font-size:10px!important}.app-body .station-console:is([data-phase=starting],[data-phase=recording]) #station-record-controls{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:22px;right:22px;z-index:15;display:flex;justify-content:center;padding:9px;background:#142f2af5;border:1px solid #dce7be55;border-radius:26px;box-shadow:0 -10px 40px #061f2733}.app-body .station-console:is([data-phase=starting],[data-phase=recording]){backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}.app-body:has(.station-console:is([data-phase=starting],[data-phase=recording])) .app-nav{display:none}.app-body .station-console .station-stop{width:100%;border-radius:18px}.app-body .station-console[data-phase=review] #station-record-controls{display:none}.app-body .station-console .station-review{padding:25px 20px}.app-body .station-journal{padding:26px 20px}.app-body .station-instruments .station-scope{margin:18px 0}.app-body .station-timeline .station-markers{max-height:210px}.app-body .station-console[data-phase=setup] .station-journal{background:#081f2726}.app-body .station-console[data-phase=review] .station-main{display:block}.app-body .station-console[data-phase=review] .station-monitor{padding:20px 20px 0}.app-body .station-console[data-phase=review] .station-monitor :is(h2,.station-kicker,.station-instruments,.station-capture-boundary){display:none}.app-body .station-console[data-phase=review] .station-journal{border:0}.app-body .station-console[data-phase=review] .station-journal :is(h2,.station-kicker,.station-journal-intro,.station-quick,.station-marker-feedback,.station-marker-buttons,.station-footnote){display:none}.app-body .station-console[data-phase=review] .station-journal #station-draft-warning{display:block}.app-body .station-console[data-phase=review] .station-timeline{margin:0;border:0;padding:0}}

.app-hero{grid-template-columns:1.05fr 1fr;gap:65px;padding-top:45px;padding-bottom:45px}.app-hero h1{font-size:clamp(3.7rem,6vw,6rem);line-height:1.04;letter-spacing:-.055em}.app-hero h1 em{color:#dce8b4}.app-hero-copy>p:not(.app-eyebrow){max-width:450px;font-size:17px;line-height:1.85}.app-trust{flex-wrap:wrap;gap:14px;font-size:10px}.app-actions .glass-button.primary{background:#e0edbb;border-color:#ecf2d2;color:#183c30;min-height:54px}.app-actions .glass-button{min-height:54px;font-size:13px}.field-portrait{position:relative;min-width:0;border:1px solid #d7e4bf42;border-radius:180px 180px 26px 26px;background:linear-gradient(160deg,#73958218,#092c2e75);box-shadow:inset 0 1px 0 #f1fff521,0 20px 65px #08262a55;padding:44px 24px 28px;overflow:hidden}.field-portrait svg{display:block;width:100%;height:auto;margin:-10px 0 -28px}.portrait-index{display:block;text-align:center;font-size:9px;letter-spacing:.17em;color:#d1e1c2}.portrait-caption{display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:#e5eccb;font:24px/1.2 Georgia,serif}.portrait-caption em{font-size:29px}.portrait-stamp{border:1px solid #c4d9b255;border-radius:50%;display:grid;place-content:center;text-align:center;font:italic 13px/1.3 Georgia,serif;width:70px;height:70px;transform:rotate(10deg);color:#cddfb7}.field-invitation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;border-radius:25px;background:#e9ecd6;color:#193e32;padding:30px 35px;border:1px solid #f7f8e8;box-shadow:0 14px 36px #0a212532;margin:0 0 35px}.invitation-number{font:72px/.95 Georgia,serif;letter-spacing:-.06em;text-align:center;border-right:1px solid #55785540;padding-right:28px}.invitation-number>span{display:block;font:8px/2.5 system-ui,sans-serif;letter-spacing:.2em}.field-invitation .app-eyebrow{color:#536951;font-size:9px;letter-spacing:.13em;margin:0 0 10px}.field-invitation h2{font:30px/1.15 Georgia,serif;margin:0 0 9px;letter-spacing:-.035em}.field-invitation p:not(.app-eyebrow){font-size:13px;line-height:1.75;max-width:610px;margin:0;color:#4a604d}.field-invitation>a{display:flex;gap:25px;align-items:center;justify-content:center;min-height:50px;border-radius:30px;background:#214639;color:#f0f4d8;padding:10px 23px;text-decoration:none;font-size:13px}.app-body .scenario-card{border-color:#cdddba38;background:linear-gradient(150deg,#d6e5c80d,#102f2e66);border-radius:23px}.app-body .scenario-card h3{color:#edf1d9}.app-body .scenario-label{color:#bdd4b6}.app-body .scenario-card .scenario-icon{border:1px solid #d3e0b83b;border-radius:14px;background:#bddebd0c;color:#e1ebbd}.app-body .scenario-footer{border-color:#c3d6b331}.app-body .app-note{background:#0c272733;border:1px solid #d6e5c82b;border-radius:22px}.app-body .app-note h2{color:#e6edcc}
@media(max-width:900px){.app-hero{gap:30px}.field-portrait{padding:36px 12px 24px}.portrait-caption{font-size:20px}.portrait-caption em{font-size:23px}.portrait-stamp{width:55px;height:55px;font-size:11px}.field-invitation{gap:20px;padding:28px}.field-invitation h2{font-size:26px}}
@media(max-width:620px){.app-hero{padding-top:23px;padding-bottom:25px}.app-hero h1{font-size:3.45rem;margin:20px 0}.app-hero-copy>p:not(.app-eyebrow){font-size:15px;line-height:1.75;max-width:360px}.app-hero .app-eyebrow{font-size:9px;letter-spacing:.12em}.app-actions{display:grid;grid-template-columns:1fr;gap:8px}.app-actions .glass-button{justify-content:center;min-height:48px}.app-actions .glass-button:not(.primary){border-color:transparent;background:transparent;min-height:44px}.app-trust{font-size:9px;gap:12px;margin-top:12px}.field-portrait{display:none}.field-invitation{grid-template-columns:auto 1fr;gap:16px;padding:22px;margin:0 0 25px;border-radius:22px}.invitation-number{font-size:54px;padding-right:16px}.field-invitation h2{font-size:25px}.field-invitation .app-eyebrow{font-size:8px;line-height:1.7}.field-invitation p:not(.app-eyebrow){grid-column:1/-1;font-size:12px}.field-invitation>a{grid-column:1/-1;min-height:46px}.field-invitation>div:nth-child(2)>p:not(.app-eyebrow){display:none}.app-body .station-back-to-setup{max-width:none}.app-body .station-review-title{gap:8px}.app-body .scenario-card{padding:23px}.app-body .scenario-card h3{font-size:29px}}
@media(prefers-reduced-motion:no-preference){.motion-enabled .field-portrait{animation:moment-arrives .8s ease-out both}.motion-enabled .portrait-signal{animation:portrait-sound 1.8s ease-out 2}.motion-enabled .field-invitation{animation:moment-arrives .6s .1s ease-out both}}
@keyframes portrait-sound{0%,100%{opacity:.35}50%{opacity:1}}
@media(prefers-reduced-transparency:reduce){.app-body .station-console{background:#23443e;backdrop-filter:none;-webkit-backdrop-filter:none}.field-portrait{background:#23443e}}

.compare-home-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:0 0 28px;text-decoration:none}.compare-home-link strong{display:block;font:25px Georgia,serif;margin:8px 0;color:#e3ebc9}.compare-home-link p{font-size:12px;color:#bfd2c3;margin:0;line-height:1.7}.compare-home-link>span{font-size:26px;color:#dce6b9}
@media(max-width:620px){.compare-home-link{padding:22px}.compare-home-link strong{font-size:23px}}

@media(max-width:900px){.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.scenario-grid{grid-template-columns:1fr}}
.scenario-grid .practice-entry{grid-column:2 / span 2}
@media(max-width:900px){.scenario-grid .practice-entry{grid-column:auto}}

.animal-range{margin-top:8px;margin-bottom:54px}
.animal-range-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,auto);align-items:center;gap:30px;padding:28px 32px;border-color:#cfe4c83d;background:linear-gradient(120deg,#dce9c812,#9fd4c90b)}
.animal-range-copy h2{font:clamp(1.8rem,3vw,2.5rem)/1.12 Georgia,serif;letter-spacing:-.035em;margin:10px 0;color:#e7efcf}
.animal-range-copy>p:not(.app-eyebrow){max-width:720px;color:#c7dad1;font-size:14px;line-height:1.75;margin:0 0 10px}
.animal-range-copy .app-small{margin-bottom:0;color:#b8cec2}
.animal-range-actions{display:grid;justify-items:start;gap:12px}
.animal-range-actions .glass-button{min-height:48px;gap:12px}
.animal-range-link{color:#d6e8c8;font-size:12px;text-decoration-thickness:1px;text-underline-offset:4px}
@media(max-width:620px){.animal-range{margin-top:0;margin-bottom:38px}.animal-range-card{grid-template-columns:1fr;gap:18px;padding:23px 21px;border-radius:21px}.animal-range-copy h2{font-size:27px}.animal-range-copy>p:not(.app-eyebrow){font-size:13px;line-height:1.7}.animal-range-actions{justify-items:stretch}.animal-range-actions .glass-button{width:100%;min-height:50px}.animal-range-link{padding:8px 2px}}

@media(max-width:620px){.app-body:has(.station-console:is([data-phase=starting],[data-phase=recording])){padding-bottom:calc(112px + env(safe-area-inset-bottom))}}
.app-nav{transition:transform .22s ease,opacity .22s ease}
.app-body.app-nav-away .app-nav{transform:translate3d(0,calc(100% + 20px),0);opacity:0;pointer-events:none}
.app-body.app-nav-away .app-nav:focus-within{transform:translate3d(0,0,0);opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.app-nav{transition:none!important}}
.app-data-note{max-width:54ch;margin:17px 0 -12px;color:#c8ddd5;font-size:12px;line-height:1.55}
.app-update-notice{max-width:1128px;margin:12px auto 0;padding:12px 18px;border:1px solid #dbe8a56b;border-radius:14px;background:#dbe8a512;color:#edf3d6;font-size:13px;line-height:1.55}
.app-update-notice[hidden]{display:none}
@media(max-width:620px){.app-update-notice{margin:10px 18px 0;padding:11px 14px;font-size:12px}}
.station-retention-guidance{max-width:56ch;margin:0 0 2px;padding:6px 10px;border:1px solid #c4e8d62b;border-radius:10px;background:#ccece50a;color:#d1e3d8;font-size:12px;line-height:1.5}

@media(max-width:360px){.app-hero{padding-top:24px}.app-actions{margin-top:16px}.app-hero h1{font-size:2.5rem;line-height:1.04;margin:16px 0}}

.app-scenarios>.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.app-more-tools-panel{margin-top:20px;overflow:hidden}
.app-more-tools-panel>summary{display:grid;grid-template-columns:max-content 1fr auto;align-items:center;gap:6px 18px;list-style:none;cursor:pointer;padding:18px 22px;min-height:68px}
.app-more-tools-panel>summary::-webkit-details-marker{display:none}
.app-more-tools-title{font-size:14px;font-weight:600;color:#e8f2d9}
.app-more-tools-copy{font-size:12px;line-height:1.6;color:#bdd2c9}
.app-more-tools-indicator{font-size:24px;line-height:1;color:#dbe8bb;transition:transform .2s}
.app-more-tools-panel[open]>summary{border-bottom:1px solid #c4e1d61a}
.app-more-tools-panel[open] .app-more-tools-indicator{transform:rotate(45deg)}
.app-more-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 18px 0}
.app-more-tools-grid .compare-home-link{min-width:0;margin:0;padding:20px;border-radius:18px}
.app-more-tools-grid .compare-home-link strong{font-size:20px}
.app-more-tools-grid .compare-home-link p{font-size:12px}
.app-more-tools-scenarios{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 18px 18px;gap:14px}
.app-more-tools-scenarios .scenario-card{padding:20px;border-radius:18px}
.app-more-tools-scenarios .scenario-icon{margin-bottom:17px}
@media(max-width:900px){.app-scenarios>.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.app-scenarios>.scenario-grid{grid-template-columns:1fr}.app-more-tools-panel>summary{grid-template-columns:1fr auto;gap:4px 10px;padding:18px}.app-more-tools-copy{grid-column:1}.app-more-tools-indicator{grid-column:2;grid-row:1/3;align-self:center}.app-more-tools-grid,.app-more-tools-scenarios{grid-template-columns:1fr}.app-more-tools-grid .compare-home-link{padding:20px}.app-more-tools-scenarios .scenario-card h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.app-more-tools-indicator{transition:none}}
.app-session-actions{display:flex;flex-wrap:wrap;align-items:center;gap:2px 18px;margin-top:2px}.app-session-actions .app-session-jump{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;text-underline-offset:4px}.app-session-actions .app-session-jump:hover{text-decoration:underline}
.app-scenarios>.app-practice-prompt{max-width:680px;font-size:13px;line-height:1.5;color:#bcd2c9;margin:18px 0 0}.app-practice-prompt a{color:#d8f2e3;text-underline-offset:3px}.app-practice-prompt a:hover{color:#b5e7d1}
@media(max-width:620px){.app-scenarios>.app-practice-prompt{max-width:330px;font-size:12px;margin-top:14px}}