:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}.dongle-regular{font-family:Dongle,sans-serif;font-style:normal;font-weight:400}@font-face{font-family:OutfitLocal;src:url(/fonts/Outfit-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html{height:100%;min-height:100%;overflow:hidden}body{height:100%;min-height:100svh;margin:0;overflow:hidden}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:none;height:100%;min-height:100svh;margin:0;display:flex;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.calm-app{box-sizing:border-box;width:100%;min-height:100svh;padding:1.5rem .2rem max(1rem, env(safe-area-inset-bottom));scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(160deg,#0d1b2a 0%,#1a2e44 50%,#0d2233 100%);flex-direction:column;justify-content:flex-start;align-items:center;gap:.2rem;font-family:Georgia,serif;display:flex;position:relative;overflow:hidden auto}.calm-app::-webkit-scrollbar{display:none}.calm-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.calm-overlay-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.calm-brand{color:#c8e1ffe6;letter-spacing:.06em;text-align:center;text-transform:none;white-space:nowrap;flex:none;align-self:center;margin:0;padding-bottom:25px;font-family:OutfitLocal,sans-serif;font-size:clamp(22px,2.8vw,30px);font-weight:300;line-height:1;position:relative}.calm-main-content{z-index:1;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;width:100%;min-height:0;display:flex;position:relative}@media (height<=760px){.calm-cookie-button{right:.25rem;top:max(.25rem, env(safe-area-inset-top))}.calm-cookie-button svg{width:1rem;height:1rem}.calm-app{padding-top:.9rem;padding-right:.2rem;padding-bottom:max(.7rem, env(safe-area-inset-bottom));gap:.5rem;padding-left:.2rem}.calm-brand{letter-spacing:.05em;font-size:clamp(19px,2.7vw,24px)}}.calm-cookie-button{right:.5rem;top:max(.25rem, env(safe-area-inset-top));z-index:4;color:#c8e1ffd1;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:transform .2s,color .2s;display:inline-flex;position:absolute;overflow:visible}.calm-cookie-button:hover{color:#e0f0fff5;transform:translateY(-1px)}.calm-cookie-button:focus-visible{outline-offset:3px;outline:2px solid #aad7ffd9}.calm-cookie-button svg{width:1.35rem;height:1.35rem}.calm-cookie-button,.calm-consent-banner{pointer-events:auto}.calm-consent-banner{right:.5rem;top:max(.25rem, env(safe-area-inset-top));z-index:4;color:#e0f0ffe6;width:min(320px,100vw - 2rem);font-family:var(--sans);background:#0b1c30cc;border:.5px solid #64a0dc40;border-radius:14px;flex-direction:column;gap:.6rem;padding:.75rem .85rem;line-height:1.2;display:flex;position:absolute;box-shadow:0 16px 32px #0000002e}.calm-consent-banner__close{color:#e0f0ffc7;cursor:pointer;font-family:var(--sans);background:0 0;border:0;padding:0;font-size:18px;line-height:1;position:absolute;top:.4rem;right:.5rem}.calm-consent-banner__close:hover{color:#e0f0ff}.calm-consent-banner__close:focus-visible{outline-offset:3px;outline:2px solid #aad7ffd9}.calm-consent-banner__copy{letter-spacing:.03em;margin:0;padding-right:1rem;font-size:13px}.calm-consent-banner__actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.calm-consent-banner__details-panel{border-top:.5px solid #64a0dc29;padding-top:.55rem;overflow:hidden}.calm-consent-table{border-collapse:collapse;width:100%;font-family:var(--sans);letter-spacing:.02em;font-size:12px}.calm-consent-table th,.calm-consent-table td{vertical-align:top;text-align:left;padding:.28rem .22rem}.calm-consent-table th{color:#a0c8f0b8;text-transform:lowercase;font-weight:700}.calm-consent-table td{color:#e0f0ffe6}.calm-consent-table td:first-child,.calm-consent-table th:first-child{width:2rem}.calm-consent-table td:nth-child(2),.calm-consent-table th:nth-child(2){width:8.2rem}.calm-consent-table input[type=checkbox]{accent-color:#aad7ffe0;cursor:pointer;width:.95rem;height:.95rem;margin:.1rem 0 0}.calm-consent-banner__action{color:#0b1c30f2;cursor:pointer;font-family:var(--sans);letter-spacing:.04em;text-transform:lowercase;background:#e0f0ffeb;border:.5px solid #64a0dc40;border-radius:999px;padding:.35rem .7rem;font-size:12px;transition:transform .2s,background .2s,border-color .2s}.calm-consent-banner__action:hover{background:#e8f5fffa;border-color:#78b4f073;transform:translateY(-1px)}.calm-consent-banner__action:focus-visible{outline-offset:3px;outline:2px solid #aad7ffd9}.calm-consent-banner__details{color:#e0f0ffd9;cursor:pointer;font-family:var(--sans);letter-spacing:.04em;text-underline-offset:.18em;text-transform:lowercase;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline;transition:color .2s}.calm-consent-banner__details:hover{color:#e0f0fffa}.calm-consent-banner__details:focus-visible{outline-offset:3px;outline:2px solid #aad7ffd9}.calm-cookie-tooltip{color:#e0f0ffe6;font-family:var(--sans);letter-spacing:.05em;text-transform:lowercase;white-space:nowrap;opacity:0;pointer-events:none;background:#0b1c30eb;border:.5px solid #64a0dc38;border-radius:999px;padding:.3rem .55rem;font-size:12px;line-height:1;transition:opacity .16s,transform .16s;position:absolute;top:50%;right:calc(100% + .55rem);transform:translateY(-50%)}.calm-cookie-button:hover .calm-cookie-tooltip,.calm-cookie-button:focus-visible .calm-cookie-tooltip{opacity:1;transform:translateY(-50%)translate(-2px)}.calm-start-layout{z-index:1;justify-content:center;align-items:center;width:100%;min-height:100svh;padding-top:0;display:flex;position:relative}.calm-start-screen{flex-direction:column;align-items:center;gap:1.5rem;padding-top:0;display:flex}.calm-title{color:#c8e1ffe6;letter-spacing:.12em;text-align:center;margin:0;font-size:22px;font-weight:400}.calm-subtitle{color:#a0c8f099;letter-spacing:.05em;text-align:center;max-width:320px;margin:0;font-size:14px;line-height:1.7}.calm-start-button{color:#b4d7ffe6;cursor:pointer;font-size:14px;font-family:var(--sans);letter-spacing:.08em;background:#64a0dc26;border:.5px solid #64a0dc66;border-radius:40px;padding:10px 32px;transition:transform .2s,background .2s,border-color .2s}.calm-start-button:hover{background:#64a0dc38;border-color:#78b4f080;transform:translateY(-1px)}.calm-start-button:focus-visible{outline-offset:3px;outline:2px solid #aad7ffd9}.calm-headphones-note{color:#a0c8f099;letter-spacing:.08em;font-size:12px;font-family:var(--sans);align-items:center;gap:.45rem;display:inline-flex}.calm-typing-screen{z-index:1;flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:620px;display:flex;position:relative}.calm-top-row{justify-content:flex-start;align-items:flex-start;gap:.7rem;width:100%;display:flex}.calm-theme-picker,.calm-background-picker,.calm-instrument-picker{box-sizing:border-box;background:#0b1c3057;border:.5px solid #64a0dc2e;border-radius:14px;flex-direction:column;align-items:stretch;gap:.5rem;padding:.42rem .55rem .5rem;display:flex}.calm-theme-picker{flex:auto;min-width:140px}.calm-theme-row{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.35rem;min-width:0;padding:3px 2px;display:flex;overflow:auto visible}.calm-theme-row::-webkit-scrollbar{display:none}.calm-background-picker,.calm-instrument-picker{flex:none;width:128px;padding:.68rem}.calm-top-control-label{color:#8cb4dc80;letter-spacing:.06em;text-align:left;align-self:flex-start;padding-left:.4rem;font-size:10px;line-height:1}.calm-background-select{color:#e0f0fff5;letter-spacing:.04em;white-space:nowrap;text-transform:lowercase;background:#0b1c30c7;border:.5px solid #64a0dc40;border-radius:999px;width:100%;padding:.38rem .7rem;font-family:inherit;font-size:11px}.calm-background-select:focus{outline-offset:3px;outline:2px solid #aad7ffd9}.calm-theme-button{color:#a6c8ecd1;cursor:pointer;font-family:var(--sans);letter-spacing:.06em;white-space:nowrap;text-transform:lowercase;background:#0b1c308c;border:.5px solid #64a0dc40;border-radius:999px;padding:.44rem .84rem;font-size:12px;transition:background .2s,border-color .2s,color .2s,transform .2s}.calm-theme-button:hover{background:#122741b3;border-color:#78b4f073;transform:translateY(-1px)}.calm-theme-button.is-active{color:#e0f0fff5;background:#6eaae138;border-color:#96cdff8c}.calm-passage-area{box-sizing:border-box;cursor:text;letter-spacing:.03em;text-align:left;background:#0a192d80;border:.5px solid #64a0dc33;border-radius:12px;width:100%;height:clamp(300px,45svh,390px);padding:1.4rem 3rem 3rem 1.6rem;font-size:17px;line-height:2.1;position:relative;overflow-y:auto}.calm-passage-block{flex-direction:column;gap:.35rem;display:flex}.calm-passage-block+.calm-passage-block{margin-top:1.35rem}.calm-line{white-space:pre-wrap;min-height:1.6em;display:block}.calm-line-done{color:#cde4faf2}.calm-line-active{color:#cde4faf2;border-bottom:1px solid #78b4f066;position:relative}.calm-line-pending{color:#bedcff40}.calm-char-match{color:#bedcffeb}.calm-char-mismatch{color:#ffb478cc}.calm-char-upcoming{color:#bedcff59}.calm-char-slot{position:relative}.calm-cursor-anchor{vertical-align:middle;width:0;display:inline-block;position:relative}.calm-cursor{pointer-events:none;background:#78b4f0bf;width:2px;height:.85em;animation:1.1s step-end infinite blink;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.calm-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.calm-progress-wrap{background:#64a0dc1a;border-radius:2px;width:min(72%,360px);height:2px;overflow:hidden}.calm-progress-bar{background:#64a0dc59;border-radius:2px;height:100%;transition:width .4s}.calm-slow-down{opacity:0;color:#bedcffeb;letter-spacing:.06em;text-align:left;width:100%;min-height:1.1rem;padding:0 2px;font-size:12px;transition:opacity 1.2s}.calm-slow-down.is-visible{opacity:1}.calm-footer-row{flex-direction:column;align-items:center;gap:.95rem;width:100%;padding-bottom:1.75rem;display:flex}.calm-share-button{color:#b4d7ffeb;cursor:pointer;font-family:var(--sans);letter-spacing:.08em;text-transform:lowercase;background:#64a0dc1f;border:.5px solid #64a0dc47;border-radius:999px;padding:.45rem .95rem;font-size:12px;transition:transform .2s,background .2s,border-color .2s,color .2s}.calm-share-button:hover{color:#e0f0fff5;background:#64a0dc2e;border-color:#78b4f07a;transform:translateY(-1px)}.calm-share-button:focus-visible{outline-offset:3px;outline:2px solid #aad7ffd9}.calm-passage-share-button{z-index:2;color:#bedcffb8;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;width:auto;min-width:2rem;height:2rem;padding:0 .75rem;transition:transform .2s,color .2s;display:inline-flex;position:absolute;bottom:.7rem;right:.7rem}.calm-passage-share-button:hover .calm-passage-share-button__tooltip,.calm-passage-share-button:focus-visible .calm-passage-share-button__tooltip{opacity:1;transform:translate(-50%)translateY(0)}.calm-passage-share-button:hover{color:#cde4fae6;transform:translateY(-1px)}.calm-passage-share-button:focus-visible{outline:none}.calm-passage-share-button svg{width:.85rem;height:.85rem}.calm-passage-share-button__label{color:#cde4fad6;font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.62rem;line-height:1}.calm-passage-share-button__tooltip{color:#e0f0ffeb;font-family:var(--sans);letter-spacing:.04em;text-transform:lowercase;white-space:nowrap;opacity:0;pointer-events:none;background:#0b1c30f5;border:.5px solid #64a0dc38;border-radius:999px;padding:.28rem .5rem;font-size:11px;line-height:1;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + .28rem);left:50%;transform:translate(-50%)translateY(4px)}.calm-page-footer{z-index:1;justify-content:center;width:100%;padding:0 0 1.1rem;display:flex;position:relative}.calm-page-footer__link{color:#a0c8f085;cursor:pointer;font-family:var(--sans);letter-spacing:.08em;text-underline-offset:.18em;text-transform:lowercase;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline;transition:color .2s}.calm-page-footer__link:hover{color:#e0f0ffe6}.calm-page-footer__link:focus-visible{outline-offset:4px;outline:2px solid #aad7ffd9}.calm-privacy-page{box-sizing:border-box;width:100%;min-height:100svh;padding:1.5rem 1rem max(1.25rem, env(safe-area-inset-bottom));color:#e0f0ffeb;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(160deg,#0d1b2a 0%,#1a2e44 50%,#0d2233 100%);font-family:Georgia,serif;overflow-y:auto}.calm-privacy-page::-webkit-scrollbar{display:none}.calm-privacy-shell{flex-direction:column;gap:1rem;width:min(100%,860px);margin:0 auto;display:flex}.calm-privacy-back{color:#e0f0ffd1;cursor:pointer;font-family:var(--sans);letter-spacing:.08em;text-transform:lowercase;background:#0b1c30ad;border:.5px solid #64a0dc38;border-radius:999px;align-self:flex-start;padding:.45rem .9rem;font-size:12px;transition:transform .2s,background .2s,border-color .2s,color .2s}.calm-privacy-back:hover{color:#e0f0fff5;background:#122741c2;border-color:#78b4f06b;transform:translateY(-1px)}.calm-privacy-back:focus-visible{outline-offset:3px;outline:2px solid #aad7ffd9}.calm-privacy-card{text-align:left;background:#0a192d85;border:.5px solid #64a0dc2e;border-radius:20px;padding:clamp(1.3rem,3vw,2.1rem);box-shadow:0 16px 32px #00000029}.calm-privacy-kicker{color:#8cb4dc9e;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;font-size:11px}.calm-privacy-title{color:#c8e1ffeb;letter-spacing:.04em;margin:0 0 1rem;font-family:OutfitLocal,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:300;line-height:1.1}.calm-privacy-content{color:#cde4faeb;letter-spacing:.03em;font-family:Georgia,serif;font-size:clamp(15px,1.45vw,17px);line-height:1.95}.calm-privacy-content h2,.calm-privacy-content h3,.calm-privacy-content h4{color:#c8e1fff0;letter-spacing:.04em;margin:1.2rem 0 .55rem;font-family:Georgia,serif;font-weight:400;line-height:1.2}.calm-privacy-content h2{font-size:clamp(22px,2.8vw,30px)}.calm-privacy-content h3{font-size:20px}.calm-privacy-content p,.calm-privacy-content ul,.calm-privacy-content ol{margin:0 0 1rem}.calm-privacy-content ul,.calm-privacy-content ol{padding-left:1.2rem}.calm-privacy-content li+li{margin-top:.35rem}.calm-privacy-content a{color:#aad7fff0;text-underline-offset:.18em;text-decoration:underline}.calm-privacy-content a:hover{color:#e0f0ff}.calm-privacy-content strong{color:#f0f7fffa;font-weight:700}.calm-privacy-content table{border-collapse:collapse;width:100%;margin:1rem 0 1.25rem;font-size:14px}.calm-privacy-content th,.calm-privacy-content td{vertical-align:top;text-align:left;border-bottom:1px solid #64a0dc29;padding:.55rem .45rem}.calm-privacy-content th{color:#a0c8f0b8;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.calm-privacy-content *,.calm-privacy-content :before,.calm-privacy-content :after{color:inherit;font-family:inherit}.calm-privacy-content h2,.calm-privacy-content h3,.calm-privacy-content h4,.calm-privacy-content th{color:#c8e1fff0}.calm-privacy-content blockquote{color:#bedcffc7;border-left:2px solid #64a0dc6b;margin:1rem 0;padding:.1rem 0 .1rem 1rem}.calm-controls{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.4rem;display:flex}.calm-control{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.3rem;display:flex}.calm-control-label{color:#8cb4dc80;letter-spacing:.08em;text-align:center;font-size:11px}.calm-slider{cursor:pointer;appearance:none;-webkit-user-select:none;user-select:none;background:0 0;width:104px;height:12px}.calm-slider:focus,.calm-slider:active{outline:none}.calm-slider::-webkit-slider-runnable-track{background:#64a0dc47;border-radius:999px;height:2px}.calm-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#d2e9fff5;border:1px solid #aad7ffb3;border-radius:999px;width:14px;height:14px;margin-top:-6px;box-shadow:0 0 0 2px #0f2134b3}.calm-slider::-moz-range-track{background:#64a0dc47;border:0;border-radius:999px;height:2px}.calm-slider::-moz-range-thumb{background:#d2e9fff5;border:1px solid #aad7ffb3;border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 2px #0f2134b3}.calm-slider::-moz-range-progress{background:#84bcf08c;border-radius:999px;height:2px}.calm-complete-message{color:#a0d2ffb3;letter-spacing:.1em;text-align:center;font-size:14px}.calm-custom-dropdown{width:100%;position:relative}.calm-custom-dropdown__selected{color:#e0f0fff5;width:100%;font-family:var(--sans);letter-spacing:.04em;white-space:nowrap;text-transform:lowercase;text-align:left;cursor:pointer;background:#0b1c30c7;border:.5px solid #64a0dc40;border-radius:999px;padding:.38rem .7rem;font-size:11px}.calm-custom-dropdown__selected:focus{outline:none}.calm-custom-dropdown__options{z-index:10;background:#0b1c30f2;border:.5px solid #64a0dc40;border-radius:12px;flex-direction:column;padding:.3rem;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.calm-custom-dropdown__option{color:#e0f0ffcc;width:100%;font-family:var(--sans);letter-spacing:.04em;white-space:nowrap;text-transform:lowercase;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem .7rem;font-size:11px;transition:background .2s,color .2s}.calm-custom-dropdown__option:hover{color:#e0f0fff5;background:#64a0dc1a}.calm-custom-dropdown__option.is-active{color:#e0f0fff5;background:#64a0dc33}@media (width<=720px){.calm-app{padding-top:1.1rem;padding-right:.6rem;padding-bottom:max(.9rem, env(safe-area-inset-bottom));gap:.65rem;padding-left:.6rem}.calm-top-row{flex-wrap:wrap;justify-content:space-between;gap:.55rem .7rem}.calm-theme-picker{flex:1 0 100%;width:100%;min-width:0}.calm-background-picker .calm-custom-dropdown,.calm-instrument-picker .calm-custom-dropdown{width:100%}.calm-cookie-button{right:.25rem;top:max(.25rem, env(safe-area-inset-top));width:1.5rem;height:1.5rem}.calm-cookie-button svg{width:.9rem;height:.9rem}.calm-brand{letter-spacing:.08em;padding-bottom:clamp(2.1rem,4.6vh,3.3rem);font-size:clamp(20px,5.8vw,26px);top:.9rem}.calm-theme-row{flex-wrap:wrap;gap:.5rem}.calm-background-picker,.calm-instrument-picker{flex:0 0 128px;width:128px;min-width:128px;max-width:128px}.calm-top-control-label{font-size:12px}.calm-passage-area{height:clamp(180px,50dvh,280px);padding:1rem;font-size:18px}.calm-typing-screen{gap:.6rem}.calm-controls{gap:1.2rem}.calm-control{flex-direction:column;align-items:center;gap:.3rem;display:flex}.calm-slider{width:130px;height:12px}.calm-slider::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px}.calm-slider::-moz-range-thumb{width:20px;height:20px}}