@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--font-display: "Fraunces", "Iowan Old Style", serif;--font-ui: "Manrope", "Avenir Next", "Segoe UI", sans-serif;--accent-primary: #4f46e5;--accent-secondary: #0d9488;--accent-tertiary: #14b8a6;--app-bg-top: #f8fafc;--app-bg-bottom: #e2e8f0;--app-bg-plate: rgba(255, 255, 255, .44);--app-bg-plate-strong: rgba(255, 255, 255, .62);--top-fade-color: #ffffff;--primary-text: #0f172a;--secondary-text: #475569;--glass-stroke: rgba(255, 255, 255, .55);--glass-stroke-strong: rgba(15, 23, 42, .08);--glass-shadow: rgba(0, 0, 0, .08);--danger: #b91c1c;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px}@media(prefers-color-scheme:dark){:root{--accent-primary: #818cf8;--accent-secondary: #2dd4bf;--accent-tertiary: #5eead4;--app-bg-top: #0f172a;--app-bg-bottom: #020617;--app-bg-plate: rgba(255, 255, 255, .06);--app-bg-plate-strong: rgba(255, 255, 255, .13);--top-fade-color: #000000;--primary-text: #f1f5f9;--secondary-text: #94a3b8;--glass-stroke: rgba(255, 255, 255, .12);--glass-stroke-strong: rgba(255, 255, 255, .06);--glass-shadow: rgba(0, 0, 0, .45);--danger: #f87171}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-ui);color:var(--primary-text);background:linear-gradient(180deg,var(--app-bg-top),var(--app-bg-bottom));text-rendering:geometricPrecision}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-root{position:relative;min-height:100%;overflow-x:clip}.background-layer{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(1100px 600px at 12% -10%,color-mix(in srgb,var(--accent-tertiary) 21%,transparent),transparent 72%),radial-gradient(900px 500px at 110% 44%,color-mix(in srgb,var(--accent-secondary) 18%,transparent),transparent 70%),radial-gradient(780px 480px at 28% 115%,color-mix(in srgb,var(--accent-primary) 16%,transparent),transparent 74%),linear-gradient(180deg,var(--app-bg-top),var(--app-bg-bottom))}.background-layer:after{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(255,255,255,.05) 0%,transparent 25%),repeating-linear-gradient(45deg,transparent 0,transparent 14px,color-mix(in srgb,var(--accent-primary) 6%,transparent) 14px,color-mix(in srgb,var(--accent-primary) 6%,transparent) 15px);mix-blend-mode:soft-light;opacity:.5}.background-layer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--top-fade-color) 88%,transparent) 0%,color-mix(in srgb,var(--top-fade-color) 46%,transparent) 22%,color-mix(in srgb,var(--top-fade-color) 16%,transparent) 42%,transparent 68%);pointer-events:none}.content-shell{position:relative;z-index:1;width:min(1020px,100%);margin:0 auto;padding:16px clamp(12px,2.4vw,28px) 110px}.glass-card{border:1px solid var(--glass-stroke);border-color:color-mix(in srgb,var(--glass-stroke) 90%,var(--glass-stroke-strong));background:linear-gradient(162deg,color-mix(in srgb,var(--app-bg-plate-strong) 95%,transparent),color-mix(in srgb,var(--app-bg-plate) 88%,transparent) 45%,color-mix(in srgb,var(--app-bg-plate) 72%,transparent));-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);box-shadow:0 24px 45px -24px var(--glass-shadow),inset 0 1px color-mix(in srgb,white 70%,transparent)}.app-banner{position:sticky;top:10px;z-index:12;border-radius:var(--radius-lg);padding:14px;margin-bottom:12px;animation:rise-in .42s cubic-bezier(.22,1,.36,1) both}.app-title{margin:0 0 10px;text-align:center;font-family:var(--font-display);font-size:clamp(1.58rem,3.5vw,1.92rem);font-weight:700;letter-spacing:.01em;line-height:1.05;color:transparent;background:linear-gradient(142deg,var(--accent-primary),var(--accent-tertiary) 56%,var(--accent-secondary));background-clip:text;-webkit-background-clip:text}.search-shell{display:flex;align-items:center;gap:10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--glass-stroke) 84%,var(--glass-stroke-strong));background:color-mix(in srgb,var(--app-bg-plate-strong) 94%,transparent);padding:9px 12px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.search-shell:focus-within{border-color:color-mix(in srgb,var(--accent-primary) 35%,var(--glass-stroke));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 14%,transparent),0 10px 20px -14px color-mix(in srgb,var(--accent-primary) 45%,transparent);transform:translateY(-1px)}.search-icon,.icon-btn{line-height:1;color:var(--secondary-text);font-weight:700}.search-icon{font-size:.96rem}.search-shell input{border:0;outline:0;background:transparent;width:100%;min-height:30px;color:var(--primary-text);font-size:.95rem;font-weight:600}.search-shell input::placeholder{color:color-mix(in srgb,var(--secondary-text) 76%,transparent)}.icon-btn{width:28px;height:28px;border:0;border-radius:999px;background:transparent;display:grid;place-items:center}.icon-btn:hover{background:color-mix(in srgb,var(--accent-secondary) 17%,transparent);color:var(--accent-secondary)}.loading-shell{border-radius:var(--radius-md);padding:18px;text-align:center;color:var(--secondary-text);font-weight:600}.sections-column{display:grid;gap:12px;padding-right:clamp(34px,4.4vw,56px)}.section-card{border-radius:var(--radius-md);overflow:hidden;transform-origin:top center;animation:rise-in .45s cubic-bezier(.22,1,.36,1) both}.section-card:nth-child(2n){animation-delay:.03s}.section-card:nth-child(3n){animation-delay:.05s}.section-card.is-highlighted{border-color:color-mix(in srgb,var(--accent-secondary) 40%,var(--glass-stroke));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-secondary) 46%,transparent),0 24px 45px -24px var(--glass-shadow),inset 0 1px color-mix(in srgb,white 72%,transparent)}.section-header{width:100%;border:0;color:inherit;text-align:left;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-primary) 16%,transparent),color-mix(in srgb,var(--accent-secondary) 7%,transparent) 38%,transparent 82%)}.section-header span:first-child{min-width:0}.section-header strong{display:block;font-size:.95rem;letter-spacing:.012em}.section-header small{margin-top:4px;display:inline-flex;border-radius:999px;padding:2px 8px;font-size:.71rem;font-weight:700;color:color-mix(in srgb,var(--secondary-text) 95%,transparent);background:color-mix(in srgb,var(--accent-tertiary) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-tertiary) 24%,transparent)}.chevron{width:34px;height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--glass-stroke) 88%,var(--glass-stroke-strong));display:grid;place-items:center;color:var(--accent-primary);font-size:1rem;font-weight:800;transition:transform .16s ease,background-color .16s ease,color .16s ease;background:color-mix(in srgb,var(--app-bg-plate-strong) 88%,transparent)}.section-header:hover .chevron{background:color-mix(in srgb,var(--accent-primary) 14%,transparent)}.chevron.expanded{transform:rotate(90deg);color:var(--accent-secondary)}.section-entries{border-top:1px solid color-mix(in srgb,var(--glass-stroke) 66%,transparent)}.entry-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 14px;transition:background-color .14s ease}.entry-row+.entry-row{border-top:1px solid color-mix(in srgb,var(--glass-stroke) 70%,transparent)}.entry-row.is-pressed{background:color-mix(in srgb,var(--accent-tertiary) 10%,transparent)}.entry-content h4{margin:0;font-size:.94rem;font-weight:700;line-height:1.3}.entry-content h4.search-text{color:color-mix(in srgb,var(--secondary-text) 88%,transparent)}.entry-content p{margin:7px 0 0;color:var(--secondary-text);font-size:.77rem;line-height:1.35}.section-pill{margin-bottom:8px;display:inline-flex;border-radius:999px;padding:3px 10px;font-size:.67rem;letter-spacing:.02em;font-weight:800;color:var(--accent-primary);border:1px solid color-mix(in srgb,var(--accent-primary) 24%,transparent);background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.segments-wrap{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.segment-control{max-width:min(100%,336px);border-radius:15px;border:1px solid color-mix(in srgb,var(--glass-stroke) 88%,var(--glass-stroke-strong));background:color-mix(in srgb,var(--app-bg-plate-strong) 90%,transparent);display:inline-flex;align-items:stretch;overflow:hidden;transition:transform .12s ease,border-color .16s ease,box-shadow .16s ease}.segment-control:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-tertiary) 26%,var(--glass-stroke))}.segment-control.dialable{background:linear-gradient(136deg,var(--accent-primary),var(--accent-tertiary) 52%,var(--accent-secondary));border-color:#ffffff3d;box-shadow:0 10px 18px -11px color-mix(in srgb,var(--accent-primary) 66%,transparent)}.segment-button{border:0;border-radius:0;background:transparent;color:var(--primary-text);display:inline-flex;align-items:flex-start;gap:6px;text-align:left;padding:8px 11px 8px 12px;flex:1 1 auto;min-width:0}.segment-button.dialable{color:#fff}.segment-menu-trigger{width:34px;min-width:34px;border:0;border-left:1px solid color-mix(in srgb,var(--glass-stroke) 84%,var(--glass-stroke-strong));background:color-mix(in srgb,var(--app-bg-plate-strong) 64%,transparent);color:color-mix(in srgb,var(--secondary-text) 95%,transparent);font-size:.78rem;font-weight:800;line-height:1;transition:background-color .16s ease,color .16s ease}.segment-control:hover .segment-menu-trigger{color:var(--accent-secondary)}.segment-menu-trigger:hover{background:color-mix(in srgb,var(--accent-secondary) 12%,transparent)}.segment-menu-trigger.dialable{border-left-color:#ffffff3d;background:#ffffff1c;color:#fffffff5}.segment-menu-trigger.dialable:hover{background:#ffffff2e}.segment-button .phone-token{margin-top:2px;font-size:.72rem}.segment-text{display:grid;gap:2px}.segment-text strong{font-size:.8rem;font-weight:700}.segment-text small{font-size:.69rem;opacity:.94;line-height:1.3}.favorite-btn{width:34px;height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--glass-stroke) 88%,var(--glass-stroke-strong));background:color-mix(in srgb,var(--app-bg-plate-strong) 88%,transparent);color:var(--secondary-text);font-size:1rem;display:grid;place-items:center;transition:transform .14s ease,border-color .16s ease,color .16s ease,background-color .16s ease}.favorite-btn:hover{transform:scale(1.05);border-color:color-mix(in srgb,var(--accent-secondary) 35%,var(--glass-stroke))}.favorite-btn.active{color:var(--accent-secondary);border-color:color-mix(in srgb,var(--accent-secondary) 38%,var(--glass-stroke));background:color-mix(in srgb,var(--accent-secondary) 12%,var(--app-bg-plate))}.search-results{border-radius:var(--radius-md);overflow:hidden;animation:rise-in .38s cubic-bezier(.22,1,.36,1) both}.search-results-header{display:flex;flex-direction:column;gap:3px;padding:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-primary) 18%,transparent),color-mix(in srgb,var(--accent-secondary) 8%,transparent))}.search-results-header strong{font-size:.85rem}.search-results-header p{margin:0;color:var(--secondary-text);font-size:.7rem}.empty-results{padding:16px;color:var(--secondary-text);font-size:.86rem}.alphabet-rail{position:fixed;right:8px;top:124px;bottom:74px;z-index:5;width:28px;border-radius:14px;display:flex;align-items:stretch;box-shadow:0 12px 26px -22px var(--glass-shadow);-webkit-backdrop-filter:blur(12px) saturate(112%);backdrop-filter:blur(12px) saturate(112%)}.alphabet-drag-zone{width:100%;display:flex;flex-direction:column;justify-content:space-evenly;-webkit-user-select:none;user-select:none;touch-action:none}.alphabet-drag-zone span{text-align:center;font-size:.58rem;font-weight:800;color:color-mix(in srgb,var(--primary-text) 72%,transparent);transition:transform .12s ease,color .12s ease}.alphabet-drag-zone span.active{transform:scale(1.26);color:var(--accent-primary)}.collapse-all{position:absolute;left:-42px;top:12px;width:34px;height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--glass-stroke) 85%,var(--glass-stroke-strong));background:color-mix(in srgb,var(--app-bg-plate-strong) 90%,transparent);color:var(--secondary-text);font-size:.88rem;transition:transform .14s ease,color .14s ease}.collapse-all:hover{transform:translateY(-1px);color:var(--accent-secondary)}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;border-radius:999px;border:1px solid color-mix(in srgb,var(--glass-stroke) 90%,var(--glass-stroke-strong));background:color-mix(in srgb,var(--app-bg-plate-strong) 97%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 30px -20px var(--glass-shadow);color:var(--primary-text);padding:11px 18px;font-size:.85rem;font-weight:800;animation:toast-in .16s ease;max-width:calc(100vw - 24px)}.segment-menu{position:fixed;min-width:188px;z-index:40;overflow:hidden;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--glass-stroke) 90%,var(--glass-stroke-strong));background:color-mix(in srgb,var(--app-bg-plate-strong) 96%,transparent);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);box-shadow:0 22px 34px -22px var(--glass-shadow);animation:rise-in .14s ease both}.segment-menu button{width:100%;border:0;display:block;padding:10px 12px;text-align:left;background:transparent;color:var(--primary-text);font-size:.82rem;font-weight:700}.segment-menu button+button{border-top:1px solid color-mix(in srgb,var(--glass-stroke) 76%,transparent)}.segment-menu button:hover{background:color-mix(in srgb,var(--accent-secondary) 11%,transparent)}@media(max-width:720px){html,body,.app-root{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.app-root::-webkit-scrollbar{width:0;height:0;display:none}.content-shell{width:100%;padding:10px 10px 114px}.app-banner{top:6px;border-radius:20px;margin-bottom:10px;padding:12px}.app-title{font-size:clamp(1.45rem,7.2vw,1.72rem)}.sections-column{gap:10px;padding-right:32px}.section-card{border-radius:16px}.section-header{padding:12px}.section-header strong{font-size:.92rem}.alphabet-rail{top:108px;bottom:70px;width:24px;right:6px}.collapse-all{left:-37px;width:31px;height:31px}.entry-row{grid-template-columns:1fr;padding:11px 12px}.favorite-btn{justify-self:end;width:36px;height:36px}.segments-wrap{gap:7px}.segment-control{width:100%;max-width:none}.segment-button{min-height:44px;align-items:center;padding:9px 11px 9px 12px}.segment-menu-trigger{width:40px;min-width:40px}.toast{bottom:calc(14px + env(safe-area-inset-bottom));width:calc(100vw - 22px);text-align:center}.segment-menu{max-width:calc(100vw - 16px)}}@media(max-width:460px){.content-shell{padding-inline:8px}.app-banner{border-radius:18px}.search-shell{padding-inline:9px}.sections-column{padding-right:28px}.section-header small{font-size:.66rem}.entry-content h4{font-size:.9rem}.entry-content p{font-size:.74rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}
