:root{--orange: #f5931b;--cobalt: #026696;--slate: #34465c;--midnight: #323d4d;--offwhite: #fafafa;--grad: linear-gradient(45deg, #323d4d 0%, #34465c 100%);--bg: var(--offwhite);--surface: #ffffff;--heading-ink: var(--slate);--ink: rgba(51, 51, 51, .8);--ink-faint: rgba(51, 51, 51, .45);--hairline: rgba(50, 61, 77, .12);--field-bg: #ffffff;--radius: .625rem;--radius-sm: .313rem;--heading: "Poppins", sans-serif;--body: Helvetica, Arial, sans-serif}[data-theme=dark]{--bg: var(--midnight);--surface: var(--slate);--heading-ink: var(--offwhite);--ink: rgba(255, 255, 255, .8);--ink-faint: rgba(255, 255, 255, .45);--hairline: rgba(250, 250, 250, .14);--field-bg: var(--slate)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100dvh}#root{min-height:100dvh}.view{max-width:680px;margin:0 auto;padding:2rem 1.25rem 6rem;animation:fadein .45s ease both}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}h1,h2,h3{font-family:var(--heading);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--heading-ink)}a{color:inherit}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;text-align:left}.kicker{display:block;font-family:var(--body);font-weight:600;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cobalt);margin-bottom:.45rem}.kicker-faint{color:var(--ink-faint)}.btn-primary{display:inline-block;font-family:var(--body);font-weight:700;font-size:1rem;letter-spacing:.055em;text-transform:uppercase;color:#fff;background:var(--orange);padding:.8rem 2.1rem;border-radius:var(--radius);transition:background .25s ease}.btn-primary:hover{background:var(--cobalt)}.wordmark{font-family:var(--heading);color:var(--heading-ink);line-height:1.25;margin-bottom:3.5rem}.wordmark .top{display:block;font-weight:300;font-size:.65rem;letter-spacing:.35em;text-transform:uppercase}.wordmark .bottom{display:block;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.tile{display:block;flex:none;border-radius:var(--radius-sm);object-fit:cover;background:var(--grad)}.tile-ph{background:radial-gradient(circle at var(--gx, 50%) var(--gy, 40%),rgba(245,147,27,.55),rgba(245,147,27,.12) 45%,transparent 70%),var(--grad)}.ph-emotional-inquiry{--gx: 30%;--gy: 25%}.ph-money-beliefs{--gx: 75%;--gy: 70%}.ph-pleasure{--gx: 50%;--gy: 85%}.ph-guide-feel-emotions{--gx: 20%;--gy: 75%}.ph-guide-shock-freeze{--gx: 80%;--gy: 20%}.tile-row{width:96px;height:96px}.tile-detail{width:200px;height:200px;border-radius:var(--radius-sm)}.tile-player{width:180px;height:180px;margin:0 auto 1.8rem}.library-header h1{font-size:clamp(2rem,6vw,2.6rem);margin-bottom:.9rem}.library-header p{color:var(--ink);max-width:52ch}.library-header{margin-bottom:2.6rem}.exp-list{list-style:none}.exp-row{display:flex;gap:1.1rem;width:100%;padding:1.3rem 0;border-top:1px solid var(--hairline);align-items:flex-start}.exp-list li:last-child .exp-row{border-bottom:1px solid var(--hairline)}.exp-row-text{display:flex;flex-direction:column;min-width:0}.exp-row-text .kicker{margin-bottom:.2rem;font-size:.7rem}.exp-row-title{font-family:var(--heading);font-weight:600;font-size:1.15rem;letter-spacing:-.01em;color:var(--heading-ink);display:flex;align-items:baseline;gap:.5rem;transition:color .25s ease}.exp-row:hover .exp-row-title{color:var(--cobalt)}.exp-row-teacher{font-size:.85rem;color:var(--ink-faint);margin-top:.1rem}.exp-row-desc{font-size:.95rem;color:var(--ink);margin-top:.35rem}.exp-row.visited .exp-row-title{color:var(--ink)}.exp-row.visited:hover .exp-row-title{color:var(--cobalt)}.dot{flex:none;width:6px;height:6px;border-radius:50%;transform:translateY(-2px)}.dot.started{border:1px solid var(--orange);opacity:.75}.dot.finished{background:var(--orange);opacity:.75}.back-link{display:inline-block;font-family:var(--heading);font-weight:400;color:var(--ink-faint);font-size:.9rem;text-decoration:none;margin-bottom:2.4rem;transition:color .25s ease}.back-link:hover{color:var(--heading-ink)}.detail-head{display:flex;flex-direction:column-reverse;gap:1.6rem;margin-bottom:2.8rem}.detail-text .kicker{margin-bottom:.7rem}.detail-head h1{font-size:clamp(1.9rem,6vw,2.4rem);margin-bottom:.5rem}.detail-teacher{font-size:.9rem;color:var(--ink-faint);margin-bottom:1.2rem}.detail-head .intro{color:var(--ink);max-width:54ch;margin-bottom:1.8rem}.tabs{display:flex;gap:1.7rem;border-bottom:1px solid var(--hairline)}.tab{font-family:var(--heading);font-weight:600;font-size:.95rem;color:var(--ink-faint);padding:.15rem 0 .65rem;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s ease,border-color .2s ease}.tab:hover{color:var(--ink)}.tab.active{color:var(--cobalt);border-color:var(--cobalt)}.tab-panel{padding-top:1.6rem;animation:fadein .35s ease both}.tab-note{color:var(--ink);max-width:52ch}.session-list{list-style:none}.session-row{display:flex;flex-direction:column;width:100%;padding:1.1rem 0;border-bottom:1px solid var(--hairline)}.session-list li:last-child .session-row{border-bottom:none}.session-title{font-family:var(--heading);font-weight:600;font-size:1.05rem;color:var(--heading-ink);display:flex;align-items:center;gap:.55rem;transition:color .25s ease}.session-row:hover .session-title{color:var(--cobalt)}.session-play{width:13px;height:13px;fill:var(--orange);flex:none}.session-desc{font-size:.92rem;color:var(--ink);margin-top:.3rem;padding-left:calc(13px + .55rem)}.session-screen{text-align:center;padding-top:1rem}.session-screen .kicker{margin-bottom:.5rem}.session-screen h1{font-size:clamp(1.6rem,5vw,2rem);margin-bottom:1rem}.session-writing{text-align:left;margin-top:2.2rem}.player{margin:2.6rem 0 1rem;display:flex;flex-direction:column;align-items:center;gap:2.2rem}.play-btn{width:92px;height:92px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;transition:background .25s ease,transform .25s ease}.play-btn:hover{background:var(--cobalt);transform:scale(1.02)}.play-btn svg{width:30px;height:30px;fill:#fff}.scrub-row{width:100%;max-width:460px;display:flex;flex-direction:column;gap:.6rem}.scrub{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}.scrub::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,var(--orange) 0%,var(--orange) var(--progress, 0%),var(--hairline) var(--progress, 0%))}.scrub::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--slate);margin-top:-5.5px}[data-theme=dark] .scrub::-webkit-slider-thumb{background:var(--offwhite)}.scrub::-moz-range-track{height:3px;border-radius:2px;background:var(--hairline)}.scrub::-moz-range-progress{height:3px;border-radius:2px;background:var(--orange)}.scrub::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--slate)}.times{display:flex;justify-content:space-between;font-size:.8rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.credit{color:var(--ink-faint);font-size:.85rem;margin-top:1.4rem}.step-count{font-family:var(--body);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cobalt);margin-bottom:.9rem}.step .prompt{color:var(--ink);max-width:52ch;margin-bottom:1.6rem}.stems{list-style:none;margin-bottom:1.6rem}.stems li{font-family:var(--heading);font-weight:500;font-size:1.05rem;padding:.28rem 0;color:var(--heading-ink)}.writing-area{width:100%;min-height:11rem;background:var(--field-bg);border:1px solid var(--hairline);border-radius:var(--radius);color:var(--heading-ink);font-family:var(--body);font-size:1rem;padding:1rem 1.1rem;resize:vertical;line-height:1.6}.writing-area::placeholder{color:var(--ink-faint)}.writing-area:focus{outline:none;border-color:var(--cobalt)}.saved-note{font-size:.8rem;color:var(--ink-faint);margin-top:.5rem;min-height:1.2em}.step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.next-btn{font-family:var(--body);font-weight:700;font-size:1rem;letter-spacing:.055em;text-transform:uppercase;color:#fff;background:var(--orange);padding:.8rem 2.1rem;border-radius:var(--radius);transition:background .25s ease}.next-btn:hover{background:var(--cobalt)}.quiet-btn{color:var(--ink-faint);font-size:.9rem;transition:color .25s ease}.quiet-btn:hover{color:var(--ink)}.journal-past{margin-top:2.4rem;border-top:1px solid var(--hairline);padding-top:1.4rem}.journal-entry{color:var(--ink);font-size:.95rem;white-space:pre-wrap;padding:.6rem 0}.journal-entry+.journal-entry{border-top:1px solid var(--hairline)}.closing{text-align:center;padding-top:3.5rem}.closing .line{font-family:var(--heading);font-weight:600;letter-spacing:-.01em;font-size:1.45rem;line-height:1.4;color:var(--heading-ink);max-width:30ch;margin:0 auto 3rem}.closing-links{display:flex;flex-direction:column;gap:1.4rem;align-items:center}.closing-links a:not(.btn-primary){color:var(--ink);font-size:1rem;text-decoration:none;border-bottom:1px solid var(--hairline);padding-bottom:2px;transition:color .25s ease,border-color .25s ease}.closing-links a:not(.btn-primary):hover{color:var(--cobalt);border-color:var(--cobalt)}@media (min-width: 700px){.view{padding-top:3rem}.detail-head{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2.5rem}.detail-text{max-width:400px}}