.bri-demo{--sky:#0099a3;--sky-600:#00838c;--sky-700:#006269;--sky-100:#c8e7e9;--marine:#006269;--marine-700:#00474c;--marine-900:#203535;--sage:#d7eaea;--sage-deep:#a6cbc3;--mist:#dbe9ee;--snow:#f1f8f8;--ink:#203535;--slate:#546e6f;--cloud:#66807f;--line:#cde2e4;--line-soft:#e0eeef;--white:#fff;--emergent:#e5484d;--emergent-bg:#fbe9ea;--urgent:#0db8d3;--urgent-bg:#e0f5f9;--routine:#0099a3;--routine-bg:#e0f2f2;--selfcare:#4f9e8e;--selfcare-bg:#e6f2ee;--ai:#1b7fdc;--ai-600:#1568bc;--ai-bg:#e6f1fb;--ai-line:#c3ddf6;--gold:#c8a94e;--gold-soft:#e6c868;--on-gold:#3a2e0a;--bg-app:var(--snow);--bg-card:var(--white);--bg-soft:var(--mist);--fg-1:var(--ink);--fg-2:var(--slate);--fg-3:var(--cloud);--on-marine:#eaf6f6;--static-white:#fff;--font-head:var(--font-bri-head), Georgia, serif;--font-body:var(--font-bri-body), -apple-system, sans-serif;--font-he:var(--font-bri-he), sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--t-2xs:12px;--t-xs:13px;--t-sm:14px;--t-base:15px;--t-md:17px;--t-lg:20px;--t-xl:24px;--t-2xl:30px;--t-3xl:38px;--t-4xl:48px;--t-5xl:56px;--t-6xl:72px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--sh-xs:0 1px 2px #0000000a;--sh-sm:0 2px 8px #0000000d;--sh-md:0 8px 30px #00000014;--sh-lg:0 20px 60px #0000001f;--ring:0 0 0 4px #0099a34d;--ease:cubic-bezier(.2,0,0,1);--ease-soft:cubic-bezier(.16,1,.3,1);--d-fast:.16s;--d-base:.24s;--d-slow:.4s;--glass-hi:color-mix(in srgb, var(--static-white) 45%, transparent);--glass-bg:color-mix(in srgb, var(--white) 85%, transparent);--glass-edge:color-mix(in srgb, var(--white) 85%, transparent);--glass-blur:20px;--sky-glass:color-mix(in srgb, var(--sky) 96%, transparent);--emergent-glass:color-mix(in srgb, var(--emergent) 96%, transparent);--marine-glass:color-mix(in srgb, var(--marine) 92%, transparent);--device-halo:radial-gradient(120% 90% at 50% 0%, #fff 0%, #f1f8f8 60%, #dbe9ee 100%);--device-bezel-shadow:0 20px 44px -18px #00000080, 0 70px 120px -40px #0009, 0 0 0 1px #00000024, 0 0 40px 2px #8cd2dc0d;--field:linear-gradient(180deg, #f5fbfb, #e7f3f3)}[dir=rtl] .bri-demo{--font-head:var(--font-bri-he), sans-serif;--font-body:var(--font-bri-he), sans-serif}.bri-screen-in{animation:.28s cubic-bezier(.2,0,0,1) briScreenIn}@keyframes briScreenIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.bri-fade-in{animation:.28s cubic-bezier(.16,.84,.24,1) briFadeIn}@keyframes briFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bri-bar-grow{animation:briBarGrow .52s var(--ease-soft) both;transform-origin:bottom}@keyframes briBarGrow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.bri-pulse-dot{animation:1.6s ease-in-out infinite briDot;position:relative}@keyframes briDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.bri-ring{border:2px solid var(--sky);border-radius:99px;animation:1.5s ease-out infinite briRing;position:absolute;inset:0}@keyframes briRing{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.25)}}.bri-spin-sm{border:2px solid;border-top-color:#0000;border-radius:99px;width:15px;height:15px;animation:.8s linear infinite briSpin;display:inline-block}@keyframes briSpin{to{transform:rotate(360deg)}}.bri-trace{stroke-dasharray:520;stroke-dashoffset:520px;animation:2.6s cubic-bezier(.2,0,0,1) infinite briTrace}@keyframes briTrace{0%{stroke-dashoffset:520px}55%{stroke-dashoffset:0}to{stroke-dashoffset:-520px}}@media (prefers-reduced-motion:reduce){.bri-demo *,.bri-demo :before,.bri-demo :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}