:root{--ios-tint:var(--ring);--ios-tint-soft:color-mix(in srgb, var(--accent) 72%, transparent);--ios-tint-hover:color-mix(in srgb, var(--accent) 48%, transparent);--ios-tint-border:color-mix(in srgb, var(--ring) 26%, var(--border));--ios-tint-border-strong:color-mix(in srgb, var(--ring) 40%, var(--border));--ios-dark-surface:color-mix(in srgb, var(--surface-elevated) 84%, transparent);--ios-dark-surface-strong:color-mix(in srgb, var(--surface-floating) 90%, transparent);--ios-hair:#00000014;--ios-glass-bg:#ffffffb3;--ios-glass-border:#fffc;--ios-bar-bg:#f4f1eac7;--ios-shadow-inset:0 1px 0 #fff9 inset;--ios-shadow-mid:0 1px 2px #3c281414;--ios-shadow-ambient:0 6px 14px -6px #3c28142e;--ios-shadow-floating:0 16px 28px -12px #3c281447}.ios-pill{background:var(--ios-glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--ios-glass-border);min-height:40px;box-shadow:var(--ios-shadow-inset), var(--ios-shadow-mid), var(--ios-shadow-ambient);border-radius:999px;align-items:center;display:inline-flex}.dark .ios-pill{background:var(--ios-dark-surface);border-color:var(--ios-tint-border);box-shadow:inset 0 1px #ffffff0a,0 10px 24px -18px #020617e6}.ios-glass{background:var(--ios-glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--ios-glass-border);box-shadow:var(--ios-shadow-inset), var(--ios-shadow-mid), var(--ios-shadow-ambient)}.dark .ios-glass{background:var(--ios-dark-surface-strong);border-color:var(--ios-tint-border);box-shadow:inset 0 1px #ffffff08,0 18px 36px -22px #020617eb}.ios-date-picker{-webkit-backdrop-filter:blur(12px)saturate(140%);background:#fffffff0}.dark .ios-date-picker{background:var(--ios-dark-surface-strong)}.ios-glass-solid{-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--ios-glass-border);box-shadow:var(--ios-shadow-inset), var(--ios-shadow-mid), var(--ios-shadow-ambient);background:#fffffff0}.dark .ios-glass-solid{background:color-mix(in srgb, var(--surface-floating) 97%, transparent);border-color:var(--ios-tint-border);box-shadow:inset 0 1px #ffffff08,0 18px 36px -22px #020617eb}.ios-submenu-nested{background:color-mix(in srgb, var(--ios-tint) 6%, #0000000d);box-shadow:inset 0 1px 2px #3c28141a,inset 0 0 0 1px #0000000f}.dark .ios-submenu-nested{background:color-mix(in srgb, black 22%, var(--ios-dark-surface-strong));box-shadow:inset 0 1px 2px #00000059,inset 0 0 0 1px #ffffff0d}.ios-icon-btn{width:32px;height:32px;color:var(--ios-tint);background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;transition:transform .12s cubic-bezier(.2,.8,.2,1.2),background-color .12s;display:inline-flex}@media (hover:hover){.ios-icon-btn:hover{background:var(--ios-tint-hover);transform:scale(1.04)}.dark .ios-icon-btn:hover{background:var(--ios-tint-hover)}}.dark .ios-icon-btn{color:var(--ios-tint)}.ios-icon-btn:active{transform:scale(.96)}.dark .ios-icon-btn:active{background:color-mix(in srgb, var(--accent) 58%, transparent)}.ios-icon-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dark .ios-icon-btn:focus-visible{outline-color:var(--ring);background:var(--ios-tint-hover)}.ios-icon-btn[aria-disabled=true]{opacity:.45;pointer-events:none}@media (pointer:coarse){.ios-icon-btn{position:relative}.ios-icon-btn:after{content:"";position:absolute;inset:-6px}}.ios-search-avatar{object-fit:cover;border-radius:9999px;width:24px;height:24px}.ios-pill-divider{background:var(--ios-hair);width:1px;height:18px;margin:0 2px}.dark .ios-pill-divider{background:color-mix(in srgb, var(--ring) 24%, transparent)}.ios-filter-drawer{-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--ios-glass-border);width:calc(100% - 10px);max-height:100dvh;box-shadow:var(--ios-shadow-inset), 0 -18px 36px -18px #3c281457;opacity:0;will-change:opacity, transform;border-radius:24px 24px 0 0;transition:opacity .2s ease-in-out,transform .24s cubic-bezier(.2,.8,.2,1);overflow-y:auto;transform:translateY(100%)}.ios-filter-drawer[data-state=open]{opacity:1;transform:translateY(0)}.ios-filter-drawer--dragging{transition:none}@media (min-width:768px){.ios-filter-drawer{width:min(30%,100% - 10px)}}.ios-filter-option{color:#1a1a1a;width:100%;min-height:40px;box-shadow:var(--ios-shadow-inset), var(--ios-shadow-mid);background:#e5e5eab8;border:1px solid #ffffff9e;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:background-color .14s,border-color .14s,color .14s,transform .12s;display:flex;position:relative}.dark .ios-filter-option{border-color:var(--ios-tint-border);background:var(--ios-dark-surface);color:var(--muted-foreground);box-shadow:inset 0 1px #ffffff08,0 8px 18px -16px #020617eb}.ios-filter-option--active{border-color:color-mix(in srgb, var(--ring) 36%, transparent);background:var(--ios-tint-soft);color:var(--ios-tint);box-shadow:var(--ios-shadow-inset), var(--ios-shadow-mid), 0 0 0 2px color-mix(in srgb, var(--ring) 20%, transparent)}.dark .ios-filter-option--active{border-color:color-mix(in srgb, var(--ring) 34%, var(--border));background:color-mix(in srgb, var(--accent) 76%, var(--surface-floating));color:var(--accent-foreground);box-shadow:inset 0 1px 0 #ffffff0a, 0 0 0 1px color-mix(in srgb, var(--ring) 22%, transparent)}.ios-filter-option:active{transform:scale(.98)}.ios-filter-option[aria-disabled=true]{cursor:default}.ios-search-input{color:#1a1a1a;opacity:0;pointer-events:none;background:0 0;border:0;outline:0;width:0;min-width:0;margin-left:-6px;font-size:15px;transition:width .22s cubic-bezier(.2,.8,.2,1),opacity .16s ease-out,margin-left .22s cubic-bezier(.2,.8,.2,1)}.ios-search-row{opacity:0;pointer-events:none;justify-content:center;width:100%;max-height:0;padding-bottom:0;transition:max-height .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease-out,padding-bottom .22s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.ios-search-row--open{opacity:1;pointer-events:auto;max-height:56px;padding-bottom:6px}.ios-search-row-pill{align-items:center;gap:6px;width:50%;min-width:280px;max-width:600px;height:36px;padding:0 10px 0 14px;display:inline-flex}.ios-search-row-pill .ios-search-input{opacity:1;pointer-events:auto;flex:1;width:100%;min-width:0;margin-left:0}.dark .ios-search-input{color:var(--foreground)}.ios-search-input::placeholder{color:#3c3c4380}.dark .ios-search-input::placeholder{color:var(--muted-foreground)}.ios-search-clear{color:#3c3c43b8;background:#3c3c4324;border:0;border-radius:9999px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .12s,color .12s;display:inline-flex}.dark .ios-search-clear{background:color-mix(in srgb, var(--surface-floating) 78%, transparent);color:var(--muted-foreground)}@media (hover:hover){.ios-search-clear:hover{color:#1a1a1a;background:#3c3c4338}.dark .ios-search-clear:hover{background:var(--ios-tint-hover);color:var(--accent-foreground)}}.ios-search-clear:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (pointer:coarse){.ios-search-clear{position:relative}.ios-search-clear:after{content:"";position:absolute;inset:-10px}}.ios-format-measure{flex:auto;min-width:0;display:flex}.ios-format-measure-floating{display:contents}.ios-format-bar{-webkit-backdrop-filter:blur(24px)saturate(180%);box-shadow:var(--ios-shadow-inset), 0 2px 6px #3c28141f, var(--ios-shadow-floating);background:#ffffffd9;border:1px solid #ffffffe6;border-radius:14px;align-items:center;gap:2px;padding:4px;display:inline-flex}.ios-format-btn{color:#1a1a1a;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:30px;transition:background-color .12s,transform .12s;display:inline-flex;position:relative}.ios-format-btn[aria-pressed=true]{background:var(--ios-tint-soft);color:var(--ios-tint)}.ios-format-btn:active{transform:scale(.94)}.ios-format-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.ios-format-tooltip{z-index:90;width:max-content;max-width:180px;box-shadow:var(--ios-shadow-mid), 0 8px 18px -14px #3c281466;color:#1a1a1a;text-align:center;pointer-events:none;white-space:normal;background:#fffffff0;border:1px solid #ffffffd9;border-radius:8px;padding:4px 7px;font-size:11px;font-weight:500;line-height:1.2}.ios-format-select{color:#1a1a1a;cursor:pointer;appearance:none;background:0 0;border:0;border-radius:10px;outline:none;height:30px;padding:0 6px;font-size:12px;font-weight:500;transition:background-color .12s}.ios-format-select:focus{background:var(--ios-tint-soft);color:var(--ios-tint)}.ios-format-select:disabled{opacity:.45;pointer-events:none}.ios-format-overflow-panel{z-index:70;-webkit-backdrop-filter:blur(24px)saturate(180%);box-shadow:var(--ios-shadow-inset), 0 2px 6px #3c28141f, var(--ios-shadow-floating);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:14px;align-items:center;gap:2px;padding:4px;display:inline-flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.ios-format-overflow-panel[data-placement=below]{top:calc(100% + 8px);bottom:auto}.ios-mobile-format-nav-dock{z-index:50;transform:translateY(calc(var(--vvh,100dvh) - 100%));opacity:1;pointer-events:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .2s;position:fixed;top:0;left:0;right:0}:root[data-keyboard-transitioning=true] .ios-mobile-format-nav-dock{opacity:0;transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity 90ms}.ios-mobile-format-nav-dock>*{pointer-events:auto}.ios-mobile-format-nav{margin:0 12px max(8px, env(safe-area-inset-bottom));border:1px solid var(--ios-hair);-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--ios-shadow-inset), 0 10px 22px -16px #3c281452;z-index:50;background:#ffffffeb;border-radius:999px;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;display:grid;overflow:hidden}.dark .ios-mobile-format-nav{border-color:var(--ios-tint-border);background:color-mix(in srgb, var(--surface-elevated) 96%, transparent);box-shadow:inset 0 1px #ffffff08,0 14px 28px -20px #020617eb}.ios-mobile-format-nav-btn{color:#1a1a1a;background:0 0;border:0;justify-content:center;align-items:center;min-height:40px;padding:8px 5px;transition:background-color .12s,color .12s;display:flex}.ios-mobile-format-nav-btn[aria-pressed=true]{background:var(--ios-tint-soft);color:var(--ios-tint)}.ios-mobile-format-nav-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.dark .ios-mobile-format-nav-btn{color:var(--foreground)}.ios-mobile-format-nav-icon{justify-content:center;align-items:center;display:inline-flex}.ios-search-highlight{box-shadow:inset 2px 0 0 var(--ring);background:#ffe06673;border-radius:4px}@media (hover:none){.rich-text-content:focus{font-size:16px!important}}
