:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{background:#0b0c10;height:100%;margin:0}#root{min-height:100svh}body{font-family:system-ui,Segoe UI,Roboto,sans-serif}button{cursor:pointer;font-family:inherit}.screen{background:var(--bg);min-height:100svh;color:var(--text-color)}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:32px;display:flex}@media (width<=480px){.center-screen{padding:16px}}.title{font-family:var(--font-family);letter-spacing:.5px;color:var(--text-color);margin:0;font-size:34px;font-weight:400}.subtitle{max-width:480px;color:var(--dim-text-color);margin:-24px 0 0;font-size:16px;line-height:1.6}.duration-row{flex-wrap:nowrap;justify-content:center;gap:clamp(8px,2.5vw,16px);width:100%;display:flex}.duration-button{width:clamp(56px,17vw,84px);height:clamp(56px,17vw,84px);color:var(--text-color);font-family:var(--font-family);background:0 0;border:1px solid #33363f;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;font-size:clamp(15px,4.5vw,22px);transition:border-color .2s,background .2s;display:flex}.duration-button:hover,.duration-button:focus-visible{background:#ffffff08;border-color:#6b7280}.duration-unit{color:var(--dim-text-color);letter-spacing:.5px;font-family:system-ui,sans-serif;font-size:clamp(9px,2.4vw,11px)}.untimed-link{color:var(--dim-text-color);letter-spacing:.3px;border:none;border-bottom:1px solid var(--dim-text-color);background:0 0;margin-top:-24px;font-family:system-ui,sans-serif;font-size:14px;text-decoration:none;transition:color .2s,border-color .2s}.untimed-link:hover,.untimed-link:focus-visible{color:var(--text-color)}.timer-toggle{gap:8px;margin-top:-24px;display:flex}.timer-toggle-option{color:var(--dim-text-color);letter-spacing:.3px;background:0 0;border:1px solid #33363f;border-radius:999px;padding:7px 16px;font-family:system-ui,sans-serif;font-size:13px;transition:border-color .2s,color .2s,background .2s}.timer-toggle-option:hover,.timer-toggle-option:focus-visible{color:var(--text-color);border-color:#6b7280}.timer-toggle-option.active{border-color:var(--dim-text-color);color:var(--text-color);background:#ffffff0f}.support-note{max-width:480px;color:var(--dim-text-color);margin-top:-24px;font-size:14px;line-height:1.6}.support-note a{color:var(--dim-text-color);border-bottom:1px solid var(--dim-text-color);text-decoration:none;transition:color .2s}.support-note a:hover,.support-note a:focus-visible{color:var(--text-color)}.how-to-link{color:var(--dim-text-color);letter-spacing:.3px;border-bottom:1px solid var(--dim-text-color);margin-top:-24px;font-family:system-ui,sans-serif;font-size:14px;text-decoration:none;transition:color .2s,border-color .2s}.how-to-link:hover,.how-to-link:focus-visible{color:var(--text-color);border-color:var(--dim-text-color)}.how-to-use-title{text-align:left;align-self:center;width:100%;max-width:560px;font-size:30px;line-height:1.3}.how-to-use-body{max-width:560px;color:var(--dim-text-color);text-align:left;flex-direction:column;gap:20px;font-size:16px;line-height:1.7;display:flex}.how-to-use-body p{margin:0}.back-link{color:var(--dim-text-color);letter-spacing:.3px;border-bottom:1px solid var(--dim-text-color);margin-top:-16px;font-family:system-ui,sans-serif;font-size:14px;text-decoration:none;transition:color .2s,border-color .2s}.back-link:hover,.back-link:focus-visible{color:var(--text-color);border-color:var(--dim-text-color)}.writing-screen{justify-content:center;display:flex;position:relative}.progress-track{z-index:2;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.progress-fill{transform-origin:0;background:#3a3d46;width:100%;height:100%;transform:scaleX(1)}.privacy-warning{z-index:4;background:#2a1d0d;border-bottom:1px solid #d69e2e59;padding:12px 20px;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}.privacy-warning-text{color:#d6a25a;text-align:center;max-width:640px;margin:0 auto;font-family:system-ui,sans-serif;font-size:13px;line-height:1.5}.entry-textarea{width:100%;max-width:var(--max-width);resize:none;min-height:100svh;color:var(--text-color);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);padding:var(--padding-top) var(--padding-x) 80px;background:0 0;border:none;outline:none}.entry-textarea::placeholder{color:var(--dim-text-color)}.time-remaining{z-index:3;color:var(--dim-text-color);font-variant-numeric:tabular-nums;letter-spacing:.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;position:fixed;top:18px;left:24px}.done-button{z-index:3;color:var(--dim-text-color);letter-spacing:.3px;background:#1c1d24;border:1px solid #33363f;border-radius:999px;padding:8px 18px;font-family:system-ui,sans-serif;font-size:13px;transition:border-color .2s,color .2s,background .2s;position:fixed;top:18px;left:50%;transform:translate(-50%)translateZ(0)}.done-button:hover,.done-button:focus-visible{color:var(--text-color);background:#24252d;border-color:#6b7280}.dissolve-surface{width:100%;max-width:var(--max-width);min-height:100svh;position:relative}.dissolve-surface canvas{position:absolute;top:0;left:0}