*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:hover{color:#fff;text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;background:#fff;color:#000;padding:12px;z-index:3}.skip:focus{top:10px}.workshop-nav{max-width:1280px;margin:24px auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #292929;border-radius:60px;background:#0b0b0b}.workshop-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:600}.workshop-brand img{width:36px;height:36px}.workshop-nav nav{display:flex;gap:24px}.workshop-nav nav a{color:#aaa;text-decoration:none;font-size:15px}.workshop-nav .download{padding:14px 20px;background:#fff;color:#111;border-radius:40px;text-decoration:none;font-weight:600;white-space:nowrap}.workshop{max-width:1160px;margin:auto;padding:72px 32px 0}.breadcrumb{font-size:15px;color:#aaa;margin:0 0 40px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:15px;color:#aaa;margin:0 0 20px}h1{font-size:clamp(42px,5.7vw,78px);line-height:1.04;letter-spacing:-.05em;margin:0;max-width:780px;font-weight:600}h2{font-size:clamp(29px,3.4vw,44px);line-height:1.13;letter-spacing:-.035em;font-weight:580;margin:0 0 24px}h3{font-size:21px;font-weight:580;line-height:1.3;margin:0 0 12px}.lede{font-size:clamp(19px,2vw,24px);line-height:1.55;color:#aaa;max-width:650px;margin:28px 0}.hero-art{width:100%;height:auto;display:block}.hero figure{margin:0}.hero figcaption{color:#aaa;font-size:13px;line-height:1.5;margin:8px 12px}.jump{display:inline-block;padding:13px 20px;border:1px solid #555;border-radius:30px;text-decoration:none;font-size:16px}.section{margin:108px auto 0;max-width:850px}.section p,.section li{font-size:18px;line-height:1.75;color:#b5b5b5}.section p{margin:0 0 20px}.section li+li{margin-top:10px}.section ul,.section ol{padding-left:24px}.section strong{color:#eee;font-weight:550}.section blockquote{margin:32px 0;padding:24px 28px;border-left:2px solid #888;background:#0c0c0c;font-size:24px;line-height:1.5;letter-spacing:-.015em}.section blockquote p{font-size:inherit;color:#eee}.section .caption{font-size:14px;color:#aaa}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.split>div{border-top:1px solid #333;padding-top:20px}.tool{max-width:100%;border:1px solid #3c3c3c;background:#0b0b0b;border-radius:28px;padding:32px}.tool h2{max-width:700px}.tool label{display:block;margin:20px 0 10px;font-size:16px;line-height:1.5;color:#ddd}.tool input:not([type=checkbox]):not([type=range]),.tool textarea,.tool select{width:100%;font:inherit;font-size:17px;padding:14px;background:#151515;border:1px solid #666;border-radius:12px;color:#fff}.tool textarea{min-height:125px;resize:vertical;line-height:1.6}.tool input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:9px;accent-color:#fff}.tool input[type=range]{width:100%;accent-color:#fff}.tool button{font:inherit;font-size:16px;background:#fff;color:#111;border:1px solid #fff;border-radius:26px;padding:13px 20px;cursor:pointer;margin:20px 10px 0 0}.tool button.secondary{background:transparent;color:#fff;border-color:#666}.tool button:disabled{opacity:.5;cursor:default}.tool p{font-size:16px;line-height:1.6}.tool .privacy-note{font-size:14px;color:#aaa;max-width:760px}.result{margin-top:28px;padding:24px;border:1px solid #454545;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#eee;min-height:90px;font-size:18px}.result:empty{display:none}.result [data-triage-row]{display:grid;grid-template-columns:1fr 190px;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid #333;white-space:normal}.result select{margin:0}.timer{font-variant-numeric:tabular-nums;font-size:clamp(56px,10vw,112px);font-weight:500;letter-spacing:-.06em;margin:32px 0}.practice{display:grid;grid-template-columns:1fr 150px;gap:20px;align-items:center;margin:20px 0}.practice p{margin:0}.two-feelings{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:25px 10px}.affect-object{width:68px;height:68px;border-radius:22px;background:#fff;position:relative;margin:40px auto;box-shadow:0 0 5px 2px #fff,0 0 9px 4px var(--affect),0 0 18px 8px var(--affect),0 0 34px 12px color-mix(in srgb,var(--affect) 60%,transparent),0 0 52px 18px color-mix(in srgb,var(--affect) 35%,transparent),0 0 70px 24px color-mix(in srgb,var(--affect) 18%,transparent);transform:scale(var(--intensity,1));transition:transform .35s}.download-sheet{display:flex;align-items:start;justify-content:space-between;gap:30px;border-top:1px solid #444;border-bottom:1px solid #444;padding:25px 0}.download-sheet p{margin:0;max-width:500px}.sources{font-size:15px;line-height:1.7;color:#aaa}.sources a{overflow-wrap:anywhere}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.related a{display:block;padding:22px 0;border-top:1px solid #444;text-decoration:none;font-size:19px}.related small{display:block;font-size:14px;color:#aaa;margin-top:10px;line-height:1.5}.cta{margin:110px auto 80px;text-align:center}.cta a{display:inline-block;background:#fff;color:#111;padding:18px 30px;border-radius:40px;text-decoration:none;font-size:20px;font-weight:600}.workshop-footer{border-top:1px solid #292929;padding:32px;max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:24px;color:#aaa;font-size:14px}.workshop-footer nav{display:flex;flex-wrap:wrap;gap:20px}details{border-top:1px solid #333;padding:20px 0}summary{cursor:pointer;font-size:20px}details p{padding-top:20px}.article-nav{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:15px;color:#aaa}.moment-track{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.moment-track div{border-top:2px solid #aaa;padding-top:16px;color:#ddd;font-size:17px;line-height:1.6}.moment-track small{display:block;color:#aaa}.method-key{font-family:ui-monospace,monospace;font-size:25px;margin-right:14px}.workshop table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6}.workshop th,.workshop td{padding:15px 10px;border-bottom:1px solid #444;text-align:left;vertical-align:top}.workshop td{color:#bbb}.table-wrap{overflow-x:auto}button[hidden],[hidden]{display:none!important}@media(min-width:800px){.hero-art{animation:workshop-arrive .8s ease-out both}@keyframes workshop-arrive{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}}@media(max-width:740px){.workshop-nav{margin:14px 16px;padding:12px 16px;gap:16px;border-radius:26px;flex-wrap:wrap}.workshop-nav nav{order:3;width:100%;justify-content:space-between;gap:12px;padding:4px 0}.workshop-nav .download{font-size:13px;padding:11px 14px}.workshop-brand{font-size:17px}.workshop-brand img{width:28px;height:28px}.workshop{padding:42px 22px 0}.hero{grid-template-columns:1fr;gap:30px}.hero-art{max-width:550px;margin:auto}.breadcrumb{margin-bottom:28px}.section{margin-top:72px}.tool{padding:24px 18px;border-radius:22px}.split,.related{grid-template-columns:1fr;gap:20px}.result [data-triage-row]{grid-template-columns:1fr;gap:8px}.download-sheet{display:block}.download-sheet .jump{margin-top:20px}.practice{grid-template-columns:1fr;gap:5px}.two-feelings{gap:24px}.workshop-footer{display:block;font-size:13px}.workshop-footer nav{margin-top:20px}.section blockquote{padding:20px;font-size:21px}.moment-track{grid-template-columns:1fr}.workshop table{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Editorial examples are real reading surfaces, not mock app screens. */
.hero h1{font-size:clamp(40px,4.9vw,68px);line-height:1.07;text-wrap:balance;overflow-wrap:break-word}
.hero .lede{font-size:clamp(19px,1.8vw,23px)}
.workshop :where(h2,h3){text-wrap:balance}
.workshop :where(figure){margin-inline:0}
.section :where(h3:not(:first-child)){margin-top:36px}
.topic-answer{max-width:850px;border-top:1px solid #383838;padding-top:32px}
.topic-answer p{font-size:clamp(20px,2.2vw,27px);line-height:1.65;color:#ddd;letter-spacing:-.015em}
.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}
.story-card{min-width:0;padding:28px;border:1px solid #383838;border-radius:24px;background:#0c0c0c}
.story-card :where(p:last-child,ul:last-child,ol:last-child){margin-bottom:0}
.section .story-label,.story-label{display:block;font-size:13px!important;line-height:1.5;color:#aaa!important;letter-spacing:.07em;text-transform:uppercase;margin:0 0 16px!important}
.story-line{font-size:clamp(22px,2.7vw,32px)!important;line-height:1.4!important;color:#f4f4f4!important;letter-spacing:-.025em}
.story-note{font-size:15px!important;line-height:1.65!important;color:#aaa!important}
.story-card h3{margin-top:0}
.story-card .mood-cell{margin:10px 0 34px}
.story-card[style*="--card-color"]::before{content:"";display:block;width:27px;height:27px;border-radius:9px;background:#fff;margin:8px 0 30px;box-shadow:0 0 4px 1px #fff,0 0 8px 3px var(--card-color),0 0 17px 6px color-mix(in srgb,var(--card-color) 60%,transparent),0 0 32px 10px color-mix(in srgb,var(--card-color) 28%,transparent)}
.mood-cell{--mood:var(--card-color,var(--seed));display:inline-block;width:30px;height:30px;flex-shrink:0;border-radius:10px;background:#fff;box-shadow:0 0 3px 1px #fff,0 0 7px 3px var(--mood),0 0 13px 5px color-mix(in srgb,var(--mood) 75%,transparent),0 0 23px 8px color-mix(in srgb,var(--mood) 48%,transparent),0 0 35px 11px color-mix(in srgb,var(--mood) 26%,transparent),0 0 48px 14px color-mix(in srgb,var(--mood) 12%,transparent)}
.share-object{position:relative;border:1px solid #454545;border-radius:30px;padding:44px;margin:48px 0;background:linear-gradient(145deg,#101010,#050505);overflow:hidden}
.share-object .share-quote,.section .share-object blockquote{margin:0 0 30px;padding:0;border:0;background:none;font-size:clamp(29px,4vw,49px);line-height:1.18;letter-spacing:-.04em;color:#fff;font-weight:550;text-wrap:balance;overflow-wrap:anywhere}
.share-object :where(.share-quote p){color:inherit;font-size:inherit;line-height:inherit}
.share-object .story-grid{margin-top:30px}
.share-object .story-card{background:#0b0b0b;padding:24px}
.share-object figcaption{font-size:14px;line-height:1.65;color:#aaa;margin-top:26px;max-width:680px}
.section .share-brand,.share-brand{display:block;font-size:13px;color:#aaa;letter-spacing:.015em;margin-top:24px}
.share-object .mood-cell{margin:10px 18px 30px 0}
.story-steps{padding-left:26px;max-width:780px}
.story-steps li{padding-left:8px;margin-block:16px}
.journal-example{padding:30px;border:1px solid #3c3c3c;border-radius:22px;background:#0d0d0d;margin:26px 0}
.journal-example p{color:#ddd;line-height:1.8}
.journal-example :where(p:last-child){margin-bottom:0}
.journal-example dl{margin:20px 0 0}.journal-example dt,.note-lines dt{font-size:14px;color:#aaa;margin:20px 0 6px}.journal-example dd,.note-lines dd{margin:0;color:#eee;font-size:18px;line-height:1.7}.note-lines dt:first-child{margin-top:0}
.note-lines{padding:22px 26px;border-top:1px solid #4c4c4c;border-bottom:1px solid #4c4c4c;margin:28px 0;font-size:18px;line-height:1.8;color:#ddd;white-space:pre-wrap;overflow-wrap:anywhere}
.note-lines li{margin-block:8px}
.tool output{display:inline-block;color:#fff;font-variant-numeric:tabular-nums;font-size:16px;margin-left:8px}
.tool .two-feelings{gap:36px;padding:12px 0}
.two-feelings>div{min-width:0}
.two-feelings .affect-object{margin:36px auto 44px}
.two-feelings textarea{min-height:110px}
.workshop code{font-size:.9em;overflow-wrap:anywhere;color:#ddd}
.workshop pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.7;color:#ddd}
.workshop :where(section[id],figure[id]){scroll-margin-top:32px}
@media(max-width:740px){
 .hero h1{font-size:clamp(37px,8.8vw,57px)}
 .story-grid{grid-template-columns:1fr;gap:16px;margin-block:24px}
 .story-card{padding:24px 22px;border-radius:21px}
 .share-object{padding:28px 22px;border-radius:24px;margin-block:32px}
 .share-object .story-card{padding:20px 18px}
 .journal-example{padding:24px 20px}
 .note-lines{padding:20px 16px;font-size:16px}
 .tool .two-feelings{grid-template-columns:1fr;gap:24px}
 .two-feelings>div+div{border-top:1px solid #454545;padding-top:22px}
}