@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_efde1a47-module__SZ3kUW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_efde1a47-module__SZ3kUW__variable{--font-geist:"Geist", "Geist Fallback"}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}}:root{--page:#f4f4f5;--ink:#18181b;--ink-2:#71717a;--line:#e4e4e7;--surface:#fff;--card:#000;--card-bottom:#111211;--text:#f5f7f5;--text-2:#ffffff94;--text-3:#ffffff57;--mint:#cff7d8;--green:#86dd9b;--green-rim:#eafdef;--green-ink:#0e3a1b;--out:cubic-bezier(.23, 1, .32, 1);--spring:cubic-bezier(.2, .9, .25, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--page)}body{--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-geist), "Helvetica Neue", Arial, sans-serif;--display:-apple-system, BlinkMacSystemFont, "SF Pro Display", var(--font-geist), "Helvetica Neue", Arial, sans-serif;background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:8px}.skip-link{z-index:50;background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.home{flex-direction:column;min-height:100svh;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;padding:72px 16px 60px;display:flex}.hero-icon{width:72px;height:72px;animation:rise .6s var(--out) both}.hero h1{max-width:16ch;font:700 clamp(34px, 5.4vw, 56px)/1.04 var(--display);letter-spacing:-.035em;text-wrap:balance;animation:rise .6s var(--out) 60ms both;margin:24px 0 0}.hero-line{max-width:46ch;color:var(--ink-2);text-wrap:balance;animation:rise .6s var(--out) .12s both;margin:16px 0 0;font-size:17px;line-height:1.5}.hero-actions{animation:rise .6s var(--out) .18s both;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.hero-meta{color:var(--ink-2);animation:rise .6s var(--out) .22s both;margin:14px 0 0;font-size:13px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.button{height:44px;transition:transform .16s var(--out), background-color .2s ease, box-shadow .2s ease;border-radius:22px;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.button:active{transform:scale(.97)}.button-main{color:var(--green-ink);background:linear-gradient(var(--mint), var(--green));box-shadow:inset 0 1px 0 var(--green-rim), 0 0 0 1px #0e3a1b2e, 0 1px 2px #0000001f, 0 6px 16px -6px #2e78428c}.button-main:hover{box-shadow:inset 0 1px 0 var(--green-rim), 0 0 0 1px #0e3a1b38, 0 1px 2px #0000001f, 0 10px 22px -8px #2e7842a6}.button-quiet{color:var(--ink);background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 1px 2px #0000000d}.button-quiet:hover{background:#fafafa}.get{flex:1;width:min(680px,100%);margin:0 auto;padding:56px 16px 32px}.get-body{text-align:center;flex-direction:column;align-items:center;max-width:420px;margin:9svh auto 0;display:flex}.get-body img{width:88px;height:88px;animation:rise .6s var(--out) both}.get-body h1{font:700 clamp(30px, 4vw, 40px)/1.1 var(--display);letter-spacing:-.03em;animation:rise .6s var(--out) 60ms both;margin:22px 0 0}.get-body>p{color:var(--ink-2);text-wrap:balance;animation:rise .6s var(--out) .12s both;margin:12px 0 0;font-size:17px;line-height:1.5}.get-actions{width:100%;animation:rise .6s var(--out) .18s both;flex-direction:column;gap:10px;margin-top:32px;display:flex}.get-actions .button{border-radius:24px;justify-content:center;width:100%;height:48px}.get-body .get-note{animation:rise .6s var(--out) .22s both;margin-top:16px;font-size:13px}.desktop{--gap:clamp(10px, 1.8vw, 24px);height:calc(100svh - var(--gap));min-height:620px;margin:0 var(--gap);isolation:isolate;font-family:var(--sans);-webkit-user-select:none;user-select:none;background:#bfe9cd url(/images/desktop-imac-green.jpg) 50%/cover no-repeat;border-radius:18px;position:relative;overflow:hidden}.menubar{z-index:1;-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);color:#000000d9;background:#ffffff4d;justify-content:space-between;align-items:center;height:32px;padding:0 16px;font-size:13px;display:flex;position:absolute;inset:0 0 auto}.menubar-menus{gap:18px;display:flex}.menubar-menus b{font-weight:700}.menubar-status{align-items:center;gap:14px;display:flex}.dock{--icon:clamp(26px, 4.4vw, 54px);z-index:1;align-items:center;gap:calc(var(--icon) * .08);padding:calc(var(--icon) * .1);border-radius:calc(var(--icon) * .36);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);pointer-events:none;background:#ffffff47;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff59,0 8px 24px -8px #00000040}.dock-app{width:var(--icon);height:var(--icon);position:relative}.dock-app img{width:100%;height:100%}.dock-running:after{content:"";left:50%;bottom:calc(var(--icon) * -.1);background:#0009;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute}@media (max-width:640px){.dock{--icon:clamp(26px, 8vw, 40px)}.dock-extra{display:none}}.dock-divider{width:1px;height:calc(var(--icon) * .8);margin:0 calc(var(--icon) * .08);background:#0000002e}.lantern{z-index:2;width:180px;height:32px;transform:translateX(-50%) scale(var(--lantern-scale,1));transform-origin:top;position:absolute;top:0;left:50%}.lantern-card{width:560px;height:449px}.lantern-notch{width:264px;height:32px}.shape{transition:width .42s var(--spring), height .42s var(--spring), top .42s var(--spring), border-radius .42s var(--spring), box-shadow .3s ease, background-color .3s ease;background:#000;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.lantern-pill .shape{background:#00000059;border-radius:4px;width:60px;height:8px;top:12px;overflow:visible;box-shadow:inset 0 0 0 1.5px #ffffff59}.lantern-card .shape{border-radius:24px;width:560px;height:417px;top:32px;box-shadow:0 10px 24px #00000073}.lantern-notch .shape{border-radius:0 0 10px 10px;width:264px;height:42px;top:-10px}.lantern-open{z-index:1;cursor:pointer;position:absolute;inset:-14px}.stem{width:227px;height:0;transition:height .3s var(--out);background:#000;position:absolute;top:0;left:50%;transform:translate(-50%)}.lantern-card .stem{height:34px}.stem:before,.stem:after{content:"";opacity:0;width:10px;height:10px;transition:opacity .2s;position:absolute;bottom:0}.stem:before{background:radial-gradient(circle at 0 0,#0000 10px,#000 10.5px);left:-10px}.stem:after{background:radial-gradient(circle at 100% 0,#0000 10px,#000 10.5px);right:-10px}.lantern-card .stem:before,.lantern-card .stem:after{opacity:1}.card,.notch{animation:arrive .22s var(--out) .14s both}@keyframes arrive{0%{opacity:0;transform:scale(.97)}}.card{color:var(--text);background:linear-gradient(var(--card), var(--card-bottom));transform-origin:top;flex-direction:column;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.card-header{text-align:left;justify-content:space-between;align-items:flex-start;height:43px;display:flex}.card-header h3{font:700 19px/23px var(--display);letter-spacing:-.02em;margin:0}.card-header p{color:var(--text-2);margin:4px 0 0;font-size:13.5px;line-height:16px}.gear{color:var(--text-2);margin:2px 2px 0 0}.card-body{gap:24px;height:310px;display:flex}.player{flex-direction:column;flex:none;width:196px;display:flex}.cover{width:196px;height:196px;color:var(--green-ink);background:linear-gradient(180deg, var(--green) 0%, var(--green) 50%, var(--green-rim) 100%);background-size:100% 150%;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;animation:4s ease-in-out infinite alternate drift;display:flex;box-shadow:0 1px 2px #0006,0 14px 18px -8px #0000008c}@keyframes drift{to{background-position:0 100%}}.cover-label{letter-spacing:.22em;opacity:.6;font-size:10.5px;font-weight:600}.cover strong{font:700 22px/1.1 var(--display);letter-spacing:-.02em;margin-top:8px}.cover-rule{opacity:.3;background:currentColor;width:24px;height:1px;margin:8px 0}.cover-count{opacity:.7;font-size:12.5px}.reciter{height:16px;color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;margin-top:14px;font-size:11.5px;font-weight:500;display:flex}.controls{gap:8px;margin-top:14px;display:flex}.volume{height:16px;color:var(--text-3);align-items:center;gap:8px;margin-top:14px;display:flex}.volume input{cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:16px;margin:0}.volume input::-webkit-slider-runnable-track{background:linear-gradient(var(--mint), var(--green)) 0 0 / var(--value) 100% no-repeat, #ffffff14;border-radius:3px;height:6px}.volume input::-moz-range-track{background:linear-gradient(var(--mint), var(--green)) 0 0 / var(--value) 100% no-repeat, #ffffff14;border-radius:3px;height:6px}.volume input::-webkit-slider-thumb{appearance:none;background:#ffffffd9;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 1px #0006,0 6px 8px #0000008c}.volume input::-moz-range-thumb{background:#ffffffd9;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 1px #0006,0 6px 8px #0000008c}.step{color:#ffffffd9;width:40px;height:40px;transition:transform .16s var(--out);background:linear-gradient(#ffffff16,#ffffff0b);border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff21,0 0 0 1px #ffffff0d}.play{height:40px;color:var(--green-ink);background:linear-gradient(var(--mint), var(--green));box-shadow:inset 0 1px 0 var(--green-rim), 0 0 0 1px #0e3a1b59;transition:transform .16s var(--out);border-radius:20px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}.step:active,.play:active{transform:scale(.97)}.verses{flex-direction:column;flex:1;gap:2px;min-width:0;height:310px;padding-bottom:42px;display:flex;position:relative;overflow:hidden}.verse{text-align:left;color:#ffffff6b;border-radius:12px;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;line-height:20px;transition:color .2s;display:flex}.verse:hover{color:#ffffffb3}.verse-number{width:16px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;font-size:11.5px;line-height:20px;transition:color .2s}.verse-now,.verse-now:hover{color:var(--text);font-weight:600}.verse-now .verse-number{color:var(--green)}.notch{grid-template-columns:124px 96px 44px;align-items:center;height:32px;display:grid;position:absolute;bottom:0;left:0;right:0}.marquee{padding:0 8px 0 12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 10px),#0000);mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 10px),#0000)}.marquee-track{white-space:nowrap;animation:11s linear infinite scroll;display:inline-flex}.marquee-line{color:var(--text-2);padding-right:32px;font-size:11.5px;font-weight:500}.marquee-line b{color:var(--text);font-weight:600}@keyframes scroll{to{transform:translate(-50%)}}.bars{align-items:center;gap:2.5px;height:16px;padding-left:8px;display:flex}.bars i{background:var(--green);border-radius:2px;width:2.5px;height:30%;animation:1s ease-in-out infinite alternate bar}.bars i:first-child{animation-duration:.9s}.bars i:nth-child(2){animation-duration:1.2s}.bars i:nth-child(3){animation-duration:.8s}.bars i:nth-child(4){animation-duration:1.1s}.bars i:nth-child(5){animation-duration:1.3s}@keyframes bar{to{height:100%}}.site-footer{width:min(1200px,100%);color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 auto;padding:24px 16px 32px;font-size:13px;display:flex}.site-footer nav{flex-wrap:wrap;gap:20px;display:flex}.site-footer a{transition:color .2s}.site-footer a:hover{color:var(--ink)}.site-footer p{margin:0}.document{width:min(680px,100%);margin:0 auto;padding:56px 16px 32px}.back{color:#1c1c1e;height:40px;transition:transform .16s var(--out), box-shadow .2s ease;background:linear-gradient(#fff,#dcdce0);border-radius:20px;align-items:center;gap:6px;padding:0 18px 0 14px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #fff,0 0 0 1px #00000024,0 1px 2px #0000001f,0 6px 14px -6px #0000004d}.back:hover{box-shadow:inset 0 1px #fff,0 0 0 1px #0000002e,0 1px 2px #0000001f,0 8px 18px -6px #00000057}.back:active{transform:scale(.97)}.document h1{font:700 clamp(30px, 4vw, 40px)/1.1 var(--display);letter-spacing:-.03em;margin:40px 0 0}.document-updated{color:var(--ink-2);margin:10px 0 0;font-size:14px}.document section{margin-top:36px}.document h2{font:650 18px/1.3 var(--display);letter-spacing:-.01em;margin:0}.document p{color:#3f3f46;overflow-wrap:anywhere;margin:10px 0 0;font-size:16px;line-height:1.65}.not-found{text-align:center;min-height:100svh;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;display:flex}.not-found p{margin:0;font-size:17px}@media (max-width:600px){.menubar-menus span,.menubar-status svg{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}