.practice{background:var(--theme-canvas);min-height:100svh;padding:48px 24px}.practice-card,.practice-share{border:1px solid var(--theme-line-soft);border-radius:var(--radius-panel);background:var(--theme-surface);width:min(100%,640px);color:var(--theme-text)}.practice-card{margin:0 auto;overflow:clip}.practice-head{border-bottom:1px solid var(--theme-line-soft);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 32px;display:flex}.practice-head>span{font:700 13px/1.5 var(--font-mono);text-transform:uppercase;overflow-wrap:anywhere}.practice-accent{color:var(--theme-cyan)}.practice-body{text-align:center;padding:32px}.practice-body h1,.practice-body h2{text-align:center;letter-spacing:-.025em;font:700 36px/1.1 var(--font-heading);text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 24px}.practice-body h1:focus{outline:none}.practice-eyebrow{color:var(--theme-muted);text-align:center;font:400 12px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;display:block}.practice-eyebrow--result{font-size:14px}.practice-copy{color:var(--theme-muted);text-align:center;margin:0 0 24px;font-size:16px;line-height:1.6}.practice-field{border:1px solid var(--theme-line-soft);border-radius:var(--radius-field);background:var(--theme-field);min-width:0;margin:0 0 24px;padding:20px}.practice-field-head{text-align:left;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.practice-field-head label,.practice-stats dt,.practice-xp dt{color:var(--theme-text);font:400 12px/1.5 var(--font-mono);text-transform:uppercase}.practice-field-head output{font:700 14px/1.5 var(--font-mono);color:var(--slider-color,var(--theme-cyan));flex-shrink:0}.practice-field input[type=range]{width:100%;height:44px;accent-color:var(--slider-color,var(--theme-cyan));cursor:pointer;margin:8px 0;display:block}.practice-scale{color:var(--theme-muted);font:400 10px/1.5 var(--font-mono);text-transform:uppercase;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.practice-scale>span{flex:1;min-width:0}.practice-scale>span:first-child{text-align:left}.practice-scale>span:nth-child(2){text-align:center}.practice-scale>span:last-child{text-align:right}.practice-estimate{text-align:center}.practice-estimate .practice-eyebrow{margin-bottom:12px}.practice-estimate strong{color:var(--theme-cyan);font:700 32px/1.2 var(--font-heading)}.practice-actions{gap:12px;display:flex}.practice-actions>*{flex:1;min-width:0}.practice-action{--button-padding:14px 16px;--button-font-size:14px}.practice-hint{color:var(--theme-muted);text-align:center;margin:16px 0 0;font-size:12px;line-height:1.5}.practice-gauge{text-align:center}.practice-gauge svg{width:100%;max-width:440px;margin:0 auto;display:block;overflow:visible}.practice-gauge p{color:var(--theme-muted);margin-bottom:0;line-height:1.5}.practice-gauge p:last-child{margin-bottom:0}.practice-gauge-negative{stop-color:var(--gauge-negative)}.practice-gauge-middle{stop-color:var(--gauge-middle)}.practice-gauge-positive{stop-color:var(--gauge-positive)}.practice-gauge-end{stop-color:var(--gauge-end)}.practice-gauge-tick{fill:var(--theme-muted);font:400 11px var(--font-mono)}.practice-gauge-needle{fill:var(--theme-text)}.practice-gauge-center{fill:var(--theme-green)}.practice-gauge-value{fill:var(--theme-text);font:700 40px var(--font-heading)}.practice [data-tone=positive]{color:var(--theme-green);fill:var(--theme-green)}.practice [data-tone=negative]{color:var(--phase-hold-empty);fill:var(--phase-hold-empty)}.practice-share-open{width:100%}.practice-stats{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.practice-stats .practice-field{margin:0;padding:16px}.practice-stats dt,.practice-xp dt{color:var(--theme-muted);font-size:11px}.practice-stats dd,.practice-xp dd{font:700 32px/1.2 var(--font-heading);overflow-wrap:anywhere;margin:4px 0 0}.practice-stat-rhythm{grid-column:1/-1}.practice-xp{text-align:center;padding:16px;overflow:clip}.practice-xp dl{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.practice-xp dl>div+div{border-left:1px solid var(--theme-line-soft)}.practice-xp p{border-top:1px solid var(--theme-line-soft);color:var(--theme-green);font:400 11px/1.5 var(--font-mono);text-transform:uppercase;justify-content:space-between;gap:12px;margin:16px 0 0;padding-top:16px;display:flex}.practice-share{width:min(600px,100% - 32px);max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);padding:0;overflow-y:auto}.practice-share::backdrop{background:color-mix(in srgb, var(--theme-canvas) 85%, transparent)}.practice-share .practice-head>span{text-align:left;color:var(--theme-text)}.practice-brand-slash{color:var(--theme-green)}.practice-share .practice-eyebrow{font-weight:700}.practice-share-preview{border:1px solid var(--theme-line-soft);border-radius:var(--radius-field);background:var(--theme-canvas);justify-content:center;align-items:center;min-height:180px;padding:12px;display:flex}.practice-share-preview img{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:min(48dvh,460px);display:block}.practice-formats{border:1px solid var(--theme-line-soft);border-radius:var(--radius-field);background:var(--theme-canvas);gap:4px;width:fit-content;margin:12px auto;padding:4px;display:flex}.practice-formats button{min-height:44px;color:var(--theme-text);font:700 12px/1.5 var(--font-mono);text-transform:uppercase;background:0 0;border:0;border-radius:7px;padding:12px 20px}.practice-formats button[aria-pressed=true]{background:var(--theme-cyan);color:var(--theme-canvas)}.practice-share .practice-share-open{margin-bottom:0}@media (width<=767px){.practice{padding:24px 16px}.practice-head{min-height:64px;padding:12px 20px}.practice-body{padding:24px 20px}.practice-body h1,.practice-body h2{margin-bottom:24px;font-size:30px}.practice-field{padding:16px}.practice-actions{flex-wrap:wrap}.practice-actions>*{flex:160px}}