.etude-page{max-width:38rem;margin:0 auto;padding:0}.etude-head{margin-bottom:2rem}.etude-kicker{font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 .6rem}.etude-title{font-family:var(--serif-display);font-size:2.25rem;line-height:1.15;margin:0 0 .5rem;letter-spacing:-.01em}.etude-relief{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:1.05rem;margin:0 0 1rem;line-height:1.45}.etude-nav{font-family:var(--sans);font-size:.85rem;color:var(--muted)}.etude-nav a{color:var(--muted);text-decoration:none}.etude-nav a:hover{color:var(--accent)}.etude-nav-sep{margin:0 .5rem;opacity:.5}.etude-intro{margin:0 0 1.5rem}.etude-intro p{margin:0 0 .85rem;line-height:1.6}.breath-stage{display:flex;justify-content:center;align-items:center;height:22rem;margin:2.5rem 0 2rem;background:var(--bg-soft);border-radius:12px;overflow:hidden;position:relative}.breath-circle{width:7.5rem;height:7.5rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b8d8d4f2,#6fa8a4d9 70%,#4d8a86e6);box-shadow:0 0 60px #6fa8a447,inset 0 0 30px #ffffff2e;display:flex;align-items:center;justify-content:center;transform:scale(1);transition:transform 1.2s cubic-bezier(.4,0,.2,1);will-change:transform}.breath-circle.inhale{transform:scale(2)}.breath-circle.exhale{transform:scale(1)}.breath-cue{color:#fffffff2;font-family:var(--serif);font-style:italic;font-size:1.05rem;letter-spacing:.04em;font-weight:300;text-shadow:0 1px 3px rgba(0,0,0,.18);user-select:none;pointer-events:none}.etude-card{background:var(--bg-soft);border-radius:12px;padding:1.25rem 1.5rem}.breath-meta-card{margin:0 0 1.5rem;font-variant-numeric:tabular-nums}.meta-row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--sans);font-size:.9rem;color:var(--muted);margin:.3rem 0}.meta-label{font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;font-weight:600}.meta-val{color:var(--text);font-weight:500}.progress{width:100%;height:3px;background:var(--line);border-radius:2px;margin-top:.85rem;overflow:hidden}.progress-fill{height:100%;width:0%;background:var(--accent);transition:width .24s cubic-bezier(.4,0,.2,1)}.controls{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:0 0 1.5rem}.etude-next{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:.9rem;font-weight:600;letter-spacing:.01em;padding:.65rem 1.4rem;min-height:2.75rem;border:none;background:var(--text);color:var(--bg);border-radius:6px;cursor:pointer;transition:background .24s ease,transform .18s ease,opacity .24s ease}.etude-next:hover:not(:disabled){background:var(--accent)}.etude-next:active:not(:disabled){transform:scale(.97)}.etude-next:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.etude-next:disabled{opacity:.45;cursor:default}.etude-quiet{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:.9rem;font-weight:500;letter-spacing:.01em;padding:.6rem 1.1rem;min-height:2.75rem;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:color .24s ease,border-color .24s ease,background .24s ease,transform .18s ease}.etude-quiet:hover:not(:disabled){color:var(--text);border-color:var(--text)}.etude-quiet:active:not(:disabled){transform:scale(.97)}.etude-quiet:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.etude-quiet:disabled{opacity:.45;cursor:default}.etude-quiet-ghost{border-style:dashed;font-size:.85rem}.result{margin:0 0 1rem;min-height:1rem}.result:not(:empty){background:var(--bg-soft);border-radius:12px;padding:1.25rem 1.5rem;border-left:3px solid var(--accent)}.result-headline{font-family:var(--serif-display);font-size:1.25rem;margin:0 0 .45rem;color:var(--text);letter-spacing:-.005em}.result-body{margin:0;color:var(--text);line-height:1.6}.etude-coda{margin:2.5rem 0 0;padding-top:1.25rem;border-top:1px solid var(--line)}.etude-coda p{color:var(--muted);font-style:italic;line-height:1.6;margin:0}@media(max-width:32rem){.etude-title{font-size:1.85rem}.breath-stage{height:18rem;margin:2rem 0 1.5rem;border-radius:10px}.breath-circle{width:6rem;height:6rem}.etude-card{padding:1.1rem 1.15rem;border-radius:10px}.controls{gap:.5rem}.etude-next{padding:.6rem 1.2rem}.etude-quiet{padding:.55rem 1rem}.result:not(:empty){padding:1.1rem 1.15rem;border-radius:10px}}@media(prefers-reduced-motion:reduce){.breath-circle{transition:transform .2s linear!important}.progress-fill{transition:width .1s linear}}