:root{--dc-accent:var(--video-tint);--dc-accent-rgb:var(--video-r),var(--video-g),var(--video-b);--dc-coin-size:140px;--dc-coin-size-mobile:120px}.dc-page{min-height:100dvh;padding:24px 0 48px;position:relative}.dc-container{max-width:480px;margin:0 auto;padding:0 20px}.dc-header{text-align:center;margin-bottom:40px;padding-top:16px}.dc-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.dc-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--dc-accent)}.dc-header h1{font-family:var(--font-serif);font-size:clamp(36px,8vw,48px);font-weight:400;letter-spacing:-.03em;line-height:1.05;color:var(--ink);margin:0 0 12px}.dc-header h1 em{font-style:italic;color:var(--dc-accent)}.dc-lede{font-family:var(--font-serif);font-size:17px;line-height:1.55;color:var(--ink-2);margin:0;max-width:320px;margin-inline:auto}.dc-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:32px 24px;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:var(--glass-shadow)}@media (min-width:480px){.dc-card{padding:40px 36px}}.dc-step-input{animation:dc-fade-in .5s ease-out}.dc-question{font-family:var(--font-serif);font-size:20px;font-weight:400;color:var(--ink);margin:0 0 28px;text-align:center;line-height:1.4}.dc-inputs{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.dc-field{position:relative}.dc-field label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.dc-field input{width:100%;height:52px;padding:0 16px;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;font-family:var(--font-serif);font-size:17px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.dc-field input::placeholder{color:var(--ink-3);opacity:.6}.dc-field input:focus{border-color:var(--dc-accent);box-shadow:0 0 0 4px rgba(var(--dc-accent-rgb),.12)}.dc-field input:disabled{opacity:.6;cursor:not-allowed}.dc-field .dc-char-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;color:var(--ink-3);pointer-events:none}.dc-error{font-family:var(--font-mono);font-size:12px;color:#c9372d;margin-top:8px;text-align:center}.dc-empty-state{text-align:center;margin-top:40px;padding:0 20px;animation:dc-fade-in .8s ease-out .3s both}.dc-empty-state p{font-family:var(--font-serif);font-size:15px;line-height:1.6;color:var(--ink-3);font-style:italic;max-width:280px;margin:0 auto}.dc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;padding:0 28px;border-radius:16px;font-family:var(--font-sans);font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;border:none;outline:none}.dc-btn:disabled{opacity:.5;cursor:not-allowed}.dc-btn-primary{background:linear-gradient(180deg,rgba(var(--dc-accent-rgb),.92),var(--dc-accent));color:#fff;box-shadow:0 1px 0 hsla(0,0%,100%,.4) inset,0 10px 26px -10px rgba(var(--dc-accent-rgb),.5)}.dc-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 1px 0 hsla(0,0%,100%,.4) inset,0 14px 30px -10px rgba(var(--dc-accent-rgb),.55)}.dc-btn-primary:active:not(:disabled){transform:translateY(0)}.dc-btn-secondary{background:var(--glass-bg-strong);border:1px solid var(--line);color:var(--ink-2)}.dc-btn-secondary:hover:not(:disabled){background:var(--glass-inner-light);transform:translateY(-1px)}.dc-coin-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;animation:dc-fade-in .4s ease-out}.dc-coin{width:var(--dc-coin-size-mobile);height:var(--dc-coin-size-mobile);border-radius:50%;position:relative;transform-style:preserve-3d;perspective:1000px}@media (min-width:480px){.dc-coin{width:var(--dc-coin-size);height:var(--dc-coin-size)}}.dc-coin-flipping{animation:dc-coin-flip 1.8s ease-in-out forwards}.dc-coin-back,.dc-coin-face{position:absolute;inset:0;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f5f5f0,#e8e8e0 50%,#d0d0c8);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.8),inset 0 -2px 4px rgba(0,0,0,.1),0 8px 24px rgba(0,0,0,.15);border:2px solid hsla(0,0%,100%,.5)}.dc-coin-face{transform:rotateY(0deg)}.dc-coin-back{transform:rotateY(180deg)}.dc-coin-inner{width:85%;height:85%;border-radius:50%;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center}.dc-coin-initial{font-family:var(--font-serif);font-size:42px;font-weight:400;color:rgba(var(--dc-accent-rgb),.6);letter-spacing:-.02em}@media (min-width:480px){.dc-coin-initial{font-size:52px}}@keyframes dc-coin-flip{0%{transform:rotateY(0deg) rotateX(0deg)}25%{transform:rotateY(450deg) rotateX(5deg)}50%{transform:rotateY(900deg) rotateX(-3deg)}75%{transform:rotateY(1260deg) rotateX(2deg)}to{transform:rotateY(1620deg) rotateX(0deg)}}.dc-flipping-text{margin-top:32px;font-family:var(--font-serif);font-size:16px;color:var(--ink-2);font-style:italic;opacity:.8;animation:dc-pulse 2s ease-in-out infinite}@keyframes dc-pulse{0%,to{opacity:.6}50%{opacity:1}}.dc-result{text-align:center;animation:dc-fade-in .6s ease-out}.dc-result-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}.dc-result-value{font-family:var(--font-serif);font-size:clamp(28px,6vw,36px);font-weight:400;color:var(--ink);line-height:1.2;margin-bottom:8px;word-break:break-word}.dc-result-hint{font-family:var(--font-serif);font-size:14px;color:var(--ink-3);font-style:italic;opacity:0;animation:dc-fade-in .8s ease-out .6s forwards}.dc-reflection{text-align:center;animation:dc-fade-in .6s ease-out}.dc-reflection-question{font-family:var(--font-serif);font-size:20px;font-weight:400;color:var(--ink);line-height:1.4;margin:0 0 28px}.dc-reflection-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}@media (min-width:400px){.dc-reflection-options{flex-direction:row;justify-content:center;flex-wrap:wrap}}.dc-reflection-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 32px;border-radius:14px;font-family:var(--font-sans);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--line);background:var(--glass-bg-strong);color:var(--ink-2);flex:1 1;min-width:120px}.dc-reflection-btn:hover{background:var(--glass-inner-light);border-color:var(--dc-accent);color:var(--ink);transform:translateY(-1px)}.dc-response{text-align:center;animation:dc-fade-in .6s ease-out}.dc-response-text{font-family:var(--font-serif);font-size:22px;line-height:1.5;color:var(--ink);margin:0 0 16px}.dc-response-subtext{font-family:var(--font-serif);font-size:16px;line-height:1.6;color:var(--ink-2);font-style:italic;margin:0 0 32px}.dc-actions{display:flex;flex-direction:column;gap:12px}@media (min-width:400px){.dc-actions{flex-direction:row;justify-content:center}}.dc-share-link{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);text-align:center;margin-top:16px}.dc-share-link button{background:none;border:none;color:var(--dc-accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;font-family:inherit;font-size:inherit}.dc-share-link button:hover{opacity:.8}.dc-divider{display:flex;align-items:center;gap:16px;margin:32px 0;color:var(--ink-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.dc-divider:after,.dc-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.dc-or{text-align:center;margin:16px 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.dc-footer{text-align:center;margin-top:48px;padding:0 20px}.dc-footer p{font-family:var(--font-serif);font-size:14px;line-height:1.6;color:var(--ink-3);font-style:italic;max-width:320px;margin:0 auto 12px}.dc-footer .dc-quote{font-size:13px;opacity:.8}@keyframes dc-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dc-coin-flipping,.dc-flipping-text{animation:none}.dc-coin-container,.dc-empty-state,.dc-reflection,.dc-response,.dc-result,.dc-step-input{animation:dc-fade-in .2s ease-out}.dc-result-hint{animation:dc-fade-in .3s ease-out .2s forwards}}html[data-theme=dark] .dc-coin-back,html[data-theme=dark] .dc-coin-face{background:linear-gradient(145deg,#3a3a35,#2a2a25 50%,#1a1a15);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.1),inset 0 -2px 4px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.1)}html[data-theme=dark] .dc-coin-initial{color:rgba(var(--dc-accent-rgb),.8)}