:root{--bg:#08110f;--panel:#0d1b17;--panel2:#11231d;--text:#f3faf7;--muted:#9cb1a9;--line:#203b33;--accent:#78e6b0;--paper:#f4f1e8;--ink:#1f2925;--shadow:0 24px 60px #0005}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 0,#163329 0,#08110f 42%,#050908 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}.shell{max-width:1040px;margin:auto;padding:18px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 0 28px}.brand{display:flex;gap:12px;align-items:center}.brandmark{width:48px;height:48px;border:1px solid #295746;border-radius:13px;display:grid;place-items:center;font-weight:900;color:#9ff1c5;background:#0d2019}.brand small{display:block;color:var(--muted);margin-top:2px}.adminlink{color:#9fc7b9;text-decoration:none;font-size:13px}.screen{display:none}.screen.active{display:block}.hero{padding:48px 12px 24px}.eyebrow,.sectionKicker{letter-spacing:.18em;color:#80e8b2;font-size:11px;font-weight:800}.hero h1{font-size:clamp(40px,8vw,76px);line-height:.99;margin:12px 0 18px}.hero h1 span{color:#a9c2b9}.hero p{max-width:700px;color:#c1d3cd;font-size:18px;line-height:1.7}.primary,.ghost,.back{border:0;cursor:pointer;border-radius:13px;font-weight:800}.primary{padding:15px 22px;background:linear-gradient(135deg,#8af2bd,#58cb96);color:#062116;box-shadow:0 14px 30px #47d2932a}.ghost{padding:14px 20px;background:#122620;color:#dff5eb;border:1px solid #25473c}.trust,.note{color:#8eaaa0;font-size:13px;margin-top:15px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}.four article{padding:20px;border-radius:18px;background:#0d1d19;border:1px solid #1c3830}.four b{font-size:36px;display:block}.four span{font-weight:800}.four small{display:block;color:#8da69d;margin-top:4px}.four .d b{color:#ff7777}.four .i b{color:#ffc15c}.four .s b{color:#67df91}.four .c b{color:#75adf1}.panel,.questioncard{background:linear-gradient(180deg,#10241e,#0b1915);border:1px solid #224238;border-radius:24px;padding:clamp(22px,5vw,42px);box-shadow:var(--shadow);max-width:780px;margin:20px auto}.panel h2{font-size:34px;margin:8px 0}.panel p{color:#a8c0b8;line-height:1.7}.privacybox{background:#102a21;border:1px solid #2d5547;border-radius:16px;padding:16px 18px;margin:18px 0}.privacybox b{color:#a5efc7}.privacybox p{font-size:13px;margin:6px 0 0;color:#b8cbc4;line-height:1.6}.form label{display:block;color:#bcd1c9;font-size:13px;margin:15px 0}.form input,.form select{width:100%;margin-top:7px;border:1px solid #294a40;background:#091510;color:white;padding:14px;border-radius:12px;font:inherit;outline:none}.form input:focus,.form select:focus{border-color:#6be2ab}.fieldhelp{display:block;color:#7f9a90;margin-top:7px;line-height:1.5}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quizhead{max-width:780px;margin:12px auto;display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center}.back{width:46px;height:46px;background:#10221c;color:white;border:1px solid #28483d}.quizhead small{color:#9cb5ac}.progress{height:7px;background:#142821;border-radius:50px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:#78e6b0;width:0;transition:.3s}.questioncard{min-height:440px;display:flex;flex-direction:column;justify-content:center}.qtype{font-size:11px;color:#77dfa9;font-weight:900;letter-spacing:.15em}.questioncard h2{font-size:clamp(28px,5vw,44px);line-height:1.15;margin:15px 0 28px}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.scale button{padding:16px 8px;background:#10231d;border:1px solid #294b40;color:#dbece6;border-radius:14px;cursor:pointer;min-height:90px}.scale button:hover,.scale button.selected{background:#19382e;border-color:#75e4ad}.scale b{display:block;font-size:24px}.scale small{display:block;margin-top:5px;color:#8da69d}.loading{text-align:center;padding:110px 20px}.orb{width:90px;height:90px;border:3px solid #17372c;border-top-color:#78e6b0;border-radius:50%;margin:0 auto 22px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.resultHero{border:1px solid #285145;background:linear-gradient(145deg,#102b22,#0c1714);border-radius:26px;padding:32px;box-shadow:var(--shadow)}.resultHero h1{font-size:clamp(34px,6vw,54px);line-height:1.06;margin:9px 0 16px}.resultHero p{color:#bad0c8;line-height:1.75;font-size:16px;max-width:850px}.typeLine{display:flex;align-items:center;gap:10px;color:#cbe0d8;font-size:13px;flex-wrap:wrap}.typeLine i{width:4px;height:4px;border-radius:50%;background:#5a7d70}.privacyPill{display:inline-block;margin-top:12px;padding:7px 11px;border-radius:8px;background:#0b211a;color:#92dcb7;border:1px solid #244d3e;font-size:11px}.chartgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.card{background:#0d1b17;border:1px solid #1e3c33;border-radius:18px;padding:20px}.quiet h3{margin:0 0 12px}.barrow{margin:14px 0}.barlabel{display:flex;justify-content:space-between;font-size:13px}.bartrack{height:9px;background:#172a24;border-radius:20px;overflow:hidden;margin-top:6px}.barfill{height:100%;border-radius:20px}.fine{font-size:12px;color:#829b92;line-height:1.65}.reportPaper{background:var(--paper);color:var(--ink);border-radius:24px;padding:clamp(26px,5vw,50px);margin:18px 0;box-shadow:0 20px 60px #0003}.reportPaper .sectionKicker{color:#587064}.reportBlock{padding:20px 0;border-bottom:1px solid #d7d2c7}.reportBlock:last-child{border:0}.reportBlock h3{font-size:15px;margin:0 0 8px;color:#34433d}.reportBlock p{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.72;margin:0;color:#28332e}.trendBlock{background:#e7eee8;padding:18px;border-radius:14px;border:0;margin-top:16px}.growthPanel{background:#0d1b17;border:1px solid #24463b;border-radius:24px;padding:clamp(24px,4vw,38px);margin:18px 0}.growthPanel h2{font-size:32px;max-width:760px;margin:8px 0 12px}.lead{color:#b5cbc3;line-height:1.7;max-width:820px}.growthGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.growthGrid article{background:#10241e;border:1px solid #29493f;border-radius:16px;padding:18px}.growthGrid small{color:#78e6b0}.growthGrid h3{margin:6px 0 10px}.growthGrid p{color:#adc3bb;line-height:1.6;font-size:14px}.growthGrid b{display:block;color:#dcebe5;font-size:13px;line-height:1.55}.growthGap{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:11px;letter-spacing:.08em;color:#97aea5}.growthGap i{height:1px;background:#36594d;flex:1}.growthGap strong{color:#8be6b6}.challenge{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;background:#e9ddc5;color:#2d302b;border-radius:24px;padding:32px;margin:18px 0}.challenge small{letter-spacing:.15em;font-size:10px;font-weight:800;color:#6a665a}.challenge h2{font-size:32px;margin:8px 0}.challengeText p{margin:0 0 18px;line-height:1.65}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.twoCol .reportBlock{background:#0d1b17;border:1px solid #1f3f35;border-radius:18px;padding:22px}.twoCol .reportBlock h3{color:#dcebe5}.twoCol .reportBlock p{color:#abc1b9;line-height:1.7;margin:0}.reflection{border-color:#496657!important}.partnerSection,.peopleSection{background:#0d1b17;border:1px solid #1e3c33;border-radius:22px;padding:28px;margin:18px 0}.partnerSection h2,.peopleSection h2{font-size:30px;margin:8px 0 10px}.partnerSection p,.peopleSection>p{color:#adc2bb;line-height:1.7}.typechips{display:flex;gap:8px}.typechips span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#153126;border:1px solid #315646;font-weight:900}.peopleGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.personCard{background:#101f1a;border:1px solid #234137;border-radius:16px;overflow:hidden}.personCard img{width:100%;height:220px;object-fit:cover;object-position:50% 24%;background:#15241f}.personCard div{padding:14px}.personCard b{display:block}.personCard small{display:block;color:#7f9b91;margin-top:3px}.personCard p{font-size:13px;line-height:1.55;color:#afc4bc;margin:10px 0}.personCard span{font-size:10px;color:#738a81;line-height:1.4;display:block}.peopleGrid.compact .personCard img{height:180px}.indonesia{border-color:#3b4e45}.ending{text-align:center;background:linear-gradient(145deg,#18241f,#0e1613);border:1px solid #2c4038;border-radius:24px;padding:36px;margin:18px 0}.ending small{letter-spacing:.17em;color:#8ba298}.ending blockquote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,4vw,38px);line-height:1.35;max-width:800px;margin:18px auto;color:#eef6f2}.ending p{color:#7f958c;font-size:11px;max-width:700px;margin:auto;line-height:1.6}.actions{display:flex;gap:10px;justify-content:center;margin:25px 0 10px}footer{text-align:center;color:#6f8a80;font-size:12px;padding:34px 0;line-height:1.6}@media(max-width:780px){.four{grid-template-columns:1fr 1fr}.grid2,.chartgrid,.twoCol,.challenge{grid-template-columns:1fr}.growthGrid{grid-template-columns:1fr}.peopleGrid{grid-template-columns:1fr 1fr}.scale{grid-template-columns:1fr}.scale button{min-height:58px;text-align:left}.hero{padding-top:28px}.growthGap{align-items:flex-start;flex-direction:column}.growthGap i{width:1px;height:18px;flex:none}.personCard img{height:200px}}@media(max-width:480px){.peopleGrid{grid-template-columns:1fr}.four article{padding:15px}.resultHero{padding:24px}.reportPaper{padding:24px}.peopleGrid.compact .personCard img{height:220px}}@media print{body{background:#fff;color:#111}.topbar,footer,.actions{display:none}.shell{max-width:none}.screen{display:none!important}#result{display:block!important}.resultHero,.card,.growthPanel,.twoCol .reportBlock,.partnerSection,.peopleSection,.ending{box-shadow:none;background:#fff;color:#111;border-color:#ddd;break-inside:avoid}.reportPaper,.challenge{box-shadow:none}.resultHero p,.lead,.growthGrid p,.partnerSection p,.peopleSection>p,.ending p,.twoCol .reportBlock p{color:#444}.personCard{background:#fff;color:#111;border-color:#ddd}.personCard p{color:#444}}

/* v1.2.0 — Result Experience & Social Share */
.quizIntro{max-width:780px;margin:6px auto 14px;padding:12px 16px;border:1px solid #1f3d34;border-radius:14px;background:#0c1b17;color:#a9beb6;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:13px}.quizIntro b{color:#dcebe5}.progressMeta{display:flex;justify-content:space-between;gap:12px}.quizNudge{color:#789187!important;font-size:13px!important;margin:-12px 0 20px!important;line-height:1.55!important}.accentBlock{background:#eee9dc;border-radius:14px;padding:18px!important;margin:8px 0;border-bottom:0!important}.workSection{background:linear-gradient(145deg,#12281f,#0d1814);border:1px solid #27483d;border-radius:24px;padding:clamp(24px,4vw,38px);margin:18px 0}.workSection h2{font-size:30px;margin:8px 0 10px;max-width:760px}.workSection>p{color:#b5c9c1;line-height:1.75;max-width:850px}.workHint{margin-top:18px;padding:14px 16px;border-radius:14px;background:#0a1713;border:1px solid #1c382f;display:flex;gap:10px;justify-content:space-between;align-items:center}.workHint b{font-size:12px;color:#829b92;text-transform:uppercase;letter-spacing:.06em}.workHint span{font-weight:750;color:#e1eee9;text-align:right}.friendSection{background:#f0eadc;color:#28312d;border-radius:24px;padding:32px;margin:18px 0}.friendSection .sectionKicker{color:#697a72}.friendSection blockquote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(21px,3.4vw,30px);line-height:1.5;margin:14px 0 0}.oneLine{background:linear-gradient(135deg,#153227,#0d1c17);border:1px solid #2c5144;border-radius:24px;padding:32px;margin:18px 0}.oneLine small{letter-spacing:.14em;color:#7ee2ae;font-size:10px;font-weight:800}.oneLine h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,4vw,38px);line-height:1.38;margin:12px 0 0;color:#edf7f2}.relateBox{background:#0d1b17;border:1px solid #203d34;border-radius:22px;padding:26px;margin:18px 0 4px;text-align:center}.relateBox small{letter-spacing:.15em;color:#7f9b91;font-weight:800}.relateBox h3{font-size:20px;margin:9px auto 16px;max-width:620px}.relateButtons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.relateButtons button{border:1px solid #315247;background:#11261f;color:#cce0d8;border-radius:999px;padding:10px 15px;cursor:pointer}.relateButtons button:hover,.relateButtons button.selected{border-color:#78e6b0;background:#1a382d;color:#edfff6}.relateBox p{color:#7e978d;font-size:12px;min-height:18px;line-height:1.55}.resultEndSentinel{height:2px;width:100%}.shareToast{position:fixed;right:22px;bottom:22px;width:min(390px,calc(100vw - 28px));z-index:1000;background:rgba(12,27,23,.98);border:1px solid #315849;border-radius:20px;padding:20px;box-shadow:0 24px 70px #0009;transform:translateY(135%);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .35s ease;backdrop-filter:blur(14px)}.shareToast.show{transform:translateY(0);opacity:1;pointer-events:auto}.shareToast small{display:block;letter-spacing:.15em;color:#78e6b0;font-size:9px;font-weight:900;margin-bottom:7px}.shareToast>b{display:block;font-size:20px;line-height:1.25;padding-right:24px}.shareToast p{color:#9eb5ac;line-height:1.5;font-size:13px;margin:8px 0 14px}.shareClose{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#79958a;font-size:26px;cursor:pointer}.sharePrimary{width:100%;padding:12px 14px}.shareOptions{display:none;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:9px}.shareOptions.open{display:grid}.shareOptions button{border:1px solid #2d4a40;background:#0b1814;color:#c8d9d3;border-radius:10px;padding:8px 5px;font-size:10px;cursor:pointer}.shareOptions button:hover{border-color:#6cdba7;color:#f2fff8}.miniToast{position:fixed;left:50%;bottom:22px;z-index:1200;transform:translate(-50%,30px);opacity:0;background:#f2eee2;color:#24302a;border-radius:999px;padding:10px 16px;font-size:12px;box-shadow:0 10px 32px #0005;pointer-events:none;transition:.25s}.miniToast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:780px){.quizIntro{margin-top:0}.workHint{align-items:flex-start;flex-direction:column}.workHint span{text-align:left}.shareToast{right:14px;bottom:14px}.shareOptions{grid-template-columns:repeat(3,1fr)}.actions{flex-wrap:wrap}.actions .primary,.actions .ghost{flex:1 1 190px}.friendSection,.oneLine{padding:24px}}
@media(max-width:480px){.shareOptions{grid-template-columns:1fr 1fr}.shareToast>b{font-size:18px}.relateButtons{align-items:stretch;flex-direction:column}.relateButtons button{width:100%}}
@media print{.shareToast,.miniToast,.relateBox,.resultEndSentinel{display:none!important}.friendSection,.oneLine,.workSection{box-shadow:none;background:#fff;color:#111;border-color:#ddd;break-inside:avoid}.friendSection blockquote,.oneLine h2,.workSection h2{color:#111}}


/* v1.3.0 — Calm Pastel Theme, richer processing state, optional ambient music */
:root{--bg:#eef2ea;--panel:#f9f7f1;--panel2:#eef1ec;--text:#35413c;--muted:#75847d;--line:#d6ddd8;--accent:#728b7e;--paper:#f8f5ee;--ink:#2f3934;--shadow:0 24px 65px rgba(65,77,70,.14)}
body{background:radial-gradient(circle at 12% 4%,rgba(207,222,211,.95) 0,transparent 34%),radial-gradient(circle at 90% 12%,rgba(216,222,232,.9) 0,transparent 30%),radial-gradient(circle at 80% 80%,rgba(232,216,209,.65) 0,transparent 27%),linear-gradient(135deg,#edf2ea 0,#f5efe9 54%,#e9eef0 100%);color:var(--text)}
.brandmark{border-color:#c2d0c8;color:#536a60;background:rgba(255,255,255,.62);box-shadow:0 8px 24px rgba(68,86,77,.08)}.brand small{color:#7b8982}.adminlink{color:#5c7067;background:rgba(255,255,255,.48);border:1px solid #d5ddd8;border-radius:999px;padding:8px 11px}.eyebrow,.sectionKicker{color:#657e72}.hero h1 span{color:#718178}.hero p{color:#64756d}.primary{background:linear-gradient(135deg,#879f93,#6d887b);color:white;box-shadow:0 14px 32px rgba(91,119,104,.18)}.ghost{background:rgba(255,255,255,.58);color:#4e6258;border-color:#d0dad4}.trust,.note{color:#78867f}.four article{background:rgba(255,255,255,.59);border-color:#d5ddd8;box-shadow:0 12px 32px rgba(77,91,83,.07)}.four small{color:#829089}.four .d b{color:#ad746d}.four .i b{color:#b48c5b}.four .s b{color:#6f927d}.four .c b{color:#748ba0}.panel,.questioncard{background:rgba(250,249,245,.82);border-color:#d4ddd7;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.panel p{color:#6e7d76}.privacybox{background:#edf3ed;border-color:#d2dfd6}.privacybox b{color:#536f60}.privacybox p{color:#708078}.form label{color:#607169}.form input,.form select{border-color:#ced8d2;background:#fffdfa;color:#35413c}.form input:focus,.form select:focus{border-color:#849d90;box-shadow:0 0 0 3px rgba(114,139,126,.12)}.fieldhelp{color:#87948e}.quizIntro{border-color:#d4ddd7;background:rgba(255,255,255,.58);color:#74827b}.quizIntro b{color:#4e6258}.back{background:rgba(255,255,255,.65);color:#4d6258;border-color:#d0dad4}.quizhead small{color:#78877f}.progress{background:#dce3de}.progress i{background:linear-gradient(90deg,#789184,#8399aa)}.questioncard h2{color:#37443e}.qtype{color:#657e72}.quizNudge{color:#7d8b84!important}.scale button{background:#f3f1eb;border-color:#d4ddd7;color:#4a5b53}.scale button:hover,.scale button.selected{background:#e4ece6;border-color:#92a99d}.scale small{color:#7f8d86}
.loading{max-width:680px;margin:34px auto;text-align:center;padding:70px 34px;background:rgba(255,255,255,.58);border:1px solid rgba(132,151,141,.25);border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.loadingVisual{width:118px;height:92px;position:relative;margin:0 auto 24px}.loadingVisual span{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(95,121,107,.32);transform:translate(-50%,-50%);animation:pulseRing 2.2s ease-out infinite}.loadingVisual span:nth-child(1){width:42px;height:42px}.loadingVisual span:nth-child(2){width:70px;height:70px;animation-delay:.35s}.loadingVisual span:nth-child(3){width:98px;height:98px;animation-delay:.7s}.loadingVisual i{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#748d80,#8da0b0);box-shadow:0 0 0 9px rgba(116,141,128,.10);transform:translate(-50%,-50%);animation:coreBreath 1.4s ease-in-out infinite}.loadingKicker{letter-spacing:.18em;font-size:10px;font-weight:900;color:#6d8378;margin-bottom:9px}.loading h2{margin:0 0 9px;font-size:clamp(28px,5vw,42px);color:#3e4c45}.loading p{max-width:520px;margin:0 auto;color:#74827b;line-height:1.7}.loadingTrack{height:5px;overflow:hidden;border-radius:99px;background:#dce3de;margin:24px auto 17px;max-width:470px}.loadingTrack i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7d9488,#8b9eae);animation:loadingSweep 1.45s ease-in-out infinite}.loadingSteps{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.loadingSteps span{font-size:11px;color:#8a9690;border:1px solid #d5ddd8;background:#f7f5f0;border-radius:999px;padding:7px 10px;transition:.3s}.loadingSteps span.active{color:#4f665b;border-color:#aebfb6;background:#e4ece6}.orb{display:none}@keyframes pulseRing{0%{opacity:.1;transform:translate(-50%,-50%) scale(.72)}48%{opacity:.65}100%{opacity:0;transform:translate(-50%,-50%) scale(1.06)}}@keyframes coreBreath{50%{transform:translate(-50%,-50%) scale(1.18)}}@keyframes loadingSweep{0%{transform:translateX(-105%)}50%{transform:translateX(75%)}100%{transform:translateX(250%)}}
.resultHero{border-color:#6f857a;background:linear-gradient(145deg,#647c70,#536960);box-shadow:var(--shadow)}.resultHero h1{color:#fff}.resultHero p{color:#e5eee9}.typeLine{color:#edf4f0}.privacyPill{background:rgba(255,255,255,.12);color:#eef5f1;border-color:rgba(255,255,255,.2)}.card{background:rgba(255,255,255,.65);border-color:#d4ddd7}.bartrack{background:#dce3de}.fine{color:#7b8982}.reportPaper{box-shadow:0 20px 55px rgba(70,80,75,.12)}.trendBlock{background:#e7eee8}.growthPanel{background:#657b71;border-color:#72887e}.growthPanel h2,.growthPanel h3,.growthPanel b{color:#fff}.lead,.growthGrid p{color:#e0e9e4}.growthGrid article{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.17)}.growthGrid small,.growthGap strong{color:#e9d9cf}.growthGap{color:#dce6e0}.growthGap i{background:rgba(255,255,255,.24)}.challenge{background:#eadfd0}.twoCol .reportBlock,.partnerSection,.peopleSection,.relateBox{background:rgba(255,255,255,.62);border-color:#d3dcd6}.twoCol .reportBlock h3,.partnerSection h2,.peopleSection h2,.relateBox h3{color:#3e4d45}.twoCol .reportBlock p,.partnerSection p,.peopleSection>p{color:#66776f}.typechips span{background:#e4ece7;border-color:#c5d4cc;color:#4c6357}.personCard{background:#f5f3ed;border-color:#d7ded9}.personCard p{color:#66766e}.personCard small,.personCard span{color:#85918b}.workSection{background:#e7ece7;border-color:#d1dad4}.workSection h2{color:#3e4c45}.workSection>p{color:#66776f}.workHint{background:#f5f3ee;border-color:#d7ddd9}.workHint span{color:#4a5e54}.friendSection{background:#efe5d7}.oneLine{background:#73877e;border-color:#7e9288}.oneLine small{color:#e9dad2}.shareToast{background:rgba(78,96,87,.97);border-color:#82978c}.shareToast small{color:#ead8cf}.shareToast p{color:#e0e7e3}.shareOptions button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#f2f5f3}.miniToast{background:#f7f4ed;color:#35413c;box-shadow:0 10px 32px rgba(70,80,75,.2)}footer{color:#7b8982}.musicToggle{position:fixed;left:18px;bottom:18px;z-index:1050;border:1px solid rgba(92,112,102,.24);border-radius:999px;padding:9px 13px;background:rgba(249,247,241,.9);color:#586b62;font-weight:800;font-size:11px;box-shadow:0 10px 28px rgba(68,80,74,.14);cursor:pointer;backdrop-filter:blur(8px)}.musicToggle.playing{background:#dfe9e2;color:#496055}.musicToggle.needsGesture{animation:musicHint 1.8s ease-in-out 2}@keyframes musicHint{50%{box-shadow:0 0 0 8px rgba(112,139,126,.11),0 10px 28px rgba(68,80,74,.14)}}
@media(max-width:780px){.loading{padding:54px 22px}.musicToggle{left:12px;bottom:12px}}
@media print{.musicToggle{display:none!important}}

/* v1.4.0 — Observed DISC + left-wall home share dock */
.heroActions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.heroActions .primary,.heroActions .secondaryAction{min-width:220px}.secondaryAction{border:1px solid #bac9c0;background:rgba(255,255,255,.7);color:#52675d;border-radius:13px;padding:14px 20px;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(73,91,81,.08);transition:.2s}.secondaryAction:hover{transform:translateY(-1px);border-color:#8ca294;background:#fff}.observerTeaser{margin:24px auto 8px;max-width:990px;border:1px solid #d1dcd5;background:linear-gradient(135deg,rgba(248,246,239,.86),rgba(226,235,229,.85));border-radius:22px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 15px 38px rgba(77,91,83,.08)}.observerTeaser>div{display:flex;gap:17px;align-items:flex-start}.observerTeaser small,.observerInvite small,.observedCombo small{display:block;color:#667f72;font-size:10px;font-weight:900;letter-spacing:.13em;margin-bottom:5px}.observerTeaser h2{margin:0 0 7px;color:#3e4b45;font-size:21px}.observerTeaser p{margin:0;max-width:700px;color:#718078;line-height:1.6}.observerIcon{flex:0 0 46px;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#dde8e1;color:#5e776a;font-size:28px;font-weight:800}.optional{font-weight:500;color:#8b9690;font-size:12px}.observerSetup .privacybox{margin-bottom:18px}.contextField{border:1px solid #d2dbd5;border-radius:16px;padding:15px 16px 13px;background:rgba(255,255,255,.45)}.contextField legend{padding:0 6px;color:#5f7168;font-weight:800}.contextField legend small{font-weight:500;color:#8a968f}.contextChecks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.contextChecks label{display:flex;align-items:center;gap:8px;margin:0;padding:9px 11px;border:1px solid #dae1dc;border-radius:11px;background:#faf8f3;color:#61726a}.contextChecks input{width:auto;margin:0;accent-color:#728b7e}.observerIntro{border-left:4px solid #8aa295}.observerQuestionCard{max-width:780px}.observerOptions{display:grid;gap:10px;margin-top:22px}.observerChoice{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:14px 15px;border:1px solid #d2dcd6;background:#f7f5ef;border-radius:14px;color:#44564d;cursor:pointer;transition:.2s}.observerChoice:hover,.observerChoice.selected{border-color:#91a89b;background:#e7eee9;transform:translateY(-1px)}.observerChoice span{flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:#e1e8e3;display:grid;place-items:center;color:#60776b;font-weight:900}.observerChoice b{font-size:14px;line-height:1.45}.observerUnknown{display:block;margin:15px auto 0;border:0;background:transparent;color:#7d8b84;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px}.observerUnknown.selected{color:#536b5f;font-weight:800}.observerResultHero{background:linear-gradient(145deg,#657d72,#52675e);border:1px solid #71877d;border-radius:26px;padding:34px;color:white;box-shadow:var(--shadow);margin-bottom:18px}.observerResultHero .eyebrow{color:#d7e7de}.observerResultHero h1{font-size:clamp(31px,5vw,52px);line-height:1.04;margin:13px 0 15px;max-width:900px}.observerResultHero p{max-width:900px;line-height:1.72;color:#e3ede8}.observerResultBadge{display:inline-flex;border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.11);padding:7px 10px;border-radius:999px;font-size:9px;letter-spacing:.12em;font-weight:900}.observerResultGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:16px}.confidenceCard{display:flex;flex-direction:column}.confidenceCard>small{color:#6c8076;font-size:10px;letter-spacing:.14em;font-weight:900}.confidenceScore{display:flex;align-items:baseline;margin-top:9px}.confidenceScore b{font-size:64px;line-height:1;color:#4d6358}.confidenceScore span{font-weight:800;color:#829088}.confidenceCard h3{margin:2px 0 12px;color:#455a50}.confidenceTrack{height:8px;background:#dde5df;border-radius:99px;overflow:hidden}.confidenceTrack i{display:block;height:100%;background:linear-gradient(90deg,#8ca395,#738b7e);border-radius:99px}.confidenceCard p{color:#66776f;line-height:1.55}.confidenceCard>small:last-child{letter-spacing:0;line-height:1.5;font-weight:500;color:#87938d}.observedCombo{padding:25px 27px;border:1px solid #d5ded8;border-radius:20px;background:linear-gradient(135deg,#f1eee6,#e7eee8);margin-bottom:16px}.observedCombo h2{margin:2px 0 9px;color:#3d5046}.observedCombo p{margin:0;color:#66776f;line-height:1.67}.observedPaper{margin-top:0}.observerInvite{margin-top:16px;border:1px solid #d2dcd6;border-radius:22px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:rgba(255,255,255,.58)}.observerInvite h2{margin:3px 0 7px;color:#3f5047}.observerInvite p{margin:0;color:#6b7b73;line-height:1.55;max-width:760px}

.homeShareDock{position:fixed;left:0;top:46%;z-index:1080;display:flex;align-items:center;transform:translateY(-50%);transition:opacity .24s,transform .24s}.homeShareDock.is-hidden{opacity:0;pointer-events:none;transform:translate(-28px,-50%)}.homeShareToggle{border:1px solid rgba(92,113,102,.23);border-left:0;border-radius:0 15px 15px 0;background:rgba(249,247,241,.95);box-shadow:0 12px 34px rgba(61,76,68,.16);color:#53675d;display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 10px 12px;cursor:pointer;backdrop-filter:blur(10px)}.homeShareToggle span{font-size:18px}.homeShareToggle b{font-size:10px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.08em}.homeSharePanel{position:absolute;left:56px;top:50%;width:330px;max-width:calc(100vw - 76px);transform:translate(-16px,-50%) scale(.98);opacity:0;pointer-events:none;background:rgba(248,246,239,.98);border:1px solid #d1dbd5;border-radius:18px;padding:18px;box-shadow:0 22px 60px rgba(62,76,68,.2);transition:.22s;backdrop-filter:blur(14px)}.homeSharePanel.open{transform:translate(0,-50%) scale(1);opacity:1;pointer-events:auto}.homeSharePanel>small{display:block;font-size:9px;letter-spacing:.14em;font-weight:900;color:#6c8276;margin-bottom:5px}.homeSharePanel>b{display:block;color:#3d4e45;font-size:19px}.homeSharePanel p{color:#718078;font-size:12px;line-height:1.55;margin:7px 0 13px}.homeShareGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.homeShareGrid button{border:1px solid #d1dbd5;background:#fffdf8;color:#52665b;border-radius:10px;padding:9px 7px;font-size:11px;font-weight:750;cursor:pointer}.homeShareGrid button:hover{border-color:#91a79b;background:#e7eee9}.homeShareGrid button:last-child{grid-column:1/-1}

@media(max-width:780px){.observerTeaser,.observerInvite{align-items:flex-start;flex-direction:column}.observerTeaser .ghost,.observerInvite .ghost{width:100%}.contextChecks{grid-template-columns:1fr}.observerResultGrid{grid-template-columns:1fr}.homeShareDock{top:auto;bottom:82px;transform:none}.homeShareDock.is-hidden{transform:translateX(-28px)}.homeShareToggle{padding:10px 10px;border-radius:0 14px 14px 0}.homeShareToggle b{writing-mode:horizontal-tb;transform:none}.homeSharePanel{left:52px;top:auto;bottom:0;transform:translate(-14px,8px) scale(.98)}.homeSharePanel.open{transform:translate(0,0) scale(1)}.musicToggle{bottom:14px}.heroActions{align-items:stretch}.heroActions .primary,.heroActions .secondaryAction{width:100%}}
@media(max-width:480px){.observerResultHero{padding:26px 20px}.confidenceScore b{font-size:52px}.homeSharePanel{width:285px}.observerChoice{padding:13px 12px}}
@media print{.homeShareDock,.observerInvite{display:none!important}}

/* v1.5.0 — explicit back navigation, responsive home video, welcome media gate */
.shell{position:relative;z-index:2}.homeVideoBackdrop{position:fixed;inset:0;z-index:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .35s ease;background:#dfe7df}.home-screen .homeVideoBackdrop{opacity:1}.homeVideoBackdrop video{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;filter:saturate(.78) contrast(.92) brightness(.96);transform:scale(1.015)}.homeVideoOverlay{position:absolute;inset:0;background:linear-gradient(110deg,rgba(238,242,234,.82) 0%,rgba(245,239,233,.69) 48%,rgba(229,236,238,.76) 100%)}.home-screen .topbar{border-radius:18px;padding:10px 14px 18px;background:linear-gradient(180deg,rgba(249,247,241,.64),rgba(249,247,241,.18));backdrop-filter:blur(7px)}.home-screen #home .hero{margin-top:8px;padding-left:26px;padding-right:26px;border:1px solid rgba(255,255,255,.38);border-radius:26px;background:linear-gradient(115deg,rgba(250,248,242,.58),rgba(242,245,241,.24));box-shadow:0 20px 55px rgba(69,80,74,.10);backdrop-filter:blur(5px)}.home-screen #home .hero h1,.home-screen #home .hero p,.home-screen #home .trust{text-shadow:0 1px 14px rgba(255,255,255,.65)}
.screenBack{appearance:none;border:0;background:transparent;color:#61756b;font:inherit;font-size:13px;font-weight:850;cursor:pointer;padding:7px 0;margin:-9px 0 13px;display:inline-flex;align-items:center;gap:7px}.screenBack:hover{color:#3f564b;text-decoration:underline;text-underline-offset:4px}.screenBack:focus-visible{outline:3px solid rgba(114,139,126,.2);outline-offset:4px;border-radius:7px}
.welcomeGate{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:22px;background:rgba(63,75,69,.38);backdrop-filter:blur(13px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.welcomeGate.show{opacity:1;visibility:visible}.welcomeGate.closing{opacity:0;visibility:hidden}.welcomeCard{width:min(520px,100%);padding:34px 34px 30px;border:1px solid rgba(255,255,255,.68);border-radius:26px;background:linear-gradient(145deg,rgba(250,248,242,.97),rgba(232,239,234,.96));box-shadow:0 30px 90px rgba(52,65,58,.28);text-align:center;transform:translateY(12px) scale(.985);transition:transform .28s ease}.welcomeGate.show .welcomeCard{transform:translateY(0) scale(1)}.welcomeMark{width:64px;height:64px;margin:0 auto 17px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,#6f887b,#8399a8);color:#fff;font-weight:950;font-size:16px;letter-spacing:.05em;box-shadow:0 12px 28px rgba(86,105,95,.2)}.welcomeCard .eyebrow{margin-bottom:8px}.welcomeCard h2{font-size:clamp(27px,5vw,38px);line-height:1.1;margin:0 0 13px;color:#35443d}.welcomeCard p{color:#64766d;line-height:1.7;margin:0 auto 22px;max-width:430px}.welcomeCard .primary{min-width:190px}.welcomeCard>small{display:block;margin:13px auto 0;color:#87938d;font-size:10px;line-height:1.5;max-width:390px}.welcome-locked{overflow:hidden}.home-screen .musicToggle{z-index:1090}
@media(max-width:780px){.homeVideoBackdrop video{object-position:center center}.homeVideoOverlay{background:linear-gradient(180deg,rgba(238,242,234,.76),rgba(245,239,233,.67) 46%,rgba(229,236,238,.78))}.home-screen #home .hero{padding:32px 18px 24px;border-radius:22px}.home-screen .topbar{padding-left:10px;padding-right:10px}.welcomeCard{padding:29px 21px 25px}.screenBack{margin-top:-3px}}
@media(prefers-reduced-motion:reduce){.homeVideoBackdrop video{display:none}.welcomeGate,.welcomeCard{transition:none}}
@media print{.homeVideoBackdrop,.welcomeGate,.screenBack{display:none!important}}