
.rd{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:28px 24px 140px;min-height:calc(100vh - 140px);min-height:calc(100dvh - 140px)}
.rd .eyebrow{color:var(--a1)}
.rd-h:focus{outline:none}
.rd-h{font-size:clamp(32px,6vw,54px);line-height:1.08;margin:6px 0 14px;font-weight:600;letter-spacing:-.01em}
.rd .lede{margin:0 0 14px}
.rd-note{margin:0 0 6px;padding:12px 16px;border-left:3px solid var(--a1);background:color-mix(in srgb,var(--a1) 9%,transparent);border-radius:0 10px 10px 0;color:var(--mute);font-size:16px;line-height:1.55}
.rd-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;font:600 13px/1.2 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rd-link{background:none;border:0;color:var(--mute);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:8px 0;text-decoration:underline;text-underline-offset:3px}
.rd-link:hover{color:var(--a1)}
.rd-bar{height:6px;border-radius:99px;background:#ffffff18;overflow:hidden;margin:0 0 26px}
.rd-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--a2),var(--a1));border-radius:99px;transition:width .5s ease}
.rd-head{margin:0 0 26px}
.rd-qs{display:flex;flex-direction:column;gap:20px}
.rq{padding:22px 24px 24px;border-radius:16px;border:1px solid #ffffff1c;background:#ffffff08;transition:opacity .3s,border-color .3s,box-shadow .3s;animation:rqin .45s ease both}
.rq.done{opacity:.66}.rq.done:focus-within,.rq.done:hover{opacity:1}
.rq.active{border-color:color-mix(in srgb,var(--a1) 65%,transparent);background:#ffffff0d;box-shadow:0 0 44px color-mix(in srgb,var(--a1) 16%,transparent)}
@keyframes rqin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rq-t{font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--a1);margin:0 0 10px}
.rq-p{font-size:clamp(20px,2.6vw,25px);line-height:1.4;margin:0 0 14px;color:var(--cream)}
.rq-h{font-size:15px;color:var(--mute);margin:-6px 0 12px;font-style:italic}
.rq textarea,.rq input[type=text]{width:100%;font:inherit;font-size:20px;line-height:1.5;color:var(--cream);background:#0a0e1c99;border:1px solid #ffffff30;border-radius:12px;padding:14px 16px;resize:none;overflow:hidden}
.rq textarea{min-height:112px}
.rq textarea:focus,.rq input[type=text]:focus{outline:3px solid color-mix(in srgb,var(--a1) 70%,transparent);outline-offset:1px;border-color:var(--a1)}
.rq ::placeholder{color:#cdd3e480}
.rd-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:18px 0 0}
.rd-acts .btn{margin:0;cursor:pointer;font-family:inherit;background:transparent}
.rd-acts .btn.solid{background:linear-gradient(120deg,var(--a1),color-mix(in srgb,var(--a1) 70%,#fff))}
.rd-choice{display:flex;flex-wrap:wrap;gap:10px}
.rd-choice button{font:inherit;font-size:19px;padding:12px 26px;border-radius:999px;border:1px solid #ffffff40;background:#ffffff0a;color:var(--cream);cursor:pointer}
.rd-choice button[aria-checked=true]{background:var(--a1);color:#0a0e1c;border-color:transparent;font-weight:700}
.rd-react{margin:12px 0 0;color:var(--mute);font-style:italic;min-height:1.5em}
.rd-sent{font-size:clamp(19px,2.4vw,23px);line-height:2.1}
.rd-sent input{display:inline-block;width:min(100%,15em);font-size:inherit;padding:4px 12px;margin:0 4px;vertical-align:baseline;border-radius:10px}
.rd-breath{margin:6px 0 16px}
.rd-circle{width:96px;height:96px;border-radius:50%;margin:16px auto 6px;background:radial-gradient(circle,var(--a1),color-mix(in srgb,var(--a2) 55%,transparent));opacity:.85;animation:rdb 10s ease-in-out infinite}
@keyframes rdb{0%,100%{transform:scale(.7)}50%{transform:scale(1.25)}}
.rd-bl{text-align:center;color:var(--mute);font:600 14px system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;min-height:1.4em}
.rd-intro .rd-h{font-size:clamp(38px,7vw,68px)}
.rd-priv{margin:0 0 6px;color:var(--a1);font:600 15px/1.4 system-ui,sans-serif;letter-spacing:.03em}
.rd-intro .rd-acts{margin:10px 0 26px}
.rd-intro ul{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:10px;color:var(--mute)}
.rd-intro li{padding-left:26px;position:relative}.rd-intro li::before{content:"";position:absolute;left:4px;top:.7em;width:9px;height:9px;border-radius:50%;background:var(--a1)}
.rd-fine{font-size:15px;color:var(--mute);margin:22px 0 0;line-height:1.6}
.rd-done .rd-acts{margin:22px 0 8px}
.rd-status{min-height:1.5em;color:var(--a1);font:600 15px system-ui,sans-serif;margin:4px 0 14px}
.rd-sheet{margin:22px 0 0;padding:30px 30px 14px;border-radius:16px;border:1px solid #ffffff22;background:#ffffff0a}
.rd-sheet h2{font-size:clamp(26px,4vw,34px);margin:0 0 4px}
.rd-meta{color:var(--mute);font-size:15px;margin:0 0 22px}
.rd-ph{margin:0 0 26px}
.rd-ph h3{font:700 13px/1.3 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--a1);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #ffffff22}
.rd-entry{margin:0 0 18px}
.rd-q{margin:0 0 4px;color:var(--mute);font-size:16px;line-height:1.45}.rd-q b{color:var(--cream)}
.rd-ans{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:19px;line-height:1.55;color:var(--cream)}
.rd-copy{margin:20px 0 12px;padding-top:12px;border-top:1px solid #ffffff22;font-size:13px;color:var(--mute)}
.rd-empty{color:var(--mute);font-style:italic}
.rd-sheet.burning .rd-entry,.rd-sheet.burning h2,.rd-sheet.burning .rd-ph h3{animation:ash 2.4s ease-in forwards}
.rd-sheet.burning .rd-entry:nth-child(2n){animation-delay:.18s}.rd-sheet.burning .rd-entry:nth-child(3n){animation-delay:.34s}
.rd-sheet.burning{transition:background 2.4s,border-color 2.4s;background:#e8806f18;border-color:#e8806f66}
@keyframes ash{0%{opacity:1}35%{color:#ffb070;text-shadow:0 0 14px #ff8a3d;opacity:1}100%{color:#555;opacity:0;filter:blur(7px);transform:translateY(-26px) scale(.98)}}
#rd-sound{position:fixed;left:16px;bottom:16px;z-index:30;font:600 14px system-ui,sans-serif;letter-spacing:.04em;padding:11px 18px;border-radius:999px;border:1px solid #ffffff45;background:#0a0e1ce6;color:var(--cream);cursor:pointer;backdrop-filter:blur(8px)}
#rd-sound:hover,#rd-sound[aria-pressed=true]{border-color:var(--a1);color:var(--a1)}
.rd-mandala{position:fixed;left:50%;top:54%;width:min(125vw,900px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:0;pointer-events:none;opacity:0;transition:opacity 1.6s ease}
body.rd-calm .rd-mandala{opacity:.14}
footer.note{position:relative;z-index:1}
.rd-mandala svg{width:100%;height:100%;filter:saturate(.8)}
#rd-help{position:fixed;right:16px;bottom:16px;z-index:30;font:600 14px system-ui,sans-serif;letter-spacing:.04em;padding:11px 18px;border-radius:999px;border:1px solid #ffffff45;background:#0a0e1ce6;color:var(--cream);cursor:pointer;backdrop-filter:blur(8px)}
#rd-help:hover{border-color:var(--gold);color:var(--gold)}
dialog.rd-dlg{max-width:520px;width:calc(100% - 32px);border:1px solid #ffffff40;border-radius:18px;background:#10162c;color:var(--cream);padding:26px 26px 22px;font:inherit}
dialog.rd-dlg::backdrop{background:#000a}
.rd-dlg h2{font-size:28px;margin:0 0 10px}.rd-dlg p{margin:0 0 12px;color:var(--mute);font-size:17px}
.rd-dlg ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.rd-dlg li{padding:12px 14px;border:1px solid #ffffff20;border-radius:12px;font-size:17px;line-height:1.45}
.rd-dlg li a{font-weight:700}
.rd-dlg .btn{margin:6px 0 0;background:transparent;cursor:pointer;font-family:inherit}
@media(max-width:560px){.rd-xl{display:none}#rd-sound{left:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:8px 13px;font-size:13px}#rd-help{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:8px 13px;font-size:13px}.rq{padding:18px 16px 20px}.rd{padding:20px 16px 130px}.rd-sheet{padding:22px 16px 8px}.rd-sent input{width:100%;margin:4px 0}}
@media(max-width:560px){.rd-intro .rd-h{font-size:clamp(32px,10vw,44px);margin-bottom:10px}.rd-intro .lede{font-size:17px;line-height:1.55;margin-bottom:10px}.rd{padding-top:14px}}
@media(max-width:560px){.rd-done .rd-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;margin:20px 0 8px}
.rd-done .rd-acts .btn{width:100%;margin:0;padding:13px 10px;text-align:center;font-size:16px;letter-spacing:.04em}
.rd-done .rd-acts .btn:first-child,.rd-done .rd-acts .btn:last-child{grid-column:1/-1}.rd-done .rd-status{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.rd-mandala *{animation:none!important}.rq,.rd-circle,.rd-sheet.burning *{animation:none!important}.rd-bar i{transition:none}}
@page{margin:18mm}
@media print{
 html body{display:block!important}
 html,body{background:#fff!important;color:#000!important}body{font-size:12pt}
 body::before,header.top,footer.note,#rd-help,#rd-sound,.rd-mandala,dialog,.draftbar,.rd-top,.rd-bar,.rd-acts,.rd-status,.rd-fine,.rd-donehead,.rd-clear,noscript,.crumbs,#main{display:none!important}
 .rd{padding:0;min-height:0;max-width:none}
 .rd-sheet{border:0;background:none;padding:0;margin:0}
 .rd-sheet h2,.rd-ans,.rd-q b,.rd-ph h3,.rd-q,.rd-meta,.rd-copy{color:#000!important}
 .rd-ph h3{border-bottom:1px solid #000}
 .rd-ph{break-after:page;page-break-after:always}.rd-ph:last-child{break-after:auto;page-break-after:auto}
 .rd-entry{break-inside:avoid}
}
