.workshop-modal:has(.share-preview){max-height:calc(100svh - 32px);overflow:auto;width:min(430px,calc(100% - 32px));padding:20px}.share-intro{margin:-8px 0 18px;font-size:12px}.share-preview{width:100%;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,var(--surface-base),#fff);border:1px solid rgb(0 0 0/.06)}.share-preview img{width:100%;height:100%;object-fit:contain;display:block}.share-preview>p{display:grid;place-items:center;height:100%;font-size:13px;text-align:center;padding:24px;color:var(--text-secondary)}.share-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;margin-top:20px}.share-actions .primary-action{min-width:170px;padding-inline:20px;font-size:13px}.share-actions .quiet-action{font-size:12px}.share-status:not(:empty){margin-top:12px;font-size:12px}:is(.screen-result,.screen-reveal,.result-lab)>header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:24px var(--page-pad)}:is(.screen-result,.screen-reveal,.result-lab)>header>:first-child{font-size:16px;font-weight:800;letter-spacing:-.04em;background:none;border:0;cursor:pointer}:is(.screen-result,.screen-reveal,.result-lab)>header nav{font-size:11px;letter-spacing:.08em;font-weight:550;color:var(--text-secondary)}:is(.screen-result,.screen-reveal,.result-lab) .ambient-wordmark{top:calc(100px - var(--wm-pad));font-size:clamp(240px,68vw,800px);translate:-50% 0}.screen-reveal .atmosphere{animation:result-atmosphere .7s var(--ease-out) both}@keyframes result-atmosphere{0%{opacity:0}to{opacity:1}}.gel-result{padding-bottom:56px}.result-hero{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 var(--page-pad)}.gel-stage{width:min(100vw,580px);margin-top:-64px}.gel-stage-object{position:relative;width:100%;aspect-ratio:10/11}.gel-stage-canvas{position:relative;display:block;width:100%;height:100%;touch-action:manipulation;transition:opacity .45s var(--ease-out)}.gel-stage[data-ready=false] .gel-stage-canvas{opacity:0}.gel-contact-shadow{position:absolute;left:50%;top:90%;width:35%;height:4%;border-radius:50%;background:radial-gradient(ellipse,var(--ambient-ink),transparent 68%);pointer-events:none;opacity:0}.gel-stage[data-failed=true] .gel-contact-shadow,.gel-stage[data-ready=false] .gel-contact-shadow{visibility:hidden}.gel-stage-caption{min-height:40px;display:flex;align-items:center;justify-content:center;margin-top:-8px;position:relative}.gel-stage-caption p{margin:0;font-size:12px;letter-spacing:.025em}.reveal-skip{border:0;background:none;padding:12px;font-size:12px;color:var(--text-secondary);cursor:pointer}.result-dock-wrap{margin-top:18px;transition:opacity .4s var(--ease-out),translate .4s var(--ease-out)}.result-dock{display:flex;align-items:center;padding:5px;min-height:58px}.result-dock button{border:0;background:none;border-radius:var(--radius-pill);cursor:pointer;min-height:46px;display:flex;align-items:center;justify-content:center;transition:background var(--motion-fast),scale var(--motion-fast)}.result-dock button:active{scale:.975;background:rgb(255 255 255/.55)}.result-dock button:hover{background:rgb(255 255 255/.3)}.dock-retry{width:52px}.dock-divider{height:20px;width:1px;background:color-mix(in srgb,var(--text-primary) 12%,transparent)}.dock-share{gap:25px;padding:0 21px;font-size:14px;font-weight:600}.result-share-link{display:grid;gap:8px;width:min(100%,390px);margin-top:24px}.result-share-link input{width:100%;padding:12px;border:1px solid var(--text-secondary);border-radius:12px;background:var(--surface-tint);font-size:13px}.result-reading{max-width:calc(480px + 2 * var(--page-pad));margin:76px auto 0;padding-inline:var(--page-pad);transition:opacity .5s var(--ease-out),translate .5s var(--ease-out)}.result-heading{text-align:center}.result-heading h1{margin:16px 0 22px}.result-type-label{font-size:11px;font-weight:500;letter-spacing:.06em}.result-heading h1{font-size:clamp(30px,7.8vw,44px);font-weight:750}.result-headline{max-width:390px;margin:0 auto;color:var(--text-secondary)}.result-traits{margin-top:48px}.composition-sheet.glass-regular{border-radius:var(--radius-md);padding:26px 24px 20px}.composition-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.composition-kicker{font-size:9px;letter-spacing:.15em;font-weight:600;color:var(--text-secondary)}.composition-heading h2{margin-top:7px;font-size:23px;letter-spacing:-.045em;font-weight:650}.composition-count{display:grid;justify-items:center;min-width:42px;font-size:25px;line-height:1.1;font-weight:450;font-variant-numeric:tabular-nums;color:var(--accent-ink)}.composition-count span{margin-top:5px;font-size:8px;letter-spacing:.14em;font-weight:600}.composition-intro{margin:16px 0 22px;font-size:12px;color:var(--text-secondary);line-height:1.65}.composition-table{width:100%;border-collapse:collapse;table-layout:fixed}.composition-table thead{border-top:1px solid var(--text-secondary);border-bottom:1px solid color-mix(in srgb,var(--text-primary) 18%,transparent)}.composition-table thead th{padding:10px 0;font-size:10px;font-weight:500;color:var(--text-secondary);text-align:left}.composition-table thead th:last-child{width:80px;text-align:right}.composition-table tbody tr{border-bottom:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent)}.composition-table tbody th{padding:16px 14px 16px 0;text-align:left;font-weight:400}.composition-table td{padding-block:16px;text-align:right;vertical-align:top}.ingredient-title{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;line-height:1.4}.ingredient-index{font-size:9px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--accent-ink)}.ingredient-english{display:block;margin-top:3px;font-size:8px;letter-spacing:.09em;color:var(--text-secondary)}.ingredient-description{margin-top:8px;font-size:12px;line-height:1.6;color:var(--text-secondary);text-wrap:pretty}.ingredient-score{display:block;font-size:26px;line-height:1.2;font-weight:450;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.ingredient-score small{margin-left:3px;font-size:10px;font-weight:400;letter-spacing:0;color:var(--text-secondary)}.ingredient-reading{display:block;margin-top:8px;font-size:10px}.composition-table tr[data-uncertain=true] .ingredient-score,.ingredient-reading{color:var(--text-secondary)}.composition-base{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;font-size:11px;border-bottom:1px solid var(--text-secondary)}.composition-base>span{color:var(--text-secondary)}.composition-base strong{font-weight:550}.composition-note{margin-top:16px;font-size:11px;line-height:1.7;color:var(--text-secondary)}.composition-method{margin-top:8px}.composition-method summary{cursor:pointer;padding-block:8px;font-size:11px;font-weight:550;color:var(--accent-ink)}.composition-method p{margin-top:10px;font-size:12px;line-height:1.7;color:var(--text-secondary)}@media (max-width:359px){.composition-sheet.glass-regular{padding-inline:16px}.composition-table thead th:last-child{width:68px}.ingredient-score{font-size:23px}}.legacy-traits{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:0;list-style:none}.result-interpretation{margin-top:44px;padding-top:32px;border-top:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent)}.result-interpretation p{margin-top:16px;color:var(--text-secondary)}.result-end{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:48px}.result-share-text{display:inline-flex;align-items:center;gap:16px;min-height:44px;border:0;background:none;font-size:14px;font-weight:600;cursor:pointer}.result-end a:hover{text-decoration:underline;text-underline-offset:4px}.gel-result[data-phase="0"] .result-dock-wrap{opacity:0;translate:0 8px}.gel-result:is([data-phase="0"],[data-phase="1"]) .result-reading{opacity:0;translate:0 10px}:is(.screen-result,.screen-reveal)>footer{display:flex;justify-content:center;padding:0 var(--page-pad) 40px}.screen-result>footer button{background:none;border:0;font-size:11px;letter-spacing:.1em;min-height:44px;color:var(--text-secondary);cursor:pointer}.result-toast:not(:empty){position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;translate:-50% 0;z-index:5;width:max-content;max-width:calc(100% - 40px);padding:12px 20px;border-radius:18px;background:var(--text-primary);color:var(--surface-base);font-size:14px;box-shadow:0 6px 24px rgb(0 0 0/.1)}.gel-fallback{flex-direction:column;align-items:center;gap:24px;padding-top:20%;text-align:center;font-size:13px;color:var(--text-secondary)}.gel-fallback,.gel-fallback-colors{display:flex;justify-content:center}.gel-fallback-colors{gap:8px}.gel-fallback-colors i{width:48px;height:48px;border-radius:50%}.workshop-modal{margin:auto;width:min(440px,calc(100% - 40px));padding:24px;border:1px solid #ddd;border-radius:24px;background:var(--surface-base);color:var(--text-primary)}.workshop-modal::backdrop{background:rgb(25 25 30/.2)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-heading h2{font-weight:650}.workshop-modal button{min-height:44px;padding:10px;cursor:pointer}@media (min-width:700px){.gel-stage{margin-top:-100px}.result-reading{margin-top:88px}.result-heading h1{font-size:52px}}@media (prefers-reduced-motion:reduce){.screen-reveal .atmosphere{animation:none}.gel-stage-canvas,.result-dock button,.result-dock-wrap,.result-reading{transition:none}.result-dock button:active{scale:1}}@media (forced-colors:active){.composition-base,.composition-table :is(thead,tr){border-color:CanvasText}}