@font-face{font-family:display;src:url(../media/bricolage-s.p.0qwhetilihb15.woff2)format("woff2");font-display:swap;font-weight:700 800}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:107.99%;descent-override:31.35%;line-gap-override:0.0%;size-adjust:86.12%}.iWb8WW_className{font-family:display,display Fallback,Arial Narrow,sans-serif}.iWb8WW_variable{--font-kuafor-display:"display", "display Fallback", Arial Narrow, sans-serif}
@font-face{font-family:text;src:url(../media/newsreader-s.p.1e30or21ay77f.woff2)format("woff2");font-display:swap;font-weight:400 600}@font-face{font-family:text Fallback;src:local(Times New Roman);ascent-override:73.61%;descent-override:26.54%;line-gap-override:0.0%;size-adjust:99.84%}.rkPEjG_className{font-family:text,text Fallback,Georgia,serif}.rkPEjG_variable{--font-kuafor-text:"text", "text Fallback", Georgia, serif}
@layer components{[data-demo=kuafor]{--color-bg:#eceaf0;--color-surface:#f7f6f9;--color-fg:#2a1d1a;--color-muted:#5d5462;--color-line:#cfcad6;--color-accent:#4b2fbf;--color-accent-fg:#fff;--color-success:#2e6b3f;--color-warning:#8a5300;--color-danger:#b3261e;--font-sans:var(--font-kuafor-text), Georgia, serif;--font-display:var(--font-kuafor-display), "Arial Narrow", sans-serif;--k-accent-hover:#3c24a3;--k-accent-off:#b9b2d6;--k-ease-out:cubic-bezier(.23, 1, .32, 1);--k-raise:0 -8px 24px #2a1d1a14;--k-overlay:0 24px 64px #2a1d1a38;font-optical-sizing:auto;font-size:17px;line-height:1.55}[data-demo=kuafor] :focus-visible{outline:3px solid var(--color-fg);outline-offset:3px}[data-demo=kuafor] ::selection{background:var(--color-accent);color:var(--color-accent-fg)}[data-demo=kuafor] .k-display{font-family:var(--font-display);font-variation-settings:"wdth" 75, "opsz" 96;font-weight:700}[data-demo=kuafor] .k-h1{font-family:var(--font-display);font-variation-settings:"wdth" 75, "opsz" 96;letter-spacing:-.025em;text-wrap:balance;font-size:clamp(54px,10.4vw,150px);font-weight:700;line-height:.9}[data-demo=kuafor] .k-h1-page{font-family:var(--font-display);font-variation-settings:"wdth" 75, "opsz" 96;letter-spacing:-.025em;text-wrap:balance;font-size:clamp(54px,7.6vw,110px);font-weight:700;line-height:.9}[data-demo=kuafor] .k-h2{font-family:var(--font-display);font-variation-settings:"wdth" 75, "opsz" 72;letter-spacing:-.02em;text-wrap:balance;font-size:clamp(40px,4.6vw,66px);font-weight:700;line-height:.95}[data-demo=kuafor] .k-h3{font-family:var(--font-display);font-variation-settings:"wdth" 80, "opsz" 24;font-size:24px;font-weight:700;line-height:1.1}[data-demo=kuafor] .k-code{font-family:var(--font-display);font-variation-settings:"wdth" 80, "opsz" 14;font-variant-numeric:tabular-nums;font-weight:700}[data-demo=kuafor] .k-lede{max-width:34em;font-size:19px;line-height:1.5}@media (min-width:1024px){[data-demo=kuafor] .k-lede{font-size:21px}}[data-demo=kuafor] .k-num{font-variant-numeric:tabular-nums}[data-demo=kuafor] .k-wordmark{font-family:var(--font-display);font-variation-settings:"wdth" 75, "opsz" 96;letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1;text-decoration:none}[data-demo=kuafor] .k-tag{background:var(--color-accent);min-height:50px;color:var(--color-accent-fg);font-family:var(--font-display);font-variation-settings:"wdth" 85, "opsz" 18;white-space:nowrap;cursor:pointer;transition:background-color .16s var(--k-ease-out), transform .12s var(--k-ease-out);border-radius:4px 26px 26px 4px;justify-content:center;align-items:center;gap:12px;padding-block:0;padding-inline:16px 24px;font-size:17px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}[dir=rtl] [data-demo=kuafor] .k-tag{border-radius:26px 4px 4px 26px}[data-demo=kuafor] .k-tag:before{content:"";background:var(--color-bg);border-radius:50%;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 2px #0000004d}[data-demo=kuafor] .k-tag-sm{min-height:44px}@media (hover:hover) and (pointer:fine){[data-demo=kuafor] .k-tag:hover{background:var(--k-accent-hover)}}[data-demo=kuafor] .k-tag:active{transform:scale(.97)}[data-demo=kuafor] .k-tag[aria-disabled=true]{background:var(--k-accent-off);cursor:not-allowed;transform:none}[data-demo=kuafor] .k-tag[aria-disabled=true]:before{visibility:hidden}[data-demo=kuafor] .k-link{text-underline-offset:4px;cursor:pointer;align-items:center;min-height:44px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}[data-demo=kuafor] .k-link:hover{text-decoration-thickness:2px}[data-demo=kuafor] .k-kartela{background:var(--color-surface);border-radius:3px;margin:0;padding:16px 14px 14px}[data-demo=kuafor] .k-strands{border-top:6px solid var(--color-fg);grid-template-columns:repeat(7,1fr);align-items:start;gap:7px;height:178px;margin:0;padding:0;list-style:none;display:grid}[data-demo=kuafor] .k-strands li{height:var(--h);flex-direction:column;display:flex;position:relative}[data-demo=kuafor] .k-strands b{font-family:var(--font-display);font-variation-settings:"wdth" 80, "opsz" 14;text-align:center;font-variant-numeric:tabular-nums;padding:8px 0 6px;font-size:12px;font-weight:700;line-height:1;display:block}[data-demo=kuafor] .k-strand,[data-demo=kuafor] .k-strands li:after{background-color:var(--c);clip-path:polygon(0 0,100% 0,100% 86%,88% 100%,70% 92%,52% 100%,32% 93%,14% 100%,0 89%);background-image:repeating-linear-gradient(90deg,#ffffff21 0 1px,#0000 1px 3px),linear-gradient(#ffffff2e,#0000 30%,#00000038)}[data-demo=kuafor] .k-strands li:after{content:"";transform-origin:50% 0;flex:1}[data-demo=kuafor] .k-strands li[data-on]:before{content:"";inset-inline:-3px;background:var(--color-accent);height:6px;position:absolute;top:-6px}[data-demo=kuafor] .k-strands li[data-on] b{color:var(--color-accent)}@media (min-width:1024px){[data-demo=kuafor] .k-kartela{padding:26px 24px 22px}[data-demo=kuafor] .k-strands{gap:12px;height:min(470px,52vh);min-height:340px}[data-demo=kuafor] .k-strands b{padding:12px 0 10px;font-size:15px}}@media (prefers-reduced-motion:no-preference){[data-demo=kuafor] .k-strands li:after{animation:k-settle 1s var(--k-ease-out) both;animation-delay:calc(var(--i) * 70ms + .15s)}[data-demo=kuafor] .k-strands li[data-on]:before{transform-origin:0;animation:k-rail .5s var(--k-ease-out) both .8s}}@keyframes k-settle{0%{opacity:0;transform:rotate(4deg)scaleY(.9)}to{opacity:1;transform:none}}@keyframes k-rail{0%{transform:scaleX(0)}to{transform:none}}[data-demo=kuafor] .k-strand{border-top:4px solid var(--color-fg);flex:none;width:28px;height:64px;display:block}[data-demo=kuafor] .k-formula{background:var(--color-bg);border-radius:4px 40px 40px 4px;padding-block:28px 30px;padding-inline:52px 28px;position:relative}[dir=rtl] [data-demo=kuafor] .k-formula{border-radius:40px 4px 4px 40px}[data-demo=kuafor] .k-formula:before{content:"";inset-inline-start:20px;background:var(--color-surface);border-radius:50%;width:14px;height:14px;position:absolute;top:32px;box-shadow:inset 0 0 0 2px #00000040}[data-demo=kuafor] .k-formula.k-on-bg{background:var(--color-surface)}[data-demo=kuafor] .k-formula.k-on-bg:before{background:var(--color-bg)}[data-demo=kuafor] .k-formula-code{font-family:var(--font-display);font-variation-settings:"wdth" 75, "opsz" 72;letter-spacing:-.02em;color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:56px;font-weight:700;line-height:1}[data-demo=kuafor] .k-rows{border-top:1px solid var(--color-line);margin:0;padding:0;list-style:none}[data-demo=kuafor] .k-rows>li{border-bottom:1px solid var(--color-line)}[data-demo=kuafor] .k-choice{text-align:start;cursor:pointer;width:100%;transition:background-color .16s var(--k-ease-out);display:grid;position:relative}[data-demo=kuafor] .k-choice[aria-pressed=true]{background:color-mix(in srgb, var(--color-accent) 6%, transparent)}[data-demo=kuafor] .k-choice:has(input:checked){background:color-mix(in srgb, var(--color-accent) 6%, transparent)}[data-demo=kuafor] .k-choice[aria-pressed=true]:before{content:"";background:var(--color-accent);width:4px;position:absolute;inset-block:0;inset-inline-start:0}[data-demo=kuafor] .k-choice:has(input:checked):before{content:"";background:var(--color-accent);width:4px;position:absolute;inset-block:0;inset-inline-start:0}[data-demo=kuafor] .k-choice:has(input:focus-visible){outline:3px solid var(--color-fg);outline-offset:-3px}@media (hover:hover) and (pointer:fine){[data-demo=kuafor] .k-choice:hover{background:color-mix(in srgb, var(--color-accent) 4%, transparent)}}[data-demo=kuafor] .k-days{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin:-4px;padding:4px;scroll-padding-inline:4px;display:flex;overflow-x:auto}[data-demo=kuafor] .k-days::-webkit-scrollbar{display:none}[data-demo=kuafor] .k-day{scroll-snap-align:start;border:1px solid var(--color-line);background:var(--color-surface);cursor:pointer;width:64px;min-height:76px;transition:background-color .16s var(--k-ease-out), color .16s var(--k-ease-out);border-radius:4px;flex:none;align-content:center;justify-items:center;gap:2px;display:grid}[data-demo=kuafor] .k-day[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}[data-demo=kuafor] .k-day:disabled{cursor:not-allowed;color:var(--color-muted);background:0 0;border-style:dashed}[data-demo=kuafor] .k-day-num{font-family:var(--font-display);font-variation-settings:"wdth" 80, "opsz" 24;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}[data-demo=kuafor] .k-day-small{font-size:13px;line-height:1.2}[data-demo=kuafor] .k-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:480px){[data-demo=kuafor] .k-slots{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){[data-demo=kuafor] .k-slots{grid-template-columns:repeat(6,minmax(0,1fr))}}[data-demo=kuafor] .k-slot{border:1px solid var(--color-line);background:var(--color-surface);width:100%;min-height:44px;font-family:var(--font-display);font-variation-settings:"wdth" 85, "opsz" 18;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .16s var(--k-ease-out), border-color .16s var(--k-ease-out);border-radius:22px;font-size:17px;font-weight:700}@media (hover:hover) and (pointer:fine){[data-demo=kuafor] .k-slot:hover{border-color:var(--color-accent)}}[data-demo=kuafor] .k-slot[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}[data-demo=kuafor] .k-input{border:1px solid var(--color-muted);background:var(--color-surface);width:100%;min-height:50px;color:var(--color-fg);font:inherit;border-radius:4px;padding:12px 14px;font-size:17px;display:block}[data-demo=kuafor] textarea.k-input{resize:vertical;min-height:96px}[data-demo=kuafor] .k-input:focus-visible{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);outline:none}[data-demo=kuafor] .k-input[aria-invalid=true]{border-color:var(--color-danger)}[data-demo=kuafor] .k-raised{border-top:1px solid var(--color-line);box-shadow:var(--k-raise)}[data-demo=kuafor] dialog{box-shadow:var(--k-overlay)}[data-demo=kuafor] dialog::backdrop{background:#2a1d1a80}[data-demo=kuafor] [data-confirm-dialog] h2{font-variation-settings:"wdth" 80, "opsz" 24}[data-demo=kuafor] [data-confirm-ok]{font-family:var(--font-display);font-variation-settings:"wdth" 85, "opsz" 18;border-radius:4px}[data-demo=kuafor] [data-kvkk-delete]{color:var(--color-danger)}@media (prefers-reduced-motion:no-preference){[data-demo=kuafor] .k-enter{animation:k-enter .22s var(--k-ease-out) both}}@keyframes k-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}