.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}.etude-stage{min-height:22rem}.etude-card{background:var(--bg-soft);border-radius:12px;padding:1.5rem 1.5rem 1.25rem}.etude-step{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}.chart-step{margin-top:1.6rem}.controls{margin:0 0 1.1rem}#size{appearance:none;-webkit-appearance:none;width:100%;background:transparent;cursor:pointer;margin:.4rem 0 .2rem;padding:.5rem 0;transition:filter .2s ease}#size:focus{outline:none}#size::-webkit-slider-runnable-track{height:5px;background:var(--line);border-radius:6px;transition:background .22s ease}#size[data-tier=amber]::-webkit-slider-runnable-track{background:#c98a1a59}#size[data-tier=red]::-webkit-slider-runnable-track{background:#b5382659}#size::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--bg);border:1px solid var(--line);box-shadow:0 1px 3px #2b25202e,0 0 #8a342000;margin-top:-10px;cursor:grab;transition:box-shadow .2s ease,transform .12s ease,border-color .2s ease}#size:hover::-webkit-slider-thumb{border-color:var(--accent)}#size:focus-visible::-webkit-slider-thumb{box-shadow:0 1px 3px #2b25202e,0 0 0 4px #8a34202e;border-color:var(--accent)}#size:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.04)}#size::-moz-range-track{height:5px;background:var(--line);border-radius:6px;transition:background .22s ease}#size[data-tier=amber]::-moz-range-track{background:#c98a1a59}#size[data-tier=red]::-moz-range-track{background:#b5382659}#size::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--bg);border:1px solid var(--line);box-shadow:0 1px 3px #2b25202e;cursor:grab;transition:box-shadow .2s ease,transform .12s ease,border-color .2s ease}#size:hover::-moz-range-thumb{border-color:var(--accent)}#size:focus-visible::-moz-range-thumb{box-shadow:0 1px 3px #2b25202e,0 0 0 4px #8a34202e;border-color:var(--accent)}#size:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.04)}.readout{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;color:var(--text);margin:.5rem 0 .9rem;letter-spacing:.01em;transition:color .22s ease}.readout[data-tier=amber]{color:#8a6a2a}.readout[data-tier=red]{color:var(--accent)}.presets{display:flex;gap:.5rem;flex-wrap:wrap}.preset{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:.82rem;font-weight:500;padding:.4rem .85rem;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:6px;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .12s ease}.preset:hover{border-color:var(--accent);color:var(--accent)}.preset:active{transform:scale(.97)}.preset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.window-wrap{margin:.2rem 0 1.25rem}.window-bar{height:6px;background:var(--line);border-radius:6px;overflow:hidden}.window-fill{height:100%;width:16%;background:var(--text);transition:width .28s cubic-bezier(.2,.8,.2,1),background-color .24s ease;border-radius:6px}.window-fill[data-tier=amber]{background:#c98a1a}.window-fill[data-tier=red]{background:var(--accent)}.window-warn{margin-top:.55rem;font-family:var(--sans);font-size:.82rem;color:var(--muted);min-height:1.1rem;letter-spacing:.01em}.warn-icon{color:var(--accent);font-weight:700;margin-right:.3rem}.warn-icon.warn-amber{color:#c98a1a}.chat{margin:.4rem 0 .5rem;padding:.95rem 1.05rem;background:var(--bg);border:1px solid var(--line);border-radius:10px;line-height:1.55;font-size:.95rem;transition:border-color .24s ease}.msg{margin:.45rem 0}.msg-user{color:var(--muted)}.msg-user .paste{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;background:var(--bg-soft);border:1px solid var(--line);padding:.05rem .4rem;border-radius:4px;color:var(--text)}.msg-bot{color:var(--text);transition:opacity .24s ease,color .24s ease}.msg-bot[data-tier=amber]{color:#8a6a2a}.msg-bot[data-tier=red]{color:var(--accent);opacity:.92}.chart{margin:.2rem 0 0;padding:.4rem .2rem;background:var(--bg);border:1px solid var(--line);border-radius:8px}.chart svg{width:100%;height:auto;display:block;color:var(--text)}.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 0 .85rem}.etude-coda p:last-child{margin-bottom:0}.etude-coda .fineprint{font-style:normal;font-size:.85rem;line-height:1.55}@media(max-width:32rem){.etude-title{font-size:1.85rem}.etude-card{padding:1.15rem 1.1rem 1rem;border-radius:10px}.preset{font-size:.78rem;padding:.35rem .7rem}.readout{font-size:.8rem}.chat{padding:.85rem .9rem;font-size:.9rem}}