@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html{color-scheme:light}.dark{color-scheme:dark}body{margin:0}.demo-mobile{display:none}[hidden]{display:none!important}.demo-desktop,.demo-mobile{min-height:100dvh}.demo-dark-wordmark{filter:brightness(0) invert(1)}
.demo-dialog{position:fixed;inset:0;width:min(460px,calc(100% - 32px));max-height:85dvh;margin:auto;padding:30px;border:1px solid hsl(var(--border));border-radius:16px;background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 24px 100px #0003;overflow:auto;font-family:Inter,system-ui,sans-serif}.demo-dialog::backdrop{background:#141a2480;backdrop-filter:blur(3px)}dialog:not([open]){display:none!important}
.demo-dialog h2{padding-right:24px;font-size:22px;line-height:1.25;font-weight:650;letter-spacing:-.4px}.demo-dialog p{margin:14px 0 22px;font-size:13px;line-height:1.7;color:hsl(var(--muted-foreground))}.demo-dialog .demo-free-note{margin-bottom:0;font-size:11px}.demo-eyebrow{margin:0 0 13px;font-size:10px;font-weight:650;letter-spacing:.12em;color:hsl(var(--muted-foreground))}
.demo-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:hsl(var(--muted-foreground))}.demo-close:hover{background:hsl(var(--muted))}.demo-primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 17px;border-radius:8px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:13px;font-weight:600}
.demo-menu{inset:0 auto 0 0;margin:0;width:min(320px,calc(100% - 32px));max-height:100dvh;height:100dvh;border-radius:0 16px 16px 0;padding:27px 14px}.demo-menu h2,.demo-menu>p{padding-left:12px}.demo-menu nav{margin-bottom:10px}.demo-menu [data-demo-reset]{margin:8px 12px}.demo-choice-options{display:grid;gap:5px;margin-top:20px}.demo-choice-options button{min-height:43px;text-align:left;border:1px solid transparent;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4}.demo-choice-options button:hover,.demo-choice-options button[aria-pressed=true]{background:hsl(var(--muted));border-color:hsl(var(--border))}
.demo-text-button{color:hsl(var(--muted-foreground));font-size:12px;text-decoration:underline;text-underline-offset:3px;min-height:36px}.demo-text-button:hover{color:hsl(var(--foreground))}.demo-suite{width:min(520px,calc(100% - 24px))}.demo-suite .sheptools-sheet-apps{display:grid;grid-template-columns:1fr;gap:8px}.demo-suite .sheptools-app{justify-content:flex-start}.demo-suite .sheptools-app img{width:32px;height:32px;object-fit:contain}
.demo-toast{position:fixed;z-index:150;top:14px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:max-content;padding:11px 16px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 6px 28px #0002;font:12px/1.5 Inter,system-ui,sans-serif;pointer-events:none}.demo-empty{margin:20px;border:1px dashed hsl(var(--border));border-radius:12px;padding:28px;text-align:center;color:hsl(var(--muted-foreground));font-size:13px;line-height:1.6}
.demo-format-glyph{font-size:15px;line-height:1;vertical-align:middle;font-family:Georgia,serif}.ql-bold .demo-format-glyph{font-weight:bold}.ql-italic .demo-format-glyph{font-style:italic}.ql-underline .demo-format-glyph{text-decoration:underline}.ql-strike .demo-format-glyph{text-decoration:line-through}.animate-fade-in{animation:none!important}.demo-dialog button:focus-visible,.demo-dialog a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}body[data-demo-app=word] .sermon-document-editor .ql-editor{user-select:text;-webkit-user-select:text}
@media(max-width:767px){body:is([data-demo-app=care],[data-demo-app=word]) .demo-desktop{display:none}body:is([data-demo-app=care],[data-demo-app=word]) .demo-mobile{display:block}}
@media(max-width:1023px){body:is([data-demo-app=learn],[data-demo-app=dev]) .demo-desktop{display:none}body:is([data-demo-app=learn],[data-demo-app=dev]) .demo-mobile{display:block}}
@media(max-width:600px){.demo-dialog{padding:27px 21px}.demo-menu{padding:27px 14px}.demo-dialog h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}