:root{--of-color-brand-50:#f2f8f6;--of-color-brand-100:#e4f0ec;--of-color-brand-200:#cfe0db;--of-color-brand-500:#16887c;--of-color-brand-600:#12736a;--of-color-brand-700:#0e5a52;--of-color-brand-900:#093f3a;--of-color-brand:var(--of-color-brand-700);--of-color-focus:var(--of-color-brand-700);--of-color-white:#fff;--of-color-neutral-50:#f8fafc;--of-color-neutral-100:#f1f5f9;--of-color-neutral-200:#e2e8f0;--of-color-neutral-300:#cbd5e1;--of-color-neutral-400:#94a3b8;--of-color-neutral-500:#64748b;--of-color-neutral-600:#475569;--of-color-neutral-700:#334155;--of-color-neutral-800:#1e293b;--of-color-neutral-900:#0f172a;--of-color-page-bg:var(--of-color-neutral-50);--of-color-text:var(--of-color-neutral-900);--of-color-text-muted:var(--of-color-neutral-600);--of-color-border:var(--of-color-neutral-200);--of-color-surface:var(--of-color-white);--of-color-border-control:#8290a5;--of-color-success:#15803d;--of-color-success-bg:#f0fdf4;--of-color-warning:#b45309;--of-color-warning-bg:#fffbeb;--of-color-danger:#b91c1c;--of-color-danger-bg:#fef2f2;--of-color-info:#1d4ed8;--of-color-info-bg:#eff6ff;--of-space-1:.25rem;--of-space-2:.5rem;--of-space-3:.75rem;--of-space-4:1rem;--of-space-5:1.25rem;--of-space-6:1.5rem;--of-space-8:2rem;--of-space-10:2.5rem;--of-space-12:3rem;--of-space-16:4rem;--of-radius-sm:4px;--of-radius-md:8px;--of-radius-lg:12px;--of-radius-full:9999px;--of-radius-control:var(--of-radius-md);--of-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif;--of-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--of-text-xs:.75rem;--of-text-sm:.875rem;--of-text-base:1rem;--of-text-lg:1.125rem;--of-text-xl:1.25rem;--of-text-2xl:1.5rem;--of-text-3xl:1.875rem;--of-shadow-sm:0 1px 2px 0 #0f172a0d;--of-shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0d;--of-shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0d;--of-touch-target:44px;--of-max-width-form:42rem;--of-max-width-app:80rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--of-font-sans);font-size:var(--of-text-base);color:var(--of-color-text);background:var(--of-color-page-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25}p{margin:0}:focus-visible{outline:2px solid var(--of-color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.of-stack{gap:var(--of-space-4);flex-direction:column;display:flex}.of-card{background:var(--of-color-surface);border:1px solid var(--of-color-border);border-radius:var(--of-radius-lg);padding:var(--of-space-6);box-shadow:var(--of-shadow-sm)}.of-button{justify-content:center;align-items:center;gap:var(--of-space-2);min-height:var(--of-touch-target);padding:0 var(--of-space-5);border-radius:var(--of-radius-control);font-family:inherit;font-size:var(--of-text-base);cursor:pointer;border:1px solid #0000;font-weight:500;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.of-button:disabled{opacity:.55;cursor:not-allowed}.of-button--primary{background:var(--of-color-brand);color:var(--of-color-white)}.of-button--primary:hover:not(:disabled){filter:brightness(.93)}.of-button--secondary{background:var(--of-color-surface);border-color:var(--of-color-border-control);color:var(--of-color-text)}.of-button--secondary:hover:not(:disabled){background:var(--of-color-neutral-50)}.of-button--ghost{color:var(--of-color-brand);background:0 0}.of-button--ghost:hover:not(:disabled){background:var(--of-color-brand-50)}.of-button--full{width:100%}.of-field{gap:var(--of-space-2);flex-direction:column;display:flex}.of-label{font-size:var(--of-text-sm);color:var(--of-color-text);font-weight:500}.of-label__required{color:var(--of-color-danger);margin-left:2px}.of-help{font-size:var(--of-text-sm);color:var(--of-color-text-muted)}.of-error{font-size:var(--of-text-sm);color:var(--of-color-danger)}.of-input,.of-textarea,.of-select{width:100%;min-height:var(--of-touch-target);padding:var(--of-space-3);border:1px solid var(--of-color-neutral-300);border-radius:var(--of-radius-control);background:var(--of-color-surface);color:var(--of-color-text);font-family:inherit;font-size:var(--of-text-base)}.of-textarea{resize:vertical;min-height:6rem}.of-input:disabled,.of-textarea:disabled,.of-select:disabled{background:var(--of-color-neutral-100);cursor:not-allowed}.of-input[aria-invalid=true],.of-textarea[aria-invalid=true],.of-select[aria-invalid=true]{border-color:var(--of-color-danger)}.of-choice{align-items:flex-start;gap:var(--of-space-3);min-height:var(--of-touch-target);padding:var(--of-space-3);border:1px solid var(--of-color-neutral-300);border-radius:var(--of-radius-control);cursor:pointer;display:flex}.of-choice:hover{background:var(--of-color-neutral-50)}.of-choice input{width:1.15rem;height:1.15rem;accent-color:var(--of-color-brand);flex-shrink:0;margin:0}.of-badge{padding:2px var(--of-space-2);border-radius:var(--of-radius-full);font-size:var(--of-text-xs);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.of-badge--neutral{background:var(--of-color-neutral-100);color:var(--of-color-neutral-700)}.of-badge--success{background:var(--of-color-success-bg);color:var(--of-color-success)}.of-badge--warning{background:var(--of-color-warning-bg);color:var(--of-color-warning)}.of-badge--danger{background:var(--of-color-danger-bg);color:var(--of-color-danger)}.of-badge--info{background:var(--of-color-info-bg);color:var(--of-color-info)}.of-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.of-version-toast{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:60;border-radius:var(--of-radius-md,8px);background:var(--of-color-neutral-900,#17211f);max-width:min(92vw,34rem);color:var(--of-color-white,#fff);font-size:var(--of-text-sm,.9rem);align-items:center;gap:.75rem;padding:.7rem 1rem;line-height:1.4;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px -10px #00000073}.of-version-toast button{border-radius:var(--of-radius-sm,6px);color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff59;flex:none;padding:.35rem .75rem;font-weight:600}.of-version-toast button:hover{background:#ffffff1f}.of-version-toast button:focus-visible{outline:2px solid var(--of-color-white,#fff);outline-offset:2px}.of-pending.of-pending{vertical-align:middle;align-items:center;gap:.22em;width:auto;min-width:0;margin-inline-end:.45em;display:inline-flex}.of-pending.of-pending>span{opacity:.35;background:currentColor;border-radius:50%;width:.3em;height:.3em;animation:1.05s ease-in-out infinite of-pending-pulse}.of-pending.of-pending>span:nth-child(2){animation-delay:.14s}.of-pending.of-pending>span:nth-child(3){animation-delay:.28s}@keyframes of-pending-pulse{0%,70%,to{opacity:.35;transform:scale(.82)}35%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.of-pending.of-pending>span{opacity:.6;animation:none;transform:none}}.of-idle{z-index:60;align-items:center;gap:var(--of-space-4,1rem);max-inline-size:min(26rem,100vw - 2rem);padding:var(--of-space-4,1rem) var(--of-space-5,1.25rem);border:1px solid var(--of-color-border,#d7dbd9);border-radius:var(--of-radius-lg,.75rem);background:var(--of-color-surface,#fff);font-size:var(--of-text-sm,.875rem);color:var(--of-color-text,#10231d);display:flex;position:fixed;inset-block-end:var(--of-space-4,1rem);inset-inline-end:var(--of-space-4,1rem);box-shadow:0 10px 30px #0000002e}.of-idle-text{margin:0}.of-idle-button{padding:var(--of-space-2,.5rem) var(--of-space-4,1rem);border-radius:var(--of-radius-md,.5rem);background:var(--of-color-brand,#0e5a52);color:var(--of-color-white,#fff);font:inherit;cursor:pointer;border:0;flex:none;font-weight:600}.of-idle-button:hover{filter:brightness(1.08)}.of-idle-button:focus-visible{outline:2px solid var(--of-color-brand,#0e5a52);outline-offset:2px}@media (max-width:480px){.of-idle{inset-inline:var(--of-space-3,.75rem);align-items:stretch;gap:var(--of-space-3,.75rem);flex-direction:column;max-inline-size:none}}
.of-closed{max-width:34rem;padding:var(--of-space-8) var(--of-space-5);gap:var(--of-space-4);margin:0 auto;display:grid}.of-closed-title{font-size:var(--of-text-xl);margin:0;line-height:1.25}.of-closed p{margin:0;line-height:1.6}.of-closed-muted{color:var(--of-color-text-muted)}.rs-page{color:#16211e;background:#f6f7f8;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.rs-card{background:#fff;border:1px solid #e3e6e8;border-radius:14px;width:100%;max-width:30rem;padding:1.75rem;box-shadow:0 12px 32px -20px #0006}.rs-title{margin:0 0 .75rem;font-size:1.35rem;line-height:1.25}.rs-text{color:#3c4a46;margin:0 0 .9rem;font-size:.95rem;line-height:1.55}.rs-form{flex-direction:column;gap:.35rem;margin:1.25rem 0 1rem;display:flex}.rs-label{font-size:.95rem;font-weight:600}.rs-input{border:1px solid #c3cac8;border-radius:10px;width:100%;min-height:48px;padding:0 .85rem;font-family:inherit;font-size:max(16px,1rem)}.rs-input[aria-invalid=true]{border-color:#b3261e}.rs-hint{color:#5d6b67;font-size:.8rem}.rs-error{color:#b3261e;margin:.5rem 0 0;font-size:.9rem}.rs-button{color:#fff;cursor:pointer;background:#1f5d4c;border:none;border-radius:10px;min-height:48px;margin-top:.75rem;padding:0 1.1rem;font-family:inherit;font-size:1rem;font-weight:600}.rs-button:disabled{opacity:.6;cursor:not-allowed}.rs-small{color:#5d6b67;margin:1.1rem 0 0;font-size:.8rem;line-height:1.5}.ob-page{max-width:60rem;margin:0 auto;padding:32px 20px 64px}.ob-page h1{margin:0 0 4px}.ob-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-block:20px;padding:20px}.ob-card h2{margin:0 0 4px;font-size:1.1rem}.ob-label{margin-top:14px;margin-bottom:4px;font-size:.9rem;font-weight:600;display:block}.ob-input{width:100%;min-height:2.75rem;font:inherit;color:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;display:block}.ob-input:focus-visible{outline-offset:1px;outline:2px solid #0f6d62}textarea.ob-input{resize:vertical;min-height:auto}.ob-hint{color:#64748b;margin:4px 0 0;font-size:.85rem}.ob-check{cursor:pointer;align-items:flex-start;gap:10px;min-height:2.75rem;padding:8px 0;display:flex}.ob-check input{flex:none;width:18px;height:18px;margin-top:2px}.ob-check input:disabled{cursor:default;opacity:.7}.ob-field-grid{border-top:1px solid #f1f5f9;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:12px;padding-block:10px;display:grid}.ob-field-grid:first-of-type{border-top:0}.ob-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px}.ob-notice{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px}.ob-muted{color:#64748b}.ob-actions{flex-wrap:wrap;gap:12px;margin-block:24px;display:flex}.ob-button{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:#0f6d62;border:1px solid #0000;border-radius:8px;padding:10px 20px;font-weight:600}.ob-button-secondary{color:#0f172a;background:#fff;border-color:#cbd5e1}.ob-button:focus-visible{outline-offset:2px;outline:2px solid #0f6d62}.ob-form fieldset[disabled] .ob-input{color:#475569;background:#f8fafc}
.of-qicon{background:color-mix(in srgb, var(--of-qicon-color) 12%, transparent);color:var(--of-qicon-color);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.of-qicon-md{width:2.25rem;height:2.25rem}.of-qicon-sm{width:1.75rem;height:1.75rem}.of-qicon svg{width:60%;height:60%}.of-qicon-brand{--of-qicon-color:var(--of-color-brand)}.of-qicon-slate{--of-qicon-color:#5b6472}.of-qicon-indigo{--of-qicon-color:#5558a8}.of-qicon-teal{--of-qicon-color:#2f7d7a}.of-qicon-plum{--of-qicon-color:#7a4f73}[dir=rtl] .of-qicon svg{transform:none}
