body:has(.release){background:#08070a;overflow:hidden}.release{color:var(--text);place-items:center;display:grid;position:fixed;inset:56px 0 0;overflow:hidden}.release-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.release-count{text-align:center;pointer-events:none;z-index:2;text-shadow:0 2px 12px #000;gap:2px;display:grid;position:absolute;top:14px;left:0;right:0}.release-count b{font-family:var(--display);color:var(--paper);font-size:19px;font-weight:500}.release-count small{color:var(--muted);font-size:12.5px}.release-hint{z-index:3;border:1px solid var(--line-2);white-space:nowrap;pointer-events:none;background:#0000008c;border-radius:99px;padding:10px 18px;font-size:15px;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.release-panel{z-index:2;text-align:center;border-radius:var(--radius-lg);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0c10b8;justify-items:center;gap:14px;width:min(560px,100vw - 32px);max-height:calc(100% - 110px);margin-top:40px;padding:22px 20px;display:grid;position:relative;overflow-y:auto;box-shadow:0 20px 80px #0009}.release-panel[hidden],.release-count[hidden],.release-hint[hidden]{display:none}.release-panel h1{font-family:var(--display);margin:0;font-size:40px;font-weight:500}.release-panel h2{font-family:var(--display);margin:0;font-size:26px;font-weight:500}.release-panel p{color:var(--muted);margin:0;line-height:1.7}.release-panel textarea{box-sizing:border-box;width:100%;font-family:var(--display);background:#efe6d40f;font-size:17px;line-height:1.7}.release-choices{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;width:100%;display:grid}.release-choices.two{grid-template-columns:1fr 1fr}.release-choice{border:1px solid var(--line-2);color:var(--text);font:inherit;cursor:pointer;background:#ffffff08;border-radius:14px;justify-items:center;gap:4px;padding:14px 10px;transition:border-color .2s,transform .2s,background .2s;display:grid}.release-choice:hover,.release-choice:focus-visible{border-color:var(--amber);background:#e0a96d0f;transform:translateY(-2px)}.release-choice span{font-size:28px}.release-choice small{color:var(--faint);font-size:12px;line-height:1.4}.release-feelings{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.release-feeling{--c:#888;border:1px solid var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);color:var(--text);font:inherit;cursor:pointer;border-radius:99px;padding:10px 16px;transition:background .2s,transform .2s}.release-feeling:hover,.release-feeling:focus-visible{background:color-mix(in srgb, var(--c) 34%, transparent);transform:scale(1.04)}.release-slider{grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;width:100%;display:grid}.release-slider small{color:var(--faint);font-size:12px}.release-slider input{width:100%;accent-color:var(--amber)}.release-weight{min-width:2ch;color:var(--amber);font-size:22px}.release-help{text-align:left;border:1px solid var(--bad);border-radius:var(--radius);background:#e07a6d14;gap:8px;width:100%;padding:12px 14px;display:grid}.release-help div{display:grid}.release-help small{color:var(--faint)}.release-next{gap:8px;width:100%;display:grid}.release-breath{background:radial-gradient(circle,#e0a96d99,#e0a96d0d 70%);border-radius:50%;width:120px;height:120px;transition:transform 4s ease-in-out;transform:scale(.6)}.release-breath.in{transition-duration:4s;transform:scale(1.15)}.release-breath.out{transition-duration:6s;transform:scale(.6)}.releasing .site-header{opacity:.25;transition:opacity .6s}@media (width<=560px){.release-panel h1{font-size:32px}.release-choices.two{grid-template-columns:1fr}.release-hint{white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 40px)}}@media (prefers-reduced-motion:reduce){.release-breath,.release-choice,.release-feeling{transition:none}}
