*{box-sizing:border-box}:root{--bg-body:#F0F0F0;--text-primary:#111111;--text-secondary:#404040;--text-muted:#737373;--bg-sidebar:#ffffff;--border-sidebar:#e5e5e5;--bg-header:#242424;--border-header:#333;--search-bg:#333;--search-border:#444;--search-color:#ffffff;--bg-content:#F0F0F0;--bg-card:#ffffff;--surface-card:#ffffff;--border-card:transparent;--nav-hover:#f0f0f0;--nav-active-bg:#E0F6E5;--nav-active-color:#0EA658;--demo-bg:#F5F5F5;--variant-bg:#f5f5f5;--table-bg:#ffffff;--thead-bg:#f5f5f5;--intro-link-bg:#E0F6E5;--intro-link-color:#0EA658;--spec-border:#e5e5e5;--comp-bg:#ffffff;--comp-bg-alt:#E0F6E5;--comp-text:#111111;--comp-text-muted:#5E5E5E;--comp-btn-sec-bg:#E0F6E5;--comp-btn-sec-color:#0EA658;--comp-btn-ter-color:#0EA658;--comp-grabber:#5E5E5E;--comp-circle-left:#F3F4F6;--comp-phone-bg:#F5F5F5;--snackbar-default-bg:#0D1115;--snackbar-default-text:#FFFFFF;--avatar-letters-bg:#E0F6E5;--avatar-icon-bg:#E0F6E5;--avatar-icon-color:#0DC267;--avatar-text:#111111;--avatar-image-bg:#E5E7EB;--avatar-status-border:#242424;--specimen-border:rgba(0,0,0,0.2)}[data-theme="dark"]{--bg-body:#111111;--text-primary:#f5f5f5;--text-secondary:#d0d0d0;--text-muted:#a3a3a3;--bg-sidebar:#1a1a1a;--border-sidebar:#333;--bg-header:#0d0d0d;--border-header:#333;--search-bg:#333;--search-border:#555;--search-color:#f5f5f5;--bg-content:#111111;--bg-card:#1a1a1a;--surface-card:#1a1a1a;--border-card:#333;--nav-hover:#2a2a2a;--nav-active-bg:#1e3d2a;--nav-active-color:#4ade80;--demo-bg:#0d0d0d;--variant-bg:#262626;--table-bg:#1a1a1a;--thead-bg:#262626;--intro-link-bg:#1e3d2a;--intro-link-color:#4ade80;--spec-border:#333;--comp-bg:#1a1a1a;--comp-bg-alt:#1e3d2a;--comp-text:#f5f5f5;--comp-text-muted:#9ca3af;--comp-btn-sec-bg:#1e3d2a;--comp-btn-sec-color:#4ade80;--comp-btn-ter-color:#4ade80;--comp-grabber:#6b7280;--comp-circle-left:#374151;--comp-phone-bg:#111111;--snackbar-default-bg:#F8F8F8;--snackbar-default-text:#111111;--avatar-letters-bg:#1e3d2a;--avatar-icon-bg:#1e3d2a;--avatar-icon-color:#4ade80;--avatar-text:#f5f5f5;--avatar-image-bg:#374151;--avatar-status-border:#1a1a1a;--specimen-border:rgba(255,255,255,0.2)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg-body);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden}.content-top-bar{position:sticky;top:12px;bottom:auto;z-index:120;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none;margin-bottom:12px}.content-top-bar .search-wrap{flex:1;min-width:0;max-width:none;pointer-events:auto;display:flex;align-items:center;padding:10px 16px;min-height:54px;border-radius:999px;background:rgba(255,255,255,0.65);backdrop-filter:blur(27px);-webkit-backdrop-filter:blur(27px)}[data-theme="dark"] .content-top-bar .search-wrap{background:rgba(26,26,26,0.75)}.content-top-bar .search-input{width:100%;border:none;outline:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 50%;background-size:18px 18px;padding:0 0 0 28px;font-size:17px;line-height:1.2;font-weight:500;color:var(--text-primary);opacity:0.9}.content-top-bar .search-input::placeholder{color:var(--text-muted);opacity:0.7}.content-top-bar .search-input:hover,.content-top-bar .search-input:focus{border:none;box-shadow:none}[data-theme="dark"] .content-top-bar .search-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E")}.theme-toggle{position:relative;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:6px 52px 6px 16px;min-height:54px;border:none;border-radius:999px;background:rgba(255,255,255,0.9);color:#111111;font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;pointer-events:auto;transition:background 0.2s ease-out}[data-theme="dark"] .theme-toggle{background:rgba(26,26,26,0.9);color:#f5f5f5}.theme-toggle svg{display:none}.theme-label{pointer-events:none;margin-right:4px;white-space:nowrap}.theme-toggle::before{content:"";position:absolute;top:50%;right:12px;width:40px;height:24px;border-radius:999px;background:rgba(60,60,67,0.3);transform:translateY(-50%)}.theme-toggle::after{content:"";position:absolute;top:50%;right:32px;width:24px;height:24px;border-radius:999px;background:#ffffff;box-shadow:0 0 0 0 rgba(0,0,0,0.18);transform:translateY(-50%);transition:transform 0.2s ease-out,background 0.2s ease-out,box-shadow 0.2s ease-out}[data-theme="dark"] .theme-toggle::before{background:#34c759}[data-theme="dark"] .theme-toggle::after{transform:translate(18px,-50%);box-shadow:0 0 0 0 rgba(0,0,0,0.4)}.search-wrap{flex:1;min-width:0;max-width:480px}.search-input{width:100%;padding:10px 16px 10px 40px;font-size:15px;line-height:1.4;border:1px solid var(--search-border);border-radius:10px;background:var(--search-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 12px 50%;background-size:18px 18px;color:var(--search-color);outline:none;transition:border-color 0.2s,box-shadow 0.2s}.search-input::placeholder{color:#a3a3a3}.search-input:hover{border-color:#555}.search-input:focus{border-color:#0DC267;box-shadow:0 0 0 2px rgba(13,194,103,0.3)}.app-body{display:flex;flex:1;min-height:0;overflow:hidden;padding:16px 16px 0 16px;gap:16px;align-items:stretch}.search-hidden{display:none !important}.sidebar-card{flex-shrink:0;width:280px;border-radius:24px;background:var(--bg-card);overflow:hidden;position:sticky;top:0;max-height:calc(100vh - 32px);margin-bottom:16px;display:flex;flex-direction:column}.sidebar{width:100%;min-width:0;flex:1;min-height:0;background:transparent;color:var(--text-primary);padding:24px 24px 24px 28px;overflow-y:auto;font-weight:400}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;flex-shrink:0}.sidebar-brand-img{height:33px;width:auto;display:block}.sidebar-brand-title{font-size:24px;font-weight:400;color:var(--text-primary);letter-spacing:-0.02em}.sidebar h1{font-size:18px;font-weight:400;margin:0;color:var(--text-primary)}.sidebar h2{font-size:11px;text-transform:uppercase;letter-spacing:0.06em;margin:20px 0 8px;color:var(--text-muted);font-weight:400}.nav-group{list-style:none;padding:0;margin:0}.nav-group li{margin-bottom:2px}.nav-link{display:block;padding:10px 12px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:14px;transition:background 0.15s,color 0.15s}.nav-link:hover{background:var(--nav-hover);color:var(--text-primary)}.nav-link.active{background:var(--nav-active-bg);color:var(--nav-active-color);font-weight:400}.intro-block{background:var(--bg-card);border-radius:24px;padding:28px 32px;margin-bottom:24px}.intro-block h2{margin-top:0;margin-bottom:12px;font-size:22px;font-weight:600;color:var(--text-primary)}.intro-block p{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:14px;max-width:720px}.intro-block p:last-child{margin-bottom:0}.intro-block ul{margin:12px 0 20px;padding-left:24px;color:var(--text-secondary);line-height:1.7;font-size:15px}.intro-block li{margin-bottom:6px}.intro-links{margin-top:28px;padding-top:24px;border-top:1px solid var(--spec-border)}.intro-links-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.intro-link-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;margin-right:12px;margin-bottom:8px;background:var(--intro-link-bg);color:var(--intro-link-color);border-radius:12px;text-decoration:none;font-size:14px;font-weight:500;transition:background 0.15s,color 0.15s}.intro-link-btn:hover{background:#0DC267;color:#ffffff}.content{position:relative;flex:1 1 0%;min-width:0;min-height:0;max-width:100%;display:flex;flex-direction:column;padding:0;overflow:hidden;background:transparent}.content-scroll{flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;padding:16px 16px 0 16px}.content-scroll .intro-block,.content-scroll section{margin-bottom:24px}.content-scroll>section,.hub-overview{content-visibility:auto;contain-intrinsic-size:900px}.content-card{background:var(--bg-card);border-radius:24px;padding:24px 28px;margin-bottom:24px}.content-card h2{margin-top:0;margin-bottom:8px;font-size:20px;font-weight:600;color:var(--text-primary)}.content-card .card-description{font-size:14px;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.content section{background:var(--bg-card);border-radius:24px;padding:24px 28px;margin-bottom:24px;overflow:visible}.content section h2{margin-top:0;margin-bottom:8px;font-size:20px;font-weight:600;color:var(--text-primary)}.section-heading-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:0;margin-bottom:8px}.section-heading-row h2{margin:0}.section-tag{margin-left:auto;display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;line-height:1.3;border-radius:8px;background:var(--nav-active-bg);color:var(--nav-active-color)}[data-theme="dark"] .section-tag{background:#F9F7FF;color:#111111}.section-tag--link{text-decoration:none;transition:opacity 0.2s,background 0.2s}.section-tag--link:hover{opacity:0.9}.section-tag-wrap{position:relative;margin-left:auto;display:inline-flex}.section-tag-wrap .section-tag-popover{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-6px);padding:6px 10px;font-size:12px;line-height:1.3;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--spec-border);border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s,transform 0.2s;pointer-events:none;z-index:50;box-shadow:0 4px 12px rgba(0,0,0,0.12)}[data-theme="dark"] .section-tag-wrap .section-tag-popover{box-shadow:0 4px 12px rgba(0,0,0,0.4)}.section-tag-wrap:hover .section-tag-popover{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-8px)}.content section>.note{font-size:14px;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.a11y-page{display:grid;gap:16px}.a11y-anchor-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.a11y-anchor{display:inline-flex;align-items:center;padding:6px 10px;border-radius:10px;border:1px solid var(--spec-border);background:var(--demo-bg);color:var(--text-secondary);text-decoration:none;font-size:12px;line-height:16px;font-weight:500}.a11y-hero{border:1px solid var(--spec-border);border-radius:20px;padding:18px;background:linear-gradient(180deg,rgba(13,194,103,0.07) 0%,rgba(13,194,103,0.02) 100%)}.a11y-hero h3{margin:0 0 8px;font-size:22px;line-height:28px;font-weight:600;color:var(--text-primary)}.a11y-hero p{margin:0;max-width:820px;color:var(--text-secondary);font-size:14px;line-height:20px}.a11y-highlights,.a11y-grid,.a11y-compare,.a11y-checklist-grid{display:grid;gap:12px}.a11y-highlights{grid-template-columns:repeat(4,minmax(0,1fr))}.a11y-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.a11y-card{border:1px solid var(--spec-border);border-radius:16px;padding:14px;background:var(--demo-bg)}.a11y-card h4{margin:0 0 6px;font-size:14px;line-height:20px;font-weight:600;color:var(--text-primary)}.a11y-card p{margin:0;max-width:none;color:var(--text-secondary);font-size:13px;line-height:18px}.a11y-subsection{border:1px solid var(--spec-border);border-radius:20px;padding:16px;background:var(--bg-card)}.a11y-subsection h3{margin:0 0 8px;font-size:18px;line-height:24px;font-weight:600;color:var(--text-primary)}.a11y-subsection>p{margin:0 0 12px;max-width:860px;color:var(--text-secondary);font-size:14px;line-height:20px}.a11y-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.a11y-example{border-radius:14px;padding:12px;border:1px solid var(--spec-border);background:var(--demo-bg)}.a11y-example h5{margin:0 0 8px;font-size:13px;line-height:18px;font-weight:600;color:var(--text-primary)}.a11y-example ul,.a11y-list{margin:0;padding-left:18px;color:var(--text-secondary);font-size:13px;line-height:18px;display:grid;gap:4px}.a11y-example--good{border-color:rgba(13,194,103,0.5);background:rgba(13,194,103,0.08)}.a11y-example--bad{border-color:rgba(255,77,58,0.45);background:rgba(255,77,58,0.08)}.a11y-checklist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.a11y-mini-row{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--text-secondary);font-size:12px;line-height:16px;flex-wrap:wrap}.a11y-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--spec-border);background:var(--bg-card);font-size:12px;color:var(--text-secondary);font-weight:500}.a11y-chip--ok{border-color:rgba(13,194,103,0.55);color:#0DC267}.a11y-chip--warn{border-color:rgba(247,208,68,0.55);color:#D9A900}.a11y-chip--danger{border-color:rgba(255,77,58,0.55);color:#FF4D3A}#section-intro{padding:24px 0;background:transparent;border-radius:0}#section-intro .a11y-subsection{border:0;background:var(--bg-card);border-radius:16px;padding:24px}.intro-overview-icon{width:128px;height:128px;border-radius:26px;margin:0 0 10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,255,255,0.92),rgba(245,245,245,0.86));box-shadow:0 10px 24px rgba(24,24,24,0.14),0 1px 0 rgba(255,255,255,0.55) inset;transform-style:preserve-3d;animation:intro-icon-3d 4.8s ease-in-out infinite}.intro-overview-icon img{width:128px;height:128px;display:block;transform:translateZ(12px);filter:drop-shadow(0 3px 5px rgba(0,0,0,0.2))}[data-theme="dark"] .intro-overview-icon{background:linear-gradient(150deg,rgba(30,32,36,0.96),rgba(18,19,22,0.9));box-shadow:0 12px 28px rgba(0,0,0,0.44),0 1px 0 rgba(255,255,255,0.08) inset}@keyframes intro-icon-3d{0%,100%{transform:perspective(420px) rotateX(0deg) rotateY(0deg) translateY(0px)}25%{transform:perspective(420px) rotateX(6deg) rotateY(-8deg) translateY(-2px)}50%{transform:perspective(420px) rotateX(-4deg) rotateY(9deg) translateY(1px)}75%{transform:perspective(420px) rotateX(5deg) rotateY(4deg) translateY(-1px)}}@media (prefers-reduced-motion:reduce){.intro-overview-icon{animation:none}}#section-intro .a11y-subsection+.a11y-subsection{margin-top:12px}#section-intro .a11y-card{border:0;background:var(--demo-bg);border-radius:14px;padding:24px;min-height:92px;display:flex;flex-direction:column;justify-content:flex-start;gap:6px}#section-intro .a11y-chip{border:0;background:var(--bg-card)}.intro-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px}.intro-quick-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;border-radius:999px;border:none;background:#0DC267;color:#ffffff;font-size:13px;line-height:18px;font-weight:600;padding:0 12px;cursor:pointer;text-decoration:none}.intro-quick-btn:hover{background:#0ab25f}#section-intro .a11y-highlights,#section-intro .a11y-grid{gap:10px}#section-intro .a11y-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}#section-intro .a11y-highlights{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}#section-accessibility{padding:24px 0;background:transparent;border-radius:0}#section-accessibility .a11y-page{gap:12px}#section-accessibility .a11y-anchor{border:0;background:var(--bg-card)}#section-accessibility .a11y-hero,#section-accessibility .a11y-subsection{border:0;background:var(--bg-card);border-radius:16px;padding:24px}#section-accessibility .a11y-card,#section-accessibility .a11y-example{border:0;background:var(--demo-bg);border-radius:14px;padding:24px}#section-accessibility .a11y-example--good,#section-accessibility .a11y-example--bad{border:0;background:var(--demo-bg)}#section-accessibility .a11y-chip{border:0;background:var(--bg-card)}#section-accessibility .a11y-highlights,#section-accessibility .a11y-grid,#section-accessibility .a11y-compare,#section-accessibility .a11y-checklist-grid{gap:10px}#section-accessibility .a11y-subsection+.a11y-subsection{margin-top:12px}#section-icons{background:transparent !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important}@media (max-width:1080px){#section-intro .a11y-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}#section-intro .a11y-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#section-accessibility .a11y-highlights,#section-accessibility .a11y-grid,#section-accessibility .a11y-compare,#section-accessibility .a11y-checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){#section-intro{padding:16px 0}#section-accessibility{padding:16px 0}#section-intro .a11y-highlights,#section-intro .a11y-grid{grid-template-columns:minmax(0,1fr)}#section-accessibility .a11y-highlights,#section-accessibility .a11y-grid,#section-accessibility .a11y-compare,#section-accessibility .a11y-checklist-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:1080px){.a11y-highlights,.a11y-checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a11y-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.a11y-highlights,.a11y-grid,.a11y-compare,.a11y-checklist-grid{grid-template-columns:minmax(0,1fr)}.a11y-subsection{padding:14px}}h2{margin-top:32px;margin-bottom:12px;font-size:22px}h3{margin-top:24px;margin-bottom:8px;font-size:16px}p{margin:0 0 16px;max-width:720px;line-height:1.5}table{border-collapse:collapse;width:100%;background:var(--table-bg);border-radius:0;overflow:hidden;margin-bottom:16px}thead{background:var(--thead-bg)}th,td{padding:8px 10px;font-size:13px;border-bottom:1px solid var(--spec-border);text-align:left;vertical-align:middle;color:var(--text-primary)}td{word-break:break-word}th{font-weight:600;color:var(--text-muted)}tbody tr:last-child td{border-bottom:none}.token-name{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;color:var(--text-primary)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px}.swatch{width:32px;height:18px;border-radius:0}.note{margin-top:4px;font-size:12px;color:var(--text-muted)}.palette-row{display:flex;flex-wrap:nowrap;gap:8px;padding:4px 0 16px;overflow-x:auto}.color-card{min-width:100px;width:100px;height:120px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;box-sizing:border-box;cursor:pointer;transition:transform 0.08s ease-out,box-shadow 0.08s ease-out}.color-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.25)}.color-card--copied{box-shadow:0 0 0 2px #0DC267}.copy-snackbar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);padding:10px 16px;border-radius:999px;background:rgba(26,26,26,0.9);color:#f5f5f5;font-size:13px;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,0.45);opacity:0;pointer-events:none;transition:opacity 0.2s ease-out,transform 0.2s ease-out;z-index:80}.copy-snackbar--visible{opacity:1;transform:translate(-50%,-4px)}.color-card--light{color:#111111}.color-card--dark{color:#ffffff}.color-card-name{font-size:18px;font-weight:600;line-height:1.2;text-align:center}.color-card-hex{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:11px;opacity:0.9;text-align:center}.palette-tile{min-width:80px;max-width:96px;background:var(--bg-card);border-radius:24px;padding:8px 8px 6px;display:flex;flex-direction:column;align-items:stretch;gap:6px}.palette-swatch{width:100%;height:40px;border-radius:8px}.palette-name{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:11px;color:var(--text-primary)}.palette-hex{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:10px;color:var(--text-muted)}.type-specimens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.type-specimen{background:var(--bg-card);border:1px solid var(--specimen-border);border-radius:24px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;color:var(--text-primary)}.type-specimen-label{font-size:12px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted)}.type-specimen-meta{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:11px;color:var(--text-muted)}.accordion-doc{margin-top:16px;width:100%;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center;overflow:visible}.accordion-card{background:var(--comp-bg);width:442px;border-radius:24px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;overflow:hidden}.accordion-card[data-open="false"]{gap:0}.accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.accordion-title{font-family:"SF Pro Display",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:22px;font-weight:600;color:var(--comp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.accordion-icon-inner{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.accordion-icon-img{width:16px;height:16px;display:block;transform-origin:center;transition:transform 0.25s ease-out}[data-theme="dark"] .accordion-icon-img{filter:invert(1)}.accordion-card[data-open="true"] .accordion-icon-img{transform:scaleY(-1)}.accordion-content{width:100%;height:128px;min-height:0;flex-shrink:0;background:var(--comp-bg-alt);overflow:hidden;max-height:128px;transition:max-height 0.28s cubic-bezier(0.33,1,0.68,1),opacity 0.2s ease-out}.accordion-card[data-open="false"] .accordion-content{max-height:0;opacity:0}.accordion-card[data-open="true"] .accordion-content{max-height:128px;opacity:1}.bottomsheet-doc{margin-top:16px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:24px;overflow:visible}.bottomsheet-phone{width:375px;height:812px;background:var(--comp-phone-bg);display:flex;align-items:flex-end;justify-content:center}.bottomsheet-shell{width:375px;border-radius:38px 38px 0 0;background:var(--comp-bg);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;isolation:isolate;transition:height 0.28s ease-out}.bottomsheet-shell--compact{width:363px;border-radius:34px;box-shadow:0 15px 75px rgba(0,0,0,0.18);background:linear-gradient(90deg,rgba(245,245,245,0.6) 0%,rgba(245,245,245,0.6) 100%),linear-gradient(180deg,rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.9) 100%);backdrop-filter:blur(40px) saturate(1.08);-webkit-backdrop-filter:blur(40px) saturate(1.08)}.bottomsheet-shell--full{width:375px;border-radius:38px 38px 0 0;box-shadow:0 15px 75px rgba(0,0,0,0.18);background:#FFFFFF}.bottomsheet-header{width:100%;padding:6px 16px 10px;display:flex;flex-direction:column;align-items:center;gap:5px}.bottomsheet-grabber{width:36px;height:5px;border-radius:100px;background:var(--comp-grabber)}.bottomsheet-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between}.bottomsheet-circle-btn{width:44px;height:44px;border-radius:296px;display:flex;align-items:center;justify-content:center;color:#5E5E5E}.bottomsheet-circle-btn--left{background:#D9D9D9}.bottomsheet-circle-btn--right{background:#0DC267;color:#FFFFFF}.bottomsheet-circle-btn svg{width:24px;height:24px;display:block}.bottomsheet-title{font-family:"SF Pro Display",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:22px;font-weight:600;color:var(--comp-text);white-space:nowrap}.bottomsheet-body{width:100%;padding:16px;display:flex;flex-direction:column;align-items:center;gap:16px;box-sizing:border-box;transition:height 0.28s ease-out}.bottomsheet-swapper{width:343px;flex:1 0 0;background:#BED2C1;border:1px dashed #0DC267;border-radius:0}.bottomsheet-actions{width:343px;display:flex;flex-direction:column;gap:12px}.bottomsheet-btn{width:100%;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:"SF Pro Display",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:22px;font-weight:500;cursor:default}.bottomsheet-btn--primary{background:#0DC267;color:#FFFFFF}.bottomsheet-btn--secondary{background:#BED2C1;color:#0EA658}.bottomsheet-home-indicator{width:100%;height:34px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;flex-shrink:0;z-index:2}.bottomsheet-home-indicator::before{content:"";width:139px;height:5px;border-radius:100px;background:#111111;display:block}.bottomsheet-shell--full .bottomsheet-home-indicator{height:34px;padding-bottom:8px}[data-theme="dark"] .bottomsheet-shell--compact{background:linear-gradient(90deg,rgba(33,33,33,0.78) 0%,rgba(33,33,33,0.78) 100%),linear-gradient(180deg,rgba(36,36,36,0.82) 0%,rgba(18,18,18,0.86) 100%)}[data-theme="dark"] .bottomsheet-shell--full{background:#1A1A1A}[data-theme="dark"] .bottomsheet-title{color:#F8F8F8}[data-theme="dark"] .bottomsheet-circle-btn--left{background:#2E2E2E;color:#BEBEBE}[data-theme="dark"] .bottomsheet-swapper{background:rgba(13,194,103,0.2)}[data-theme="dark"] .bottomsheet-btn--secondary{background:rgba(13,194,103,0.2);color:#4ADE80}[data-theme="dark"] .bottomsheet-home-indicator::before{background:#F5F5F5}.snackbar-doc{margin-top:16px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:24px;overflow:visible}.snackbar{display:inline-flex;align-items:center;justify-content:center;border-radius:56px;padding:10px 12px;max-width:351px;min-width:0;border:1px solid transparent;font-family:"SF Pro Display",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;line-height:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color 0.3s ease,color 0.3s ease}.snackbar--success{background:#0DC267;border-color:#10B55F;color:#FFFFFF}.snackbar--danger{background:#FF4D3A;border-color:#FE725F;color:#FFFFFF}.snackbar--default{background:var(--snackbar-default-bg);border-color:transparent;color:var(--snackbar-default-text)}.component-spec{margin-top:24px;padding-top:24px;border-top:1px solid var(--spec-border)}.component-spec h3{margin-top:20px;margin-bottom:8px;font-size:14px;color:var(--text-muted)}.component-spec h3:first-child{margin-top:0}.component-spec .spec-table{margin-bottom:16px}.component-spec .spec-table th{width:180px}.spec-accordion{margin-top:24px;padding-top:24px;border-top:1px solid var(--spec-border)}.spec-accordion summary{list-style:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-muted);padding:4px 0;user-select:none}.spec-accordion summary::-webkit-details-marker{display:none}.spec-accordion summary::before{content:"▶";display:inline-block;margin-right:8px;font-size:10px;transition:transform 0.2s}.spec-accordion[open] summary::before{transform:rotate(90deg)}.spec-accordion .note,.spec-accordion .spec-table{margin-top:12px}.actionbar-doc{margin-top:16px;padding:24px;background:var(--demo-bg);border-radius:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,375px));gap:24px;justify-content:center;overflow:visible;max-width:100%;box-sizing:border-box}.actionbar-card--live{grid-column:1 / -1;justify-self:center;display:flex;flex-direction:column;align-items:center;transition:opacity 0.3s ease}.actionbar-collapse{overflow:hidden;transition:max-height 0.28s ease-out,opacity 0.28s ease-out,margin 0.28s ease-out}.actionbar-collapse.actionbar--hidden{max-height:0 !important;opacity:0}.actionbar-swapper-wrap{width:100%;max-width:343px;align-self:stretch}.actionbar-swapper-wrap.actionbar-collapse{max-height:48px}.actionbar-swapper-wrap.actionbar-collapse.actionbar--hidden{margin-bottom:0 !important}.actionbar-swapper-wrap.actionbar-collapse:not(.actionbar--hidden){margin-bottom:16px}.actionbar-btn-item.actionbar-collapse{max-height:64px}.actionbar-btn-item.actionbar-collapse.actionbar--hidden{margin-bottom:0 !important}.actionbar-btn-item.actionbar-collapse:not(.actionbar--hidden){margin-bottom:12px}.actionbar-home-collapse.actionbar-collapse{max-height:42px}.actionbar-home-collapse.actionbar-collapse.actionbar--hidden{margin-bottom:0 !important}.actionbar-home-collapse.actionbar-collapse:not(.actionbar--hidden){margin-top:12px}.actionbar-btn-item{margin-bottom:12px}.actionbar-btn-item.actionbar-collapse.actionbar--hidden{margin-bottom:0 !important}.actionbar-card{width:375px;max-width:100%;background:var(--comp-bg);border-radius:0;padding:16px;display:flex;flex-direction:column;align-items:center;gap:0;overflow:visible;box-sizing:border-box}.actionbar-swapper{width:100%;max-width:343px;height:48px;background:var(--comp-bg-alt);border:1px dashed #0DC267;border-radius:0;box-sizing:border-box}.actionbar-bar{background:var(--comp-bg);border-radius:0;padding:0;width:100%;max-width:343px;display:flex;flex-direction:column;align-items:stretch;gap:0;box-sizing:border-box}.actionbar-buttons{width:100%;max-width:343px;display:flex;flex-direction:column;gap:0;box-sizing:border-box}.actionbar-btn{height:52px;padding:12px 16px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:"SF Pro Display",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:22px;font-weight:500;cursor:default;box-sizing:border-box;transition:opacity 0.2s ease,background 0.25s ease,color 0.25s ease}.actionbar-btn--primary{background:#0DC267;color:#FFFFFF}.actionbar-btn--secondary{background:var(--comp-btn-sec-bg);color:var(--comp-btn-sec-color)}.actionbar-btn--tertiary{background:transparent;color:var(--comp-btn-ter-color)}.actionbar-home-wrap{height:34px;width:100%;max-width:343px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;box-sizing:border-box}.actionbar-home-indicator{width:139px;height:5px;border-radius:100px;background:#111111;flex-shrink:0}[data-theme="dark"] .actionbar-home-indicator{background:#ffffff}.avatar-doc{margin-top:16px;padding:24px;background:var(--demo-bg);border-radius:24px;overflow:visible;display:flex;flex-direction:column;align-items:center}.avatar-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:flex-end}.avatar-group{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-group-title{font-size:12px;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.05em}.avatar-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:"SF Pro Display",system-ui,sans-serif;font-weight:600;color:var(--avatar-text);overflow:hidden;transition:width 0.3s ease,height 0.3s ease,background 0.25s ease,color 0.25s ease,opacity 0.2s ease}.avatar--circle{border-radius:50%}.avatar--square{border-radius:10px}.avatar--16{width:16px;height:16px;font-size:6px}.avatar--24{width:24px;height:24px;font-size:8px}.avatar--40{width:40px;height:40px;font-size:14px}.avatar--48{width:48px;height:48px;font-size:18px}.avatar--96{width:96px;height:96px;font-size:32px}.avatar--208{width:208px;height:208px;font-size:72px}.avatar--placeholder{background:#9CA3AF}.avatar--letters{background:var(--avatar-letters-bg)}.avatar--icon{background:var(--avatar-icon-bg);color:var(--avatar-icon-color)}.avatar--image{background:var(--avatar-image-bg)}.avatar .avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.avatar-wrap{position:relative;display:inline-flex}.avatar-live-wrap{display:flex;align-items:center;justify-content:center;padding:24px}.avatar-status{position:absolute;right:0;bottom:0;width:25%;height:25%;min-width:6px;min-height:6px;border-radius:50%;background:#0DC267;border:2px solid var(--avatar-status-border);box-sizing:border-box}.avatar-addremove-doc{margin-top:16px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.avatar-addremove-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.avatar-addremove-live{position:relative;overflow:hidden;border-radius:24px;background:#C6C6C6;width:96px;height:96px;cursor:pointer;transition:width 0.18s ease,height 0.18s ease,border-radius 0.18s ease,opacity 0.16s ease}.avatar-addremove-live--208{width:208px;height:208px;border-radius:8px}.avatar-addremove-live img{width:100%;height:100%;object-fit:cover;display:block}.avatar-addremove-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#676D75;background:#C6C6C6}.avatar-addremove-placeholder svg{width:66%;height:66%;display:block}.avatar-addremove-placeholder img{width:100%;height:100%;object-fit:cover;display:block}.avatar-addremove-action{position:absolute;right:-4px;bottom:-4px;width:28px;height:28px;border:2px solid var(--surface-page-bg,#F5F5F5);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;cursor:pointer;padding:0;transition:transform 0.14s ease-out,filter 0.14s ease-out,background-color 0.14s ease-out;z-index:1}.avatar-addremove-action:active{transform:scale(0.96)}.avatar-addremove-action--add{background:#0DC267}.avatar-addremove-action--remove{background:#FF4D3A}.avatar-addremove-action svg{width:16px;height:16px;display:block}.avatar-ar-action-icon-img{width:16px;height:16px;display:block}[data-theme="dark"] .avatar-addremove-action{border-color:#111111}.variant-controls{display:flex;flex-wrap:wrap;gap:16px 24px;margin-bottom:20px;padding:16px 20px;background:var(--variant-bg);border-radius:12px}.variant-row{display:flex;align-items:center;gap:10px}.variant-row label{font-size:13px;font-weight:500;color:var(--text-secondary);min-width:48px}.variant-row select{appearance:none;padding:10px 36px 10px 14px;border:1px solid var(--spec-border);border-radius:12px;font-size:14px;font-weight:500;line-height:1.4;background:var(--bg-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:16px 16px;color:var(--text-primary);min-width:120px;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s}.variant-row select:hover{border-color:var(--text-muted)}.variant-row select:focus{outline:none;border-color:#0DC267;box-shadow:0 0 0 2px rgba(13,194,103,0.25)}.variant-row--full{flex:1 1 100%;min-width:0}.variant-text-input{flex:1;min-width:120px;padding:10px 14px;border:1px solid var(--spec-border);border-radius:12px;font-size:14px;font-weight:500;line-height:1.4;background:var(--bg-card);color:var(--text-primary);transition:border-color 0.2s,box-shadow 0.2s}.variant-text-input::placeholder{color:var(--text-muted)}.variant-text-input:hover{border-color:var(--text-muted)}.variant-text-input:focus{outline:none;border-color:#0DC267;box-shadow:0 0 0 2px rgba(13,194,103,0.25)}[data-theme="dark"] .variant-row select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.btn-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:visible}.live-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:351px;min-width:0;font-family:"SF Pro Display",system-ui,sans-serif;font-weight:500;border:none;border-radius:12px;cursor:default;transition:opacity 0.25s ease,background 0.25s ease,color 0.25s ease,padding 0.25s ease,font-size 0.25s ease}.live-btn .btn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.live-btn--xs{padding:8px 12px;font-size:14px;line-height:20px}.live-btn--s{padding:12px 16px;font-size:16px;line-height:22px}.live-btn--m{padding:14px 20px;font-size:16px;line-height:22px}.live-btn--l{padding:16px 24px;font-size:18px;line-height:24px}.live-btn--primary{background:#0DC267;color:#fff}.live-btn--secondary{background:var(--comp-btn-sec-bg);color:var(--comp-btn-sec-color)}.live-btn--tertiary{background:transparent;color:var(--comp-btn-ter-color)}.live-btn--danger{background:#FF4D3A;color:#fff}.live-btn--disabled{opacity:0.5;pointer-events:none}.live-btn--loading{opacity:0.8}.live-btn .btn-icon{width:20px;height:20px;flex-shrink:0}.button-stack{display:flex;gap:12px}.button-stack--vertical{flex-direction:column;width:343px}.button-stack--vertical .button-stack__btn{width:100%}.button-stack--horizontal{flex-direction:row;width:288px}.button-stack--horizontal .button-stack__btn{width:88px;flex:0 0 88px}.button-stack--horizontal.button-stack--count-1 .button-stack__btn{width:88px}.button-stack__btn{cursor:default;opacity:1;transform:translateY(0);max-height:48px;transition:opacity 0.22s ease-out,transform 0.22s ease-out,max-height 0.22s ease-out}.button-stack__btn--hidden{opacity:0;transform:translateY(-4px);max-height:0;pointer-events:none}.card-demo-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.card-demo{width:343px;min-width:220px;min-height:160px;border-radius:16px;padding:16px;background:var(--bg-card);border:none;box-shadow:none;transition:transform 0.22s ease-out,background 0.22s ease-out}.card-demo--pressed{transform:translateY(2px)}.card-demo-title{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.card-demo-text{font-size:14px;color:var(--text-secondary)}.card-stack{display:flex;flex-direction:column;gap:12px;width:343px}.card-stack--horizontal{flex-direction:row}.card-stack__card{border-radius:16px;padding:16px;background:var(--bg-card);border:none;box-shadow:none;transition:opacity 0.22s ease-out,transform 0.22s ease-out,max-height 0.22s ease-out;min-width:220px;min-height:160px;opacity:1;transform:translateY(0);max-height:80px}.card-stack__card--hidden{opacity:0;transform:translateY(-6px);max-height:0;min-height:0;pointer-events:none}.checkbox-demo-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.checkbox-demo{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;font-size:14px;transition:opacity 0.2s ease-out,transform 0.2s ease-out}.checkbox-demo-label{color:var(--text-primary)}.checkbox-demo--disabled{opacity:0.5;cursor:default}.checkbox-demo-box{position:relative;width:24px;height:24px;border-radius:8px;border:2px solid var(--spec-border);background:var(--bg-card);box-sizing:border-box;transition:background 0.2s ease-out,border-color 0.2s ease-out}.checkbox-demo-check{position:absolute;inset:4px 5px;opacity:0;transform:scale(0.9);transform-origin:center;transition:opacity 0.18s ease-out,transform 0.18s ease-out;display:inline-flex;align-items:center;justify-content:center}.checkbox-demo-check-icon{width:13px;height:10px;display:block}.checkbox-demo--checked .checkbox-demo-box{background:#0DC267;border-color:#0DC267}.checkbox-demo--checked .checkbox-demo-check{opacity:1;transform:scale(1)}.checkbox-demo--danger .checkbox-demo-box{border-color:#FF3B30;background:var(--bg-card)}.radio-demo-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.radio-demo{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;transition:opacity 0.18s ease-out}.radio-demo--disabled{cursor:default;opacity:0.7}.radio-demo-control{width:24px;height:24px;border-radius:999px;border:2px solid #C6C6C6;background:#F5F5F5;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:border-color 0.18s ease-out,background-color 0.18s ease-out}.radio-demo-dot{width:6px;height:6px;border-radius:999px;background:transparent;transform:scale(0.75);transition:transform 0.18s ease-out,background-color 0.18s ease-out}.radio-demo--checked .radio-demo-control{border-color:#0DC267;background:#F5F5F5}.radio-demo--checked .radio-demo-dot{background:#0DC267;transform:scale(1)}.radio-demo--danger .radio-demo-control{border-color:#FF4D3A;background:#F5F5F5}.radio-demo--danger .radio-demo-dot{background:transparent}.radio-demo--disabled .radio-demo-control{border-color:#CFCFCF;background:#F5F5F5}.radio-demo--disabled .radio-demo-dot{background:#BFBFBF}[data-theme="dark"] .radio-demo-control{border-color:#5E5E5E;background:#1B1B1B}[data-theme="dark"] .radio-demo--checked .radio-demo-control{background:#1B1B1B}[data-theme="dark"] .radio-demo--danger .radio-demo-control{background:#1B1B1B}[data-theme="dark"] .radio-demo--disabled .radio-demo-control{border-color:#3A3A3A;background:#1F1F1F}[data-theme="dark"] .radio-demo--disabled .radio-demo-dot{background:#6E6E6E}.search-demo-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.search-demo{display:inline-flex;align-items:center}.search-demo-field{display:flex;align-items:center;gap:8px;padding:16px;border-radius:999px;background:#FFFFFF;border:1px solid transparent;width:200px;height:56px;box-sizing:border-box;transition:border-color 0.18s ease-out,box-shadow 0.18s ease-out,background 0.18s ease-out}.search-demo--size-s .search-demo-field{height:44px;padding:12px 16px}.search-demo--size-xs .search-demo-field{height:36px;padding:8px 12px}.search-demo--filled .search-demo-field{background:#FFFFFF}.search-demo--focused .search-demo-field{background:#F8F8F8;border-color:#0DC267;box-shadow:none}.search-demo--disabled{opacity:1;pointer-events:none}.search-demo--disabled .search-demo-field{background:#F1F1F1;border-color:#E2E2E2}.search-demo--disabled .search-demo-filter{display:none}.search-demo--no-filter .search-demo-filter{display:none}.search-demo-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.search-icon-brand,.search-icon-loupe{display:none}.search-demo--icon-brand .search-icon-brand{display:block}.search-demo--icon-brand .search-icon-loupe{display:none}.search-demo--icon-loupe .search-icon-loupe{display:block}.search-demo--icon-loupe .search-icon-brand{display:none}.search-demo-input{border:none;outline:none;background:transparent;font-size:14px;line-height:20px;color:#111111;flex:1;min-width:0;padding:0}.search-demo-input::placeholder{color:#ABABAB}.search-demo-filter{border:none;background:transparent;cursor:pointer;width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#919191}.search-demo-filter svg{width:16px;height:16px}.search-demo--size-xs .search-demo-icon,.search-demo--size-xs .search-demo-filter{width:16px;height:16px}.search-demo--size-xs .search-demo-icon img,.search-demo--size-xs .search-demo-filter img{width:16px;height:16px}.search-demo--disabled .search-demo-input{color:#C6C6C6}.search-demo--disabled .search-demo-input::placeholder{color:#C6C6C6}.search-demo--disabled .search-demo-icon,.search-demo--disabled .search-demo-filter{opacity:0.5}[data-theme="dark"] .search-demo-field{background:#1B1B1B}[data-theme="dark"] .search-demo--filled .search-demo-field{background:#1F1F1F}[data-theme="dark"] .search-demo--focused .search-demo-field{background:#1F1F1F;border-color:#0DC267}[data-theme="dark"] .search-demo--disabled .search-demo-field{background:#1A1A1A;border-color:#2E2E2E}[data-theme="dark"] .search-demo-input{color:#F5F5F5}[data-theme="dark"] .search-demo-input::placeholder{color:#6E6E6E}[data-theme="dark"] .search-demo--disabled .search-demo-input,[data-theme="dark"] .search-demo--disabled .search-demo-input::placeholder{color:#6E6E6E}[data-theme="dark"] .search-demo-filter{color:#ABABAB}.date-input-demo-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.text-input-demo-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.text-input-demo{display:inline-flex;flex-direction:column;align-items:flex-start;width:var(--input-demo-width,375px);box-sizing:border-box;position:relative;transition:width 0.18s ease-out}.text-input-demo-field{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:var(--input-demo-height,56px);padding:var(--input-demo-padding-y,16px) var(--input-demo-padding-x,16px);border-radius:12px;background:var(--input-demo-bg,var(--variant-bg));border:1px solid var(--input-demo-border,var(--spec-border));box-sizing:border-box;transition:border-color 0.18s ease-out,background 0.18s ease-out}.text-input-demo--size-m .text-input-demo-field{min-height:var(--input-demo-height,56px)}.text-input-demo--size-s .text-input-demo-field{min-height:var(--input-demo-height,48px)}.text-input-demo--size-xs .text-input-demo-field{min-height:var(--input-demo-height,40px)}.text-input-demo-label{position:absolute;left:var(--input-demo-padding-x,16px);top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-muted);line-height:22px;pointer-events:none;z-index:1;transition:top 0.16s ease-out,transform 0.16s ease-out,font-size 0.16s ease-out,color 0.16s ease-out,left 0.16s ease-out}.text-input-demo-input{border:none;outline:none;background:transparent;font-size:16px;line-height:22px;color:var(--input-demo-text,var(--text-primary));flex:1;min-width:0;padding:0;margin:0;font-family:inherit;caret-color:var(--input-demo-caret,currentColor);transition:color 0.16s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-input-demo-input::placeholder{color:transparent}.text-input-demo--floating .text-input-demo-label{top:8px;transform:translateY(0);font-size:12px;line-height:16px}.text-input-demo--floating .text-input-demo-input{margin-top:14px}.text-input-demo--floating.text-input-demo--size-s .text-input-demo-input{margin-top:12px}.text-input-demo--floating.text-input-demo--size-xs .text-input-demo-input{margin-top:0}.text-input-demo--floating.text-input-demo--size-xs .text-input-demo-label{opacity:0;transform:translateY(-2px)}.text-input-demo--danger.text-input-demo--filled.text-input-demo--floating .text-input-demo-label{color:#FF4D3A}.text-input-demo--disabled .text-input-demo-label{color:#C6C6C6}.text-input-demo--disabled .text-input-demo-helper{color:#C6C6C6}.text-input-demo-helper,.date-input-demo-helper{margin-top:0;width:100%;min-height:24px;padding:4px;box-sizing:border-box;font-size:12px;line-height:16px;color:var(--text-muted);display:none;align-items:center;transition:color 0.16s ease-out}.text-input-demo--has-helper .text-input-demo-helper,.date-input-demo--has-helper .date-input-demo-helper{display:flex}.text-input-demo--focused .text-input-demo-field{border-color:#0DC267}.text-input-demo--danger .text-input-demo-field{border-color:#FF4D3A;background:#F8F8F8}.text-input-demo--danger .text-input-demo-helper{color:#FF4D3A}.text-input-demo--disabled{--input-demo-bg:#F1F1F1;--input-demo-border:#E2E2E2;--input-demo-text:#C6C6C6;--input-demo-caret:#C6C6C6}[data-theme="dark"] .text-input-demo-label{color:#ABABAB}[data-theme="dark"] .text-input-demo-helper,[data-theme="dark"] .date-input-demo-helper{color:#ABABAB}[data-theme="dark"] .text-input-demo--danger .text-input-demo-helper,[data-theme="dark"] .date-input-demo--danger .date-input-demo-helper{color:#FF4D3A}.date-input-demo{display:inline-block;min-width:200px;box-sizing:border-box;position:relative}.date-input-demo-field{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:12px;background:var(--variant-bg);border:1px solid var(--spec-border);box-sizing:border-box;transition:border-color 0.18s ease-out,box-shadow 0.18s ease-out,background 0.18s ease-out;width:200px}[data-theme="dark"] .date-input-demo-field{background:#1B1B1B;border-color:#3A3A3A}.date-input-demo-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.date-input-demo-label{font-size:14px;color:var(--text-muted);line-height:1.2;pointer-events:none;transition:font-size 0.16s ease-out,transform 0.16s ease-out,color 0.16s ease-out}.date-input-demo-value{font-size:14px;color:var(--text-primary);white-space:nowrap;opacity:0;transform:translateY(3px);transition:opacity 0.16s ease-out,transform 0.16s ease-out}.date-input-demo-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#ABABAB}.date-input-demo-icon svg{width:24px;height:24px;display:block}.date-input-demo--filled .date-input-demo-label{font-size:12px;transform:translateY(-2px);color:var(--text-muted)}.date-input-demo--filled .date-input-demo-value{opacity:1;transform:translateY(0)}.date-input-demo--size-m .date-input-demo-field{min-height:56px;padding-top:10px;padding-bottom:10px}.date-input-demo--size-s .date-input-demo-field{min-height:48px;padding-top:9px;padding-bottom:9px}.date-input-demo--size-xs .date-input-demo-field{min-height:40px;padding-top:8px;padding-bottom:8px}.date-input-demo--focused .date-input-demo-field{border-color:#0DC267;box-shadow:0 0 0 1px rgba(13,194,103,0.5)}.date-input-demo--danger .date-input-demo-field{border-color:#FF4D3A;box-shadow:0 0 0 1px rgba(255,77,58,0.5)}.date-input-demo--danger .date-input-demo-icon{color:#FF4D3A}.date-input-demo--danger .date-input-demo-helper{color:#FF4D3A}.date-input-demo--disabled{opacity:0.5}.date-input-demo--disabled .date-input-demo-icon{color:#C6C6C6}[data-theme="dark"] .date-input-demo-icon{color:#ABABAB}[data-theme="dark"] .date-input-demo--disabled .date-input-demo-icon{color:#6E6E6E}.select-demo-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.select-demo{width:200px;display:flex;flex-direction:column;align-items:stretch;position:relative;transition:opacity 0.16s ease-out,transform 0.16s ease-out}.select-demo--animating{opacity:0.7;transform:translateY(2px)}.select-demo-field{width:100%;border-radius:12px;border:1px solid var(--select-demo-border,#E2E2E2);background:var(--select-demo-bg,#F8F8F8);height:var(--select-demo-height,56px);padding:var(--select-demo-padding-y,8px) var(--select-demo-padding-x,16px);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color 0.16s ease-out,box-shadow 0.16s ease-out,background 0.16s ease-out}.select-demo-text{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}.select-demo-label{font-size:var(--select-label-size,16px);line-height:var(--select-label-line,22px);color:var(--select-label-color,#ABABAB);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.16s ease-out,font-size 0.16s ease-out,line-height 0.16s ease-out,transform 0.16s ease-out}.select-demo-value{font-size:16px;line-height:22px;color:var(--select-value-color,#111111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;max-height:0;transform:translateY(2px);transition:opacity 0.16s ease-out,transform 0.16s ease-out,max-height 0.16s ease-out,color 0.16s ease-out}.select-demo-icon{width:20px;height:20px;color:var(--select-icon-color,#ABABAB);flex-shrink:0;transition:transform 0.16s ease-out,color 0.16s ease-out;transform-origin:50% 50%}.select-demo-helper{width:100%;min-height:24px;padding:4px;box-sizing:border-box;font-size:12px;line-height:16px;color:var(--select-helper-color,#ABABAB);display:none;align-items:center;transition:color 0.16s ease-out}.select-demo--has-helper .select-demo-helper{display:flex}.select-demo--size-m{--select-demo-height:56px;--select-demo-padding-y:8px;--select-demo-padding-x:16px}.select-demo--size-s{--select-demo-height:48px;--select-demo-padding-y:8px;--select-demo-padding-x:16px}.select-demo--size-xs{--select-demo-height:40px;--select-demo-padding-y:8px;--select-demo-padding-x:12px}.select-demo--filled.select-demo--size-m .select-demo-label,.select-demo--filled.select-demo--size-s .select-demo-label{font-size:12px;line-height:16px;transform:translateY(-1px)}.select-demo--filled.select-demo--size-s .select-demo-field{padding-top:4px;padding-bottom:4px}.select-demo--filled.select-demo--size-s .select-demo-value{font-size:14px;line-height:20px}.select-demo--filled.select-demo--size-xs .select-demo-label{display:none}.select-demo--filled .select-demo-value{opacity:1;max-height:24px;transform:translateY(0)}.select-demo--focused{--select-demo-border:#0DC267;--select-icon-color:#0DC267}.select-demo--focused .select-demo-icon{transform:rotate(180deg)}.select-demo--danger{--select-demo-border:#FF4D3A;--select-label-color:#FF4D3A;--select-value-color:#FF4D3A;--select-icon-color:#ABABAB;--select-helper-color:#FF4D3A}.select-demo--disabled{--select-demo-bg:#F1F1F1;--select-demo-border:#E2E2E2;--select-label-color:#C6C6C6;--select-value-color:#C6C6C6;--select-icon-color:#C6C6C6;--select-helper-color:#C6C6C6;pointer-events:none}[data-theme="dark"] .select-demo{--select-demo-bg:#1B1B1B;--select-demo-border:#3A3A3A;--select-label-color:#ABABAB;--select-value-color:#F5F5F5;--select-icon-color:#ABABAB;--select-helper-color:#ABABAB}[data-theme="dark"] .select-demo--disabled{--select-demo-bg:#1B1B1B;--select-demo-border:#3A3A3A;--select-label-color:#6E6E6E;--select-value-color:#6E6E6E;--select-icon-color:#6E6E6E;--select-helper-color:#6E6E6E}[data-theme="dark"] .select-demo--danger{--select-demo-border:#FF4D3A;--select-label-color:#FF4D3A;--select-value-color:#FF4D3A;--select-icon-color:#ABABAB;--select-helper-color:#FF4D3A}.skeleton-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;flex-direction:column;gap:16px;align-items:stretch}.skeleton-panel{background:transparent;border:none;border-radius:24px;padding:16px;min-height:128px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.skeleton-catalog-row{display:flex;align-items:center;gap:40px;overflow-x:auto;padding:2px 0}.skeleton-catalog-row .skeleton-demo-unit{flex:0 0 auto}.skeleton-demo-unit{display:inline-flex;width:var(--skeleton-width,96px);height:var(--skeleton-height,96px);border-radius:var(--skeleton-radius,4px);background:var(--skeleton-bg,#E2E2E2);position:relative;overflow:hidden}.skeleton-doc--animated .skeleton-demo-unit::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--skeleton-wave,rgba(255,255,255,0.45)) 48%,rgba(255,255,255,0) 100%);animation:skeleton-wave 1.35s ease-in-out infinite}.skeleton-demo-unit--circle{border-radius:999px}.skeleton-demo-unit--r8{border-radius:8px}.skeleton-demo-unit--r12{border-radius:12px}.skeleton-demo-unit--r16{border-radius:16px}.skeleton-demo-unit--r24{border-radius:24px}.skeleton-demo-unit--card{width:100%;height:88px;border-radius:12px}.skeleton-loading-card{width:100%;border-radius:24px;border:none;background:transparent;padding:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;min-height:180px}.skeleton-placeholder{display:flex;flex-direction:column;gap:12px;min-height:168px}.skeleton-placeholder-btn{margin-top:18px;width:172px;height:34px;border-radius:10px}.skeleton-row{display:flex;align-items:center;gap:10px}.skeleton-col{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0}.skeleton-content{display:none;flex-direction:column;gap:8px;opacity:0;transform:translateY(4px);transition:opacity 0.25s ease-out,transform 0.25s ease-out}.skeleton-content--shown{display:flex;opacity:1;transform:translateY(0)}.skeleton-content-title{margin:0;font-size:16px;line-height:22px;font-weight:600;color:var(--text-primary)}.skeleton-content-text{margin:0;font-size:14px;line-height:20px;color:var(--text-secondary)}.skeleton-reload-btn{margin-top:auto;width:fit-content;border:1px solid var(--spec-border);background:var(--surface-card);color:var(--text-primary);border-radius:10px;padding:8px 12px;font-size:12px;line-height:16px;font-weight:600;cursor:pointer}[data-theme="dark"] .skeleton-demo-unit{--skeleton-bg:#3A3A3A;--skeleton-wave:rgba(255,255,255,0.2)}@keyframes skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.tags-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.tag-demo{min-height:28px;max-width:288px;display:inline-flex;align-items:center;gap:4px;border-radius:12px;padding:4px 12px;background:var(--tag-bg,#E2E2E2);color:var(--tag-text,#5E5E5E);transition:transform 0.16s ease-out,opacity 0.16s ease-out,background-color 0.16s ease-out,color 0.16s ease-out}.tag-demo--animating{transform:translateY(2px);opacity:0.75}.tag-demo--filter{gap:12px;padding-right:4px}.tag-demo-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;font-weight:400;color:currentColor;flex:1 1 auto}.tag-demo-icon{width:16px;height:16px;flex-shrink:0;display:block;color:currentColor}.tag-demo-close{width:24px;height:20px;border:none;outline:none;border-radius:8px;padding:2px 4px;background:transparent;color:currentColor;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.tag-demo-close:active{transform:scale(0.96)}.tag-demo--gray{--tag-bg:#E2E2E2;--tag-text:#5E5E5E}.tag-demo--green{--tag-bg:#E0F6E5;--tag-text:#0EA658}.tag-demo--yellow{--tag-bg:#FDF0C7;--tag-text:#EBBC12}.tag-demo--red{--tag-bg:#FFDAD1;--tag-text:#FF4D3A}[data-theme="dark"] .tag-demo--gray{--tag-bg:#303030;--tag-text:#C6C6C6}[data-theme="dark"] .tag-demo--green{--tag-bg:#003919;--tag-text:#0DC267}[data-theme="dark"] .tag-demo--yellow{--tag-bg:#403407;--tag-text:#F7D044}[data-theme="dark"] .tag-demo--red{--tag-bg:#5D170F;--tag-text:#FF4D3A}.tabs-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.tabs-demo{width:min(100%,720px);display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px 0;scrollbar-width:thin}.tabs-demo-item{border:none;outline:none;background:#FFFFFF;color:#5E5E5E;border-radius:999px;min-height:32px;padding:4px 12px;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;cursor:pointer;transition:transform 0.16s ease-out,opacity 0.16s ease-out,background-color 0.16s ease-out,color 0.16s ease-out,border-color 0.16s ease-out;border-bottom:1px solid transparent;white-space:nowrap}.tabs-demo-item:active{transform:scale(0.98)}.tabs-demo-item-icon{width:16px;height:16px;color:currentColor;flex-shrink:0}.tabs-demo-item-label{font-size:14px;line-height:20px;font-weight:400;color:currentColor}.tabs-demo-item-counter{font-size:14px;line-height:20px;font-weight:600;color:var(--tabs-counter-color,#919191)}.tabs-demo--primary .tabs-demo-item{background:#FFFFFF;color:#5E5E5E;padding-left:12px;padding-right:12px}.tabs-demo--primary .tabs-demo-item--active{background:#0DC267;color:#FFFFFF;--tabs-counter-color:#E0F6E5}.tabs-demo--secondary{gap:0}.tabs-demo--secondary .tabs-demo-item{border-radius:0;border-bottom:1px solid #E2E2E2;background:transparent;color:#5E5E5E;padding-left:8px;padding-right:8px}.tabs-demo--secondary .tabs-demo-item--active{border-bottom-color:#0DC267;color:#111111}[data-theme="dark"] .tabs-demo--primary .tabs-demo-item{background:#1B1B1B;color:#ABABAB}[data-theme="dark"] .tabs-demo--primary .tabs-demo-item--active{background:#0DC267;color:#FFFFFF;--tabs-counter-color:#E0F6E5}[data-theme="dark"] .tabs-demo--secondary .tabs-demo-item{border-bottom-color:#3A3A3A;color:#ABABAB}[data-theme="dark"] .tabs-demo--secondary .tabs-demo-item--active{border-bottom-color:#0DC267;color:#F5F5F5}.tabs-demo-item--animating{opacity:0.8;transform:translateY(1px)}.tabbar-liquid-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.tabbar-liquid-phone{width:402px;min-height:120px;display:flex;align-items:flex-end;justify-content:center;padding:8px 0;position:relative}.tabbar-liquid-wrap{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity 0.18s ease-out,transform 0.18s ease-out}.tabbar-liquid-wrap--animating{opacity:0.75;transform:translateY(3px)}.tabbar-liquid{height:var(--tabbar-height,62px);min-width:0;border-radius:999px;padding:0 5px;display:inline-flex;align-items:center;gap:0;border:1px solid rgba(255,255,255,0.55);background:linear-gradient(180deg,rgba(255,255,255,0.86) 0%,rgba(246,246,246,0.58) 100%);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 0 2px rgba(0,0,0,0.1),0 1px 8px rgba(0,0,0,0.12);overflow:hidden}.tabbar-liquid--hug .tabbar-liquid-item{flex:1 1 0}.tabbar-liquid--fill .tabbar-liquid-item{flex:1 1 0}.tabbar-liquid-item{min-width:0;border:none;outline:none;border-radius:999px;background:transparent;color:#5E5E5E;padding:6px 8px 7px;margin-right:0;min-height:50px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;transition:background-color 0.16s ease-out,color 0.16s ease-out,transform 0.16s ease-out;flex:1 1 0}.tabbar-liquid-item:active{transform:scale(0.97)}.tabbar-liquid-item--active{background:rgba(13,194,103,0.18);color:#0DC267}.tabbar-liquid-icon{width:16px;height:16px;display:block;color:currentColor;flex-shrink:0}.tabbar-liquid-label{font-size:10px;line-height:12px;font-weight:500;color:currentColor;white-space:nowrap;max-width:52px;overflow:hidden;text-overflow:ellipsis}.tabbar-liquid-search{width:54px;height:54px;border-radius:999px;border:1px solid rgba(255,255,255,0.55);background:linear-gradient(180deg,rgba(255,255,255,0.86) 0%,rgba(246,246,246,0.58) 100%);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 0 2px rgba(0,0,0,0.1),0 1px 8px rgba(0,0,0,0.12);color:#5E5E5E;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme="dark"] .tabbar-liquid,[data-theme="dark"] .tabbar-liquid-search{border:1px solid rgba(255,255,255,0.16);background:linear-gradient(180deg,rgba(60,60,60,0.6) 0%,rgba(36,36,36,0.5) 100%);box-shadow:0 0 2px rgba(0,0,0,0.32),0 2px 10px rgba(0,0,0,0.4)}[data-theme="dark"] .tabbar-liquid-item{color:#ABABAB}[data-theme="dark"] .tabbar-liquid-item--active{color:#0DC267;background:rgba(13,194,103,0.2)}[data-theme="dark"] .tabbar-liquid-search{color:#ABABAB}.toggle-ios26-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.toggle-ios26-wrap{width:402px;min-height:120px;display:flex;align-items:center;justify-content:center}.toggle-ios26{width:64px;height:28px;border-radius:100px;padding:2px;border:none;outline:none;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;background:rgba(60,60,67,0.3);cursor:pointer;transition:background-color 0.18s ease-out,opacity 0.16s ease-out,transform 0.16s ease-out}.toggle-ios26--on{background:#34C759}.toggle-ios26--animating{opacity:0.8;transform:translateY(1px)}.toggle-ios26-knob{width:39px;height:24px;border-radius:100px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,0.15);transition:transform 0.18s ease-out;flex-shrink:0}.toggle-ios26--on .toggle-ios26-knob{transform:translateX(21px)}.toggle-ios26-ax{position:absolute;left:28px;top:9px;width:1px;height:10px;background:#FFFFFF;opacity:0;transition:opacity 0.16s ease-out;pointer-events:none}.toggle-ios26--on .toggle-ios26-ax{opacity:1}.toggle-ios26--off .toggle-ios26-ax{opacity:0}.toggle-ios26-off-glyph{position:absolute;right:8px;top:9px;width:8px;height:10px;border-radius:5px;border:1px solid rgba(60,60,67,0.3);opacity:1;transition:opacity 0.16s ease-out;pointer-events:none;box-sizing:border-box}.toggle-ios26--on .toggle-ios26-off-glyph{opacity:0}[data-theme="dark"] .toggle-ios26{background:rgba(120,120,128,0.36)}[data-theme="dark"] .toggle-ios26--on{background:#34C759}.bubble-chat-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px}.bubble-chat-stage{min-height:220px;border-radius:24px;background:var(--bg-phone);display:flex;align-items:center;justify-content:flex-start;padding:24px}.bubble-chat-row{width:min(343px,100%);display:flex;align-items:flex-end;gap:11px;transition:opacity 0.16s ease-out,transform 0.16s ease-out}.bubble-chat-row--mine{margin-left:auto;justify-content:flex-end}.bubble-chat-row--animating{opacity:0.75;transform:translateY(2px)}.bubble-chat-time{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:11px;line-height:14px;white-space:nowrap;flex-shrink:0}.bubble-chat-checks{width:16px;height:16px;color:#919191;display:none;flex-shrink:0}.bubble-chat-row--mine .bubble-chat-checks{display:block}.bubble-chat-bubble{min-width:40px;max-width:283px;width:230px;padding:12px 16px;border-radius:16px;background:#FFFFFF;color:#111111;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.bubble-chat-row--mine .bubble-chat-bubble{background:#E0F6E5}.bubble-chat-bubble--top{border-bottom-left-radius:4px}.bubble-chat-row--mine .bubble-chat-bubble--top{border-bottom-left-radius:16px;border-bottom-right-radius:4px}.bubble-chat-bubble--center{border-bottom-left-radius:4px;border-top-left-radius:4px;border-top-right-radius:16px;border-bottom-right-radius:16px}.bubble-chat-row--mine .bubble-chat-bubble--center{border-top-left-radius:16px;border-bottom-left-radius:16px;border-top-right-radius:4px;border-bottom-right-radius:4px}.bubble-chat-bubble--bottom{border-top-left-radius:4px}.bubble-chat-row--mine .bubble-chat-bubble--bottom{border-top-left-radius:16px;border-top-right-radius:4px}.bubble-chat-text{margin:0;color:inherit;font-size:14px;line-height:20px}.bubble-chat-reply{width:100%;border-radius:4px;display:flex;align-items:stretch;overflow:hidden;background:rgba(255,255,255,0.62)}.bubble-chat-row:not(.bubble-chat-row--mine) .bubble-chat-reply{background:#E0F6E5}.bubble-chat-reply-accent{width:2px;background:#0DC267;flex-shrink:0}.bubble-chat-reply-main{flex:1 1 auto;min-width:0;padding:4px 8px;display:flex;flex-direction:column;gap:1px}.bubble-chat-reply-author{margin:0;color:inherit;font-size:12px;line-height:16px;font-weight:500}.bubble-chat-reply-text{margin:0;color:inherit;font-size:11px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble-chat-reply-thumb{width:24px;height:24px;border-radius:4px;object-fit:cover;margin:4px 4px 4px 0;flex-shrink:0;display:none}.bubble-chat-bubble--reply-image .bubble-chat-reply-thumb{display:block}.bubble-chat-main-image{width:251px;height:152px;max-width:100%;border-radius:16px;object-fit:cover;display:none;box-shadow:0 1px 4px rgba(0,0,0,0.05)}.bubble-chat-bubble--with-image .bubble-chat-main-image{display:block}[data-theme="dark"] .bubble-chat-bubble{background:#1B1B1B;color:#F8F8F8;border:1px solid #2C2C2C}[data-theme="dark"] .bubble-chat-row--mine .bubble-chat-bubble{background:#123325;border-color:#1B5A3F}[data-theme="dark"] .bubble-chat-time{color:#ABABAB}[data-theme="dark"] .bubble-chat-checks{color:#ABABAB}[data-theme="dark"] .bubble-chat-reply{background:rgba(12,12,12,0.45)}[data-theme="dark"] .bubble-chat-row:not(.bubble-chat-row--mine) .bubble-chat-reply{background:rgba(23,62,45,0.42)}@media (max-width:720px){.bubble-chat-doc{padding:16px}.bubble-chat-stage{padding:14px}}.message-input-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px}.message-input-phone{width:min(100%,402px);margin:0 auto;background:transparent;padding:0}.message-input-toolbar{width:100%;min-height:68px;display:flex;align-items:flex-end;gap:12px;padding:4px 16px 16px;box-sizing:border-box;transition:opacity 0.16s ease-out,transform 0.16s ease-out}.message-input-toolbar--animating{opacity:0.78;transform:translateY(2px)}.message-input-plus{width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,0.26);background:linear-gradient(180deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.03) 100%),linear-gradient(180deg,rgba(15,15,15,0.92) 0%,rgba(10,10,10,0.92) 100%);color:#F8F8F8;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12)}.message-input-plus svg{width:24px;height:24px;display:block}.message-input-field{flex:1 1 auto;min-width:0;min-height:48px;border-radius:999px;border:1px solid rgba(255,255,255,0.22);background:radial-gradient(120% 120% at 15% 0%,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 64%),linear-gradient(180deg,rgba(22,22,22,0.88) 0%,rgba(16,16,16,0.88) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.13),inset 0 -12px 28px rgba(0,0,0,0.24);display:flex;align-items:flex-end;gap:4px;padding:8px 9px 8px 11px;box-sizing:border-box;overflow:hidden;backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);transition:border-color 0.16s ease-out,min-height 0.16s ease-out,border-radius 0.16s ease-out}.message-input-toolbar--multiline .message-input-field{min-height:48px;align-items:flex-end;border-radius:24px;padding-right:8px}.message-input-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;justify-content:center}.message-input-reply{display:none;width:100%;min-width:0;align-items:center;gap:4px;color:#F8F8F8}.message-input-reply-accent{width:2px;align-self:stretch;border-radius:99px;background:#0DC267;flex-shrink:0}.message-input-reply-thumb{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,0.22)}.message-input-reply-texts{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:1px}.message-input-reply-title{font-size:12px;line-height:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#F8F8F8}.message-input-reply-caption{font-size:11px;line-height:14px;color:#ABABAB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-input-control{width:100%;min-width:0;border:0;outline:0;resize:none;background:transparent;color:#F8F8F8;font-size:14px;line-height:20px;font-family:inherit;padding:0;margin:0;min-height:20px;max-height:68px;overflow:hidden;caret-color:#0DC267}.message-input-cursor{display:none !important;width:2px;height:22px;border-radius:10px;background:#0DC267;flex-shrink:0;margin-left:2px}.message-input-control::placeholder{color:#919191}.message-input-toolbar:not(.message-input-toolbar--multiline) .message-input-control{height:32px;min-height:32px;line-height:32px}.message-input-send{width:32px;height:32px;border:none;border-radius:99px;background:#0DC267;color:#F8F8F8;display:none;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform 0.14s ease-out,filter 0.14s ease-out;box-shadow:none;padding:8px;box-sizing:border-box;align-self:flex-end}.message-input-send:active{transform:scale(0.96);filter:brightness(0.95)}.message-input-send svg{width:16px;height:16px;display:block;flex-shrink:0}.message-input-toolbar--input .message-input-send,.message-input-toolbar--more-input .message-input-send,.message-input-toolbar--reply .message-input-send{display:inline-flex}.message-input-toolbar--reply .message-input-reply{display:inline-flex}[data-theme="light"] .message-input-phone{background:transparent}[data-theme="light"] .message-input-plus{border-color:rgba(17,17,17,0.14);background:linear-gradient(180deg,rgba(247,247,247,0.98) 0%,rgba(242,242,242,0.98) 100%);color:#2D2D2D;box-shadow:inset 0 1px 0 rgba(255,255,255,0.92)}[data-theme="light"] .message-input-field{border-color:rgba(17,17,17,0.12);background:radial-gradient(80% 120% at 20% 0%,rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.42) 55%,rgba(255,255,255,0.25) 100%),linear-gradient(180deg,rgba(247,247,247,0.96) 0%,rgba(243,243,243,0.96) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.92),inset 0 -6px 18px rgba(0,0,0,0.04)}[data-theme="light"] .message-input-control{color:#111111}[data-theme="light"] .message-input-control::placeholder{color:#A8A8A8}[data-theme="light"] .message-input-reply-title{color:#1F1F1F}[data-theme="light"] .message-input-reply-caption{color:#6D6D6D}@media (max-width:720px){.message-input-doc{padding:16px}.message-input-toolbar{padding:4px 0 12px}}.phone-input-demo-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.phone-input-demo{width:466px;display:flex;flex-direction:column;align-items:flex-start;gap:0;transition:opacity 0.16s ease-out}.phone-input-field{width:100%;min-height:56px;border-radius:12px;border:1px solid var(--phone-input-border,#E2E2E2);background:var(--phone-input-bg,#F8F8F8);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color 0.16s ease-out,background 0.16s ease-out}.phone-input-main{min-width:0;display:inline-flex;align-items:center;gap:6px;flex:1 1 auto}.phone-input-flag{font-size:14px;line-height:1;flex-shrink:0}.phone-input-prefix{font-size:16px;line-height:22px;color:var(--phone-input-prefix,#111111);white-space:nowrap;flex-shrink:0}.phone-input-plus{font-size:16px;line-height:22px;color:var(--phone-input-prefix,#111111);white-space:nowrap;flex-shrink:0}.phone-input-caret{width:1px;height:22px;background:var(--phone-input-caret,#111111);flex-shrink:0}.phone-input-number{min-width:0;border:none;outline:none;background:transparent;padding:0;margin:0;font:inherit;font-size:16px;line-height:22px;color:var(--phone-input-value,#111111);width:100%;caret-color:var(--phone-input-caret,#111111)}.phone-input-number::placeholder{color:var(--phone-input-placeholder,#ABABAB)}.phone-input-action{width:16px;height:16px;color:#ABABAB;flex-shrink:0;display:none}.phone-input-helper{width:100%;min-height:24px;padding:4px;font-size:12px;line-height:16px;color:#FF4D3A;display:none;align-items:center}.phone-input-hidden{display:none !important}.phone-input-demo--input-focused{--phone-input-border:#0DC267;--phone-input-caret:#111111}.phone-input-demo--show-action .phone-input-action{display:block}.phone-input-demo--invalid{--phone-input-border:#FF4D3A;--phone-input-value:#FF4D3A;--phone-input-prefix:#FF4D3A;--phone-input-caret:#FF4D3A}.phone-input-demo--invalid .phone-input-helper{display:flex}.phone-input-demo--disabled{--phone-input-bg:#F1F1F1;--phone-input-border:#E2E2E2;--phone-input-placeholder:#C6C6C6;--phone-input-value:#C6C6C6;--phone-input-prefix:#C6C6C6;--phone-input-caret:#C6C6C6}.phone-input-demo--disabled .phone-input-number{pointer-events:none}.phone-input-demo--unfilled .phone-input-prefix{color:var(--phone-input-placeholder,#ABABAB)}.phone-input-demo--unfilled .phone-input-plus{color:var(--phone-input-placeholder,#ABABAB)}[data-theme="dark"] .phone-input-demo{--phone-input-bg:#1B1B1B;--phone-input-border:#3A3A3A;--phone-input-placeholder:#ABABAB;--phone-input-value:#F8F8F8;--phone-input-prefix:#F8F8F8;--phone-input-caret:#F8F8F8}[data-theme="dark"] .phone-input-demo--disabled{--phone-input-bg:#1B1B1B;--phone-input-border:#3A3A3A;--phone-input-placeholder:#6E6E6E;--phone-input-value:#6E6E6E;--phone-input-prefix:#6E6E6E;--phone-input-caret:#6E6E6E}[data-theme="dark"] .phone-input-demo--invalid{--phone-input-value:#FF4D3A;--phone-input-prefix:#FF4D3A;--phone-input-caret:#FF4D3A;--phone-input-border:#FF4D3A}.pincode-demo-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.pincode-demo{width:343px;border:1px solid var(--pincode-border,#E2E2E2);background:var(--pincode-bg,#F8F8F8);border-radius:18px;position:relative;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--pincode-pad-y,8px) var(--pincode-pad-x,20px);transition:border-color 0.16s ease-out,transform 0.16s ease-out}.pincode-demo--animating{transform:translateY(2px)}.pincode-demo--size-large{min-height:88px;--pincode-pad-x:20px;--pincode-pad-y:8px}.pincode-demo--size-medium{min-height:84px;--pincode-pad-x:16px;--pincode-pad-y:6px}.pincode-demo-slot{flex:1 1 0;min-width:0;height:72px;display:flex;align-items:center;justify-content:center;font-size:36px;line-height:32px;font-weight:600;color:var(--pincode-value,#111111);user-select:none}.pincode-demo-char--empty{font-size:20px;line-height:32px;color:var(--pincode-empty,#ABABAB);transform:translateY(-1px)}.pincode-demo-char--caret{font-size:36px;line-height:32px;color:var(--pincode-value,#111111);animation:pincode-caret-blink 1s steps(1,end) infinite}@keyframes pincode-caret-blink{0%,50%{opacity:1}51%,100%{opacity:0}}.pincode-hidden-input{position:absolute;left:-9999px;top:auto;opacity:0;pointer-events:none;width:1px;height:1px;border:0;padding:0;background:transparent;color:transparent;caret-color:transparent;appearance:none;-webkit-appearance:none}.pincode-demo--focused{--pincode-border:#0DC267}.pincode-demo--danger{--pincode-border:#FF4D3A;--pincode-value:#FF4D3A}[data-theme="dark"] .pincode-demo{--pincode-bg:#1B1B1B;--pincode-border:#3A3A3A;--pincode-empty:#ABABAB;--pincode-value:#F8F8F8}[data-theme="dark"] .pincode-demo--danger{--pincode-border:#FF4D3A;--pincode-value:#FF4D3A}.progressbar-demo-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.progressbar-demo{width:200px;min-height:8px;position:relative;transition:opacity 0.18s ease-out,transform 0.18s ease-out}.progressbar-demo--animating{opacity:0.7;transform:translateY(1px)}.progressbar-track{width:100%;height:8px;border-radius:4px;overflow:hidden;background:#E2E2E2;position:relative}.progressbar-fill{height:100%;width:var(--progressbar-percent,5%);background:var(--progressbar-color,#0DC267);border-radius:4px;transition:width 0.2s ease-out,background-color 0.2s ease-out}.progressbar-segmented{width:100%;display:flex;gap:4px;align-items:center;justify-content:flex-start}.progressbar-segment{height:8px;border-radius:4px;background:#E2E2E2;flex:1 1 0;transition:background-color 0.2s ease-out}.progressbar-segment--active{background:var(--progressbar-color,#0DC267)}.progressbar-hidden{display:none !important}[data-theme="dark"] .progressbar-track,[data-theme="dark"] .progressbar-segment{background:#3A3A3A}.icon-swapper-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.icon-swapper-demo{width:161px;min-height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);transition:background 0.2s ease-out,transform 0.2s ease-out,opacity 0.2s ease-out}[data-theme="light"] .icon-swapper-demo{background:rgba(17,17,17,0.06)}.icon-swapper-icon-wrap{display:inline-flex;align-items:center;justify-content:center;color:#ffffff;transition:color 0.18s ease-out,transform 0.18s ease-out,opacity 0.18s ease-out}[data-theme="light"] .icon-swapper-icon-wrap{color:#111111}.icon-swapper-icon{display:block;width:100%;height:100%}.icon-swapper-icon-wrap--animating{transform:scale(0.88);opacity:0}.loader-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.loader-demo{width:236px;min-height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04)}[data-theme="light"] .loader-demo{background:rgba(17,17,17,0.06)}.loader-spinner{width:var(--loader-size,32px);height:var(--loader-size,32px);color:#ffffff;animation:loader-spin 0.85s linear infinite;transform-origin:50% 50%;transition:width 0.2s ease-out,height 0.2s ease-out,color 0.2s ease-out}[data-theme="light"] .loader-spinner{color:#111111}@keyframes loader-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.toolbar-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.toolbar-phone{width:375px;background:transparent;border-radius:0;padding:0;overflow:hidden}.toolbar-top{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:10px;position:relative;background:transparent;transition:min-height 0.2s ease-out,opacity 0.2s ease-out,transform 0.2s ease-out}.toolbar-top--animating{opacity:0.65;transform:translateY(4px)}.toolbar-leading,.toolbar-trailing{display:inline-flex;align-items:center;gap:8px;min-width:44px;flex-shrink:0}.toolbar-trailing{justify-content:flex-end}.toolbar-title-block{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;transition:align-items 0.2s ease-out,text-align 0.2s ease-out}.toolbar-title-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center}.toolbar-title{margin:0;color:var(--text-primary);font-size:16px;line-height:22px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.toolbar-subtitle{margin:0;color:var(--text-secondary);font-size:14px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.toolbar-title-block--large .toolbar-title{font-size:24px;line-height:32px;font-weight:600}.toolbar-title-block--compact .toolbar-title{font-size:24px;line-height:32px;font-weight:600}.toolbar-glass-btn{position:relative;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,0.55);background:linear-gradient(180deg,rgba(255,255,255,0.82) 0%,rgba(246,246,246,0.54) 100%);box-shadow:0 0 2px rgba(0,0,0,0.1),0 1px 8px rgba(0,0,0,0.12);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);display:inline-flex;align-items:center;justify-content:center;color:#111111;overflow:hidden;transition:transform 0.18s ease-out,opacity 0.18s ease-out,background 0.2s ease-out,border-color 0.2s ease-out}.toolbar-glass-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 90% at 10% 0%,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 65%);pointer-events:none}.toolbar-glass-btn::after{content:"";position:absolute;inset:-12px;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,0.45) 50%,rgba(255,255,255,0) 65%);transform:translateX(-120%);animation:toolbar-glass-shine 5s ease-in-out infinite;pointer-events:none}.toolbar-glass-btn:hover{transform:translateY(-1px)}.toolbar-glass-btn:active{transform:scale(0.96)}.toolbar-glass-btn--accent{border-color:#10B55F;background:#0DC267;color:#ffffff;box-shadow:0 2px 10px rgba(13,194,103,0.35)}.toolbar-glass-btn--accent::before,.toolbar-glass-btn--accent::after{display:none}.toolbar-icon{width:24px;height:24px;display:block}.toolbar-top--style-title-2-line .toolbar-title-block,.toolbar-top--style-default .toolbar-title-block{position:absolute;left:50%;transform:translateX(-50%);width:min(250px,calc(100% - 132px))}.toolbar-top--style-title-2-line .toolbar-title-block{top:0;justify-content:flex-start;padding-top:6px}.toolbar-top--style-title-2-line-left .toolbar-title-block{align-items:flex-start;text-align:left;padding-left:2px;min-height:38px;justify-content:flex-start;padding-top:1px}.toolbar-top--style-title-2-line-left .toolbar-title-wrap{display:flex;justify-content:flex-start;align-items:center;padding-left:0}.toolbar-top--style-compact-large .toolbar-title-block{align-items:flex-start;text-align:left}.toolbar-top--style-large-title{min-height:130px;align-items:flex-start;flex-direction:column;justify-content:flex-start;padding:0 0 10px 0;gap:10px}.toolbar-top--style-large-title .toolbar-controls-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.toolbar-top--style-large-title .toolbar-title-wrap{width:100%;padding:5px 16px 0 16px}.toolbar-top--style-large-title .toolbar-title-block{align-items:flex-start;text-align:left;gap:2px}.toolbar-top--style-compact-large{min-height:54px}.toolbar-top--style-compact-large .toolbar-title-wrap{justify-content:flex-start}.toolbar-glass-group{display:inline-flex;align-items:center;gap:2px;padding:0 4px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,0.55);background:linear-gradient(180deg,rgba(255,255,255,0.82) 0%,rgba(246,246,246,0.54) 100%);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 0 2px rgba(0,0,0,0.1),0 1px 8px rgba(0,0,0,0.12)}.toolbar-glass-group .toolbar-glass-btn{border:none;box-shadow:none;background:transparent;width:36px;height:36px}.toolbar-glass-group .toolbar-glass-btn::before,.toolbar-glass-group .toolbar-glass-btn::after{display:none}[data-theme="dark"] .toolbar-top{background:transparent}[data-theme="dark"] .toolbar-glass-btn{border:1px solid rgba(255,255,255,0.16);background:linear-gradient(180deg,rgba(60,60,60,0.6) 0%,rgba(36,36,36,0.5) 100%);color:#f5f5f5;box-shadow:0 0 2px rgba(0,0,0,0.32),0 2px 10px rgba(0,0,0,0.4);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}[data-theme="dark"] .toolbar-glass-btn::before{background:radial-gradient(120% 90% at 10% 0%,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0) 70%)}[data-theme="dark"] .toolbar-glass-btn::after{background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 65%)}[data-theme="dark"] .toolbar-glass-group{border:1px solid rgba(255,255,255,0.16);background:linear-gradient(180deg,rgba(60,60,60,0.6) 0%,rgba(36,36,36,0.5) 100%);box-shadow:0 0 2px rgba(0,0,0,0.32),0 2px 10px rgba(0,0,0,0.4);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}[data-theme="dark"] .toolbar-glass-group .toolbar-glass-btn{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme="dark"] .toolbar-glass-btn--accent{border-color:#0dc267;background:#0dc267;color:#ffffff;box-shadow:0 2px 10px rgba(13,194,103,0.38)}.segmented-liquid-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.segmented-liquid-shell{width:375px;display:flex;justify-content:center;align-items:center;min-height:96px}.segmented-liquid{--seg-height:56px;--seg-inner-height:48px;--seg-item-pad-x:12px;--seg-item-font-size:16px;--seg-item-line-height:22px;--seg-selected-font-weight:600;--seg-unselected-font-weight:500;--seg-bg:#F8F8F8;--seg-selected-bg:#E2E2E2;--seg-text:#5E5E5E;--seg-selected-text:#111111;width:108px;min-width:108px;height:var(--seg-height);border-radius:999px;padding:4px;gap:4px;background:var(--seg-bg);display:inline-flex;align-items:center;transition:width 0.2s ease-out,min-width 0.2s ease-out,opacity 0.2s ease-out,transform 0.2s ease-out}.segmented-liquid--animating{opacity:0.7;transform:translateY(2px)}.segmented-liquid-segment{min-width:0;border:none;outline:none;border-radius:999px;background:transparent;color:var(--seg-text);display:inline-flex;align-items:center;justify-content:center;height:var(--seg-inner-height);padding:0 var(--seg-item-pad-x);transition:color 0.18s ease-out,background-color 0.18s ease-out,transform 0.16s ease-out;cursor:pointer}.segmented-liquid-segment:hover{transform:translateY(-1px)}.segmented-liquid-segment:active{transform:scale(0.97)}.segmented-liquid-segment--selected{background:var(--seg-selected-bg);color:var(--seg-selected-text)}.segmented-liquid--stretched{width:var(--seg-width-stretched,200px);min-width:var(--seg-width-stretched,200px)}.segmented-liquid--stretched .segmented-liquid-segment{flex:1 1 0;padding-left:8px;padding-right:8px}.segmented-liquid-segment-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--seg-item-font-size);line-height:var(--seg-item-line-height);font-weight:var(--seg-unselected-font-weight);color:currentColor}.segmented-liquid-segment--selected .segmented-liquid-segment-label{font-weight:var(--seg-selected-font-weight)}.segmented-liquid-icon{width:24px;height:24px;display:block}.segmented-liquid--label-large{--seg-item-pad-x:16px;--seg-item-font-size:16px;--seg-item-line-height:22px;--seg-selected-font-weight:600;--seg-unselected-font-weight:500}.segmented-liquid--label-medium{--seg-height:48px;--seg-inner-height:40px;--seg-item-pad-x:16px;--seg-item-font-size:16px;--seg-item-line-height:22px;--seg-selected-font-weight:600;--seg-unselected-font-weight:500}.segmented-liquid--label-small{--seg-height:40px;--seg-inner-height:32px;--seg-item-pad-x:12px;--seg-item-font-size:14px;--seg-item-line-height:20px;--seg-selected-font-weight:600;--seg-unselected-font-weight:400}.segmented-liquid--icon-medium,.segmented-liquid--icon-small{--seg-height:48px;--seg-inner-height:40px;--seg-item-pad-x:8px}[data-theme="dark"] .segmented-liquid{--seg-bg:#1B1B1B;--seg-selected-bg:#303030;--seg-text:#ABABAB;--seg-selected-text:#F8F8F8}.sheet-topbar-doc{margin-top:8px;padding:24px;background:var(--demo-bg);border-radius:24px;display:flex;justify-content:center}.sheet-topbar{width:402px;display:flex;flex-direction:column;align-items:center;padding:0 0 10px;position:relative;transition:opacity 0.2s ease-out,transform 0.2s ease-out}.sheet-topbar--animating{opacity:0.7;transform:translateY(4px)}.sheet-topbar-grabber-wrap{width:100%;height:16px;padding-top:5px;display:flex;align-items:flex-start;justify-content:center}.sheet-topbar-grabber{width:36px;height:5px;border-radius:100px;background:var(--text-secondary)}.sheet-topbar-main,.sheet-topbar-controls{width:100%;min-height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sheet-topbar-leading,.sheet-topbar-trailing{min-width:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sheet-topbar-title-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center}.sheet-topbar-title-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;text-align:center}.sheet-topbar-title{margin:0;color:var(--text-primary);font-size:16px;line-height:22px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sheet-topbar-subtitle{margin:0;color:var(--text-secondary);font-size:14px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sheet-topbar-large{width:100%;padding:5px 16px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:66px}.sheet-topbar-large-title{margin:0;color:var(--text-primary);font-size:24px;line-height:32px;font-weight:600;white-space:nowrap}.sheet-topbar-large-subtitle{margin:0;color:var(--text-secondary);font-size:14px;line-height:20px;font-weight:400;white-space:nowrap}.sheet-topbar-btn{width:44px;height:44px;border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;transition:transform 0.16s ease-out,box-shadow 0.16s ease-out,background 0.16s ease-out,color 0.16s ease-out;padding:0}.sheet-topbar-btn:hover{transform:translateY(-1px)}.sheet-topbar-btn:active{transform:scale(0.96)}.sheet-topbar-btn--leading{background:#E2E2E2;color:#5E5E5E;box-shadow:inset 0 1px 1px rgba(255,255,255,0.6)}.sheet-topbar-btn--trailing{background:#0DC267;color:#ffffff;box-shadow:0 2px 10px rgba(13,194,103,0.35)}.sheet-topbar-icon{width:24px;height:24px;display:block}.sheet-topbar--style-title-2-line-left .sheet-topbar-title-wrap,.sheet-topbar--style-compact-large .sheet-topbar-title-wrap{justify-content:flex-start}.sheet-topbar--style-title-2-line-left .sheet-topbar-title-block,.sheet-topbar--style-compact-large .sheet-topbar-title-block{align-items:flex-start;text-align:left}.sheet-topbar--style-title-2-line-left .sheet-topbar-title-block{min-height:38px;justify-content:flex-start;padding-top:1px;padding-left:2px}.sheet-topbar-hidden{display:none !important}[data-theme="dark"] .sheet-topbar-grabber{background:#6B6B6B}[data-theme="dark"] .sheet-topbar-btn--leading{background:#2A2A2A;color:#ABABAB;border:1px solid #3A3A3A;box-shadow:none}[data-theme="dark"] .sheet-topbar-btn--trailing{box-shadow:0 2px 10px rgba(13,194,103,0.42)}.toolbar-hidden{display:none !important}@keyframes toolbar-glass-shine{0%,65%{transform:translateX(-120%);opacity:0}75%{opacity:1}100%{transform:translateX(120%);opacity:0}}.app-body{display:block;padding:42px 56px 24px;overflow:auto}.sidebar-card,.sidebar{display:none !important}.content{overflow:visible;width:100%}.hub-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.hub-brand{display:inline-flex;align-items:center;gap:12px}.hub-brand-img{height:24px;width:auto;display:block}.hub-brand-title{font-size:34px;line-height:1;color:var(--text-primary);font-weight:400;letter-spacing:-0.02em}.hub-avatar{width:52px;height:52px;border-radius:999px;overflow:hidden;background:#c6c6c6;flex-shrink:0}.hub-avatar img{width:100%;height:100%;object-fit:cover;display:block}.content-top-bar{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:24px;pointer-events:auto;z-index:auto;top:auto}.hub-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.hub-tab{min-height:56px;border-radius:999px;border:none;padding:0 20px;background:var(--surface-card,#ffffff);color:var(--text-secondary);font-size:14px;line-height:22px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.hub-tab-count{color:var(--text-muted);font-weight:600}.hub-tab.active{background:#0DC267;color:#ffffff}.hub-tab.active .hub-tab-count{color:#E0F6E5}.hub-tools{display:flex;align-items:center;gap:12px;min-width:420px;justify-content:flex-end;justify-self:end}.hub-tools .search-wrap{max-width:none;width:330px;padding:0 16px;min-height:56px;border-radius:999px;background:var(--surface-card,#ffffff);border:none;display:flex;align-items:center;flex-shrink:0}.hub-tools .search-input{height:100%;padding:0 0 0 32px;border:none;border-radius:0;background-color:transparent;background-position:0 50%;background-size:18px 18px;color:var(--text-primary);font-size:16px;line-height:22px;box-shadow:none}.hub-tools .search-input:focus,.hub-tools .search-input:hover{border:none;box-shadow:none}.theme-toggle{min-height:56px;width:236px;padding:12px 88px 12px 16px;background:var(--surface-card,#ffffff);color:var(--text-primary);font-size:16px;line-height:22px;font-weight:400;letter-spacing:-0.01em}.theme-toggle::before{width:64px;height:28px;right:12px;border-radius:999px;background:rgba(120,120,128,0.32);transform:translateY(-50%)}.theme-toggle::after{width:39px;height:24px;right:35px;border-radius:999px;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,0.16);transform:translateY(-50%);transition:transform 0.18s ease-out,box-shadow 0.18s ease-out}[data-theme="dark"] .theme-toggle::before{background:#34C759}[data-theme="dark"] .theme-toggle::after{background:#ffffff;transform:translate(21px,-50%);box-shadow:0 1px 2px rgba(0,0,0,0.28)}.theme-label{margin-right:0;font-size:16px;line-height:24px}.hub-overview{margin-bottom:24px;background:transparent !important;border-radius:0 !important;padding:0 !important}.icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.icons-load-sentinel{margin-top:10px;min-height:1px;width:100%}.icon-item{border-radius:24px;background:var(--surface-card,#ffffff);border:0;padding:22px 20px 20px;min-height:220px;display:flex;flex-direction:column;gap:14px;content-visibility:auto;contain-intrinsic-size:240px}.icon-preview{border-radius:16px;background:var(--demo-bg);border:1px solid var(--spec-border);min-height:126px;display:flex;align-items:center;justify-content:center;padding:12px}[data-theme="dark"] .icon-preview{background:var(--demo-bg)}.icon-preview img{display:block;width:32px;height:32px;object-fit:contain;filter:brightness(0) saturate(100%)}[data-theme="dark"] .icon-preview img{filter:brightness(0) invert(1) saturate(100%)}.icon-name{margin:0;font-size:14px;line-height:20px;font-weight:500;color:var(--text-primary);text-align:center;word-break:break-word;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.icon-controls{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:10px;align-items:center;width:100%;align-self:stretch}.icon-size-select{width:100%;min-width:0;height:44px;border-radius:14px;border:1px solid var(--spec-border);background-color:var(--bg-card);color:var(--text-primary);font-size:14px;line-height:20px;padding:0 40px 0 16px;appearance:none;background-image:url("chevron.svg");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 12px}.icon-download{width:56px;height:44px;border-radius:14px;border:none;background:#0DC267;color:#ffffff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform 0.12s ease-out,filter 0.16s ease-out}.icon-download img{width:20px;height:20px;display:block}.icon-download:hover{filter:brightness(1.05);transform:translateY(-1px)}.icon-download:active{transform:translateY(0)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.hub-card{background:var(--surface-card,#ffffff);border:none;border-radius:24px;padding:22px 20px 20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;min-height:220px;transition:transform 0.16s ease-out,box-shadow 0.16s ease-out}.hub-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}.hub-card-preview{width:100%;flex:1 1 auto;min-height:126px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--demo-bg);position:relative;overflow:hidden}.hub-card-preview [class^="mini-"],.hub-card-preview [class*=" mini-"],.hub-card-preview .hub-chip{transition:transform 0.24s ease-out,opacity 0.24s ease-out,filter 0.24s ease-out,background-color 0.24s ease-out,border-color 0.24s ease-out,color 0.24s ease-out;transform-origin:center}.hub-card:is(:hover,:focus-visible) .mini-preview{animation:mini-preview-breathe 1.8s ease-in-out infinite}.hub-card:is(:hover,:focus-visible) .mini-pill.green,.hub-card:is(:hover,:focus-visible) .mini-btn,.hub-card:is(:hover,:focus-visible) .mini-switch::after,.hub-card:is(:hover,:focus-visible) .mini-progress-bar{transform:translateY(-1px)}.hub-card:is(:hover,:focus-visible) .mini-card,.hub-card:is(:hover,:focus-visible) .mini-bottomsheet,.hub-card:is(:hover,:focus-visible) .mini-toolbar,.hub-card:is(:hover,:focus-visible) .mini-tabbar,.hub-card:is(:hover,:focus-visible) .mini-accordion{filter:brightness(1.02)}.hub-card:active .mini-preview{animation-duration:1.2s;transform:scale(0.995)}@keyframes mini-preview-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}.hub-card-preview--colors{background:linear-gradient(90deg,#0DC267 0 25%,#F8F8F8 25% 50%,#111111 50% 75%,#BED2C1 75% 100%)}.hub-card-preview--tokens{background:transparent;justify-content:center;gap:12px;display:inline-flex}.hub-chip{width:44px;height:44px;border-radius:12px;background:#E2E2E2}.hub-chip--round{border-radius:999px;background:#0DC267}.hub-card-btn{width:140px;height:28px;border-radius:10px;background:#0DC267;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;font-weight:500}.hub-card-title{margin:0;color:var(--text-primary);font-size:16px;line-height:22px;font-weight:400}.mini-preview{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.mini-typography{width:170px;display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px}.mini-type-title{margin:0;color:#111111;font-size:18px;line-height:22px;font-weight:600;letter-spacing:-0.01em}.mini-type-body{margin:0;color:#5E5E5E;font-size:12px;line-height:16px;font-weight:400}.mini-type-caption{margin:0;color:#8C8C8C;font-size:10px;line-height:12px;letter-spacing:0.04em;text-transform:uppercase;font-weight:500}.mini-radius{width:170px;display:inline-flex;flex-direction:column;gap:10px;align-items:stretch}.mini-radius-row{display:inline-flex;align-items:flex-end;gap:8px}.mini-radius-box{width:34px;height:34px;border:1px solid #D8D8D8;background:#F8F8F8;flex-shrink:0}.mini-radius-box.r8{border-radius:8px}.mini-radius-box.r16{border-radius:16px}.mini-radius-box.r24{border-radius:24px}.mini-spacing{width:100%;height:8px;border-radius:999px;background:#E2E2E2;position:relative;overflow:hidden}.mini-spacing::after{content:"";position:absolute;left:0;top:0;bottom:0;width:56%;border-radius:999px;background:#0DC267}.mini-btn{min-width:108px;height:28px;border-radius:10px;background:#0DC267;color:#ffffff;font-size:14px;line-height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-weight:500}.mini-btn--secondary{background:#E0F6E5;color:#0EA658}.mini-input,.mini-select{width:164px;height:30px;border-radius:12px;border:1px solid #E2E2E2;background:#F8F8F8;color:#6f6f6f;display:inline-flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px;line-height:16px}.mini-search{width:164px;height:30px;border-radius:999px;border:1px solid #E2E2E2;background:#F8F8F8;color:#6f6f6f;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 12px;font-size:12px;line-height:16px;box-sizing:border-box}.mini-search-icon{width:12px;height:12px;border:1.5px solid #ABABAB;border-radius:999px;box-sizing:border-box;display:inline-flex;flex-shrink:0;position:relative}.mini-search-icon::after{content:"";width:5px;height:1.5px;background:#ABABAB;transform:rotate(45deg);position:absolute;right:-3px;bottom:-1px;border-radius:1px}.mini-search-text{font-size:12px;line-height:16px;font-weight:500;color:inherit}.mini-pincode{width:164px;height:30px;border-radius:12px;border:1px solid #E2E2E2;background:#F8F8F8;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;box-sizing:border-box}.mini-pincode-cell{width:18px;height:18px;border-radius:6px;background:#EAEAEA;color:#6F6F6F;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:14px;font-weight:600;position:relative}.mini-pincode-cell.active::after{content:"";width:1.5px;height:10px;border-radius:1px;background:#0DC267;position:absolute}.mini-check,.mini-radio{width:16px;height:16px;border-radius:4px;border:1.5px solid #0DC267;position:relative;flex-shrink:0}.mini-check::after{content:"";position:absolute;left:3px;top:2px;width:7px;height:4px;border-left:1.8px solid #0DC267;border-bottom:1.8px solid #0DC267;transform:rotate(-45deg)}.mini-radio{border-radius:999px}.mini-radio::after{content:"";position:absolute;left:4px;top:4px;width:6px;height:6px;border-radius:999px;background:#0DC267}.mini-switch{width:44px;height:24px;border-radius:999px;background:rgba(60,60,67,0.3);position:relative}.mini-switch::after{content:"";position:absolute;width:20px;height:20px;right:2px;top:2px;border-radius:999px;background:#ffffff;transition:transform 0.24s ease-out,background-color 0.24s ease-out}.mini-snackbar{min-width:120px;height:30px;border-radius:999px;background:#F8F8F8;color:#111111;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:16px;padding:0 12px}.mini-tabs{display:inline-flex;gap:6px}.mini-tab{height:24px;border-radius:999px;background:#E2E2E2;color:#5E5E5E;font-size:11px;line-height:14px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center}.mini-tab.active{background:#0DC267;color:#ffffff}.mini-pill{width:26px;height:26px;border-radius:999px;background:#D9D9D9;display:inline-flex;align-items:center;justify-content:center;color:#5E5E5E;font-size:12px;line-height:1;font-weight:600}.mini-pill.green{background:#0DC267;color:#ffffff}.mini-preview-label{font-size:11px;line-height:14px;color:#111111}.mini-bottomsheet{width:150px;height:90px;border-radius:16px 16px 0 0;background:rgba(248,248,248,0.9);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 6px 8px}.mini-bottomsheet-grabber{width:20px;height:3px;border-radius:99px;background:#7a7a7a}.mini-row{width:100%;display:flex;align-items:center;justify-content:space-between}.mini-progress{width:130px;height:8px;border-radius:99px;background:#E2E2E2;position:relative;display:inline-block;overflow:hidden}.mini-progress-bar{position:absolute;left:0;top:0;bottom:0;width:58%;background:#0DC267;border-radius:99px;transition:transform 0.24s ease-out,background-color 0.24s ease-out}.mini-stack{display:inline-flex;flex-direction:column;gap:6px;align-items:center}.mini-accordion{width:160px;height:34px;border-radius:12px;border:1px solid #E2E2E2;background:#F8F8F8;color:#111111;display:inline-flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px;line-height:16px;font-weight:500}.mini-card{width:146px;height:92px;border-radius:16px;border:1px solid #E2E2E2;background:#F8F8F8;padding:10px;display:inline-flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.mini-card-line{width:70%;height:8px;border-radius:999px;background:#D8D8D8}.mini-card-line.short{width:48%}.mini-card-stack{position:relative;width:150px;height:94px;display:inline-block}.mini-card-stack .mini-card.back{position:absolute;right:0;top:8px;transform:scale(0.95);opacity:0.85}.mini-card-stack .mini-card.front{position:absolute;left:0;top:0}.mini-skeleton{width:152px;height:92px;border-radius:16px;border:1px solid #E2E2E2;background:#F8F8F8;padding:10px;box-sizing:border-box;display:inline-flex;flex-direction:column;gap:8px;justify-content:center}.mini-skeleton-bar{height:10px;border-radius:999px;background:#E2E2E2}.mini-skeleton-bar.w1{width:88%}.mini-skeleton-bar.w2{width:62%}.mini-skeleton-bar.w3{width:76%}.mini-chat{width:160px;display:inline-flex;flex-direction:column;gap:8px;align-items:stretch}.mini-chat-bubble{height:20px;border-radius:12px 12px 12px 4px;background:#E2E2E2;width:66%;align-self:flex-start}.mini-chat-bubble.out{border-radius:12px 12px 4px 12px;background:#0DC267;width:74%;align-self:flex-end}.mini-icon-swapper{display:inline-flex;align-items:center;gap:8px}.mini-icon-swapper img{filter:brightness(0) saturate(100%)}[data-theme="dark"] .mini-icon-swapper img{filter:brightness(0) invert(1) saturate(100%)}.mini-icon-swapper .mini-pill{width:30px;height:30px;font-size:14px}.mini-toolbar{width:170px;height:38px;border-radius:14px;background:rgba(248,248,248,0.95);border:1px solid #E2E2E2;display:inline-flex;align-items:center;justify-content:space-between;padding:0 8px;box-sizing:border-box}.mini-toolbar-title{font-size:12px;line-height:16px;color:#111111;font-weight:600}.mini-tabbar{width:170px;height:38px;border-radius:999px;border:1px solid #D5D5D5;background:linear-gradient(180deg,rgba(248,248,248,0.86) 0%,rgba(240,240,240,0.72) 100%);display:inline-flex;align-items:center;gap:2px;padding:3px;box-sizing:border-box}.mini-tabbar-item{flex:1 1 0;min-width:0;height:30px;border-radius:999px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#6A6A6A;font-size:8px;line-height:10px;font-weight:500}.mini-tabbar-item.active{background:rgba(13,194,103,0.2);color:#0DC267}.mini-tabbar-dot{width:8px;height:8px;border-radius:999px;border:1.3px solid currentColor;box-sizing:border-box;position:relative}.mini-tabbar-dot::after{content:"";width:3px;height:1.3px;border-radius:1px;background:currentColor;position:absolute;right:-1px;bottom:-1px;transform:rotate(45deg);opacity:0.75}[data-theme="dark"] .mini-input,[data-theme="dark"] .mini-search,[data-theme="dark"] .mini-select{border-color:#3A3A3A;background:#1F1F1F;color:#ABABAB}[data-theme="dark"] .mini-pincode{border-color:#3A3A3A;background:#1F1F1F}[data-theme="dark"] .mini-pincode-cell{background:#2D2D2D;color:#ABABAB}[data-theme="dark"] .hub-chip{background:#2D2D2D}[data-theme="dark"] .mini-btn--secondary{background:#1E3D2A;color:#4ADE80}[data-theme="dark"] .mini-pill{background:#303030;color:#CFCFCF}[data-theme="dark"] .mini-switch{background:#3A3A3A}[data-theme="dark"] .mini-switch::after{background:#E8E8E8}[data-theme="dark"] .mini-preview-label{color:#F5F5F5}[data-theme="dark"] .mini-bottomsheet-grabber{background:#ABABAB}[data-theme="dark"] .mini-progress{background:#2F2F2F}[data-theme="dark"] .mini-type-title{color:#F5F5F5}[data-theme="dark"] .mini-type-body{color:#BEBEBE}[data-theme="dark"] .mini-type-caption{color:#8F8F8F}[data-theme="dark"] .mini-radius-box{border-color:#3A3A3A;background:#1F1F1F}[data-theme="dark"] .mini-spacing{background:#2E2E2E}[data-theme="dark"] .mini-accordion,[data-theme="dark"] .mini-card,[data-theme="dark"] .mini-skeleton,[data-theme="dark"] .mini-toolbar,[data-theme="dark"] .mini-tabbar{border-color:#3A3A3A;background:#171717;color:#F5F5F5}[data-theme="dark"] .mini-tabbar{border-color:rgba(255,255,255,0.2);background:linear-gradient(180deg,rgba(56,56,56,0.62) 0%,rgba(30,30,30,0.62) 100%)}[data-theme="dark"] .mini-tabbar-item{color:#ABABAB}[data-theme="dark"] .mini-tabbar-item.active{background:rgba(13,194,103,0.24);color:#0DC267}[data-theme="dark"] .mini-card-line,[data-theme="dark"] .mini-skeleton-bar,[data-theme="dark"] .mini-chat-bubble{background:#313131}[data-theme="dark"] .mini-chat-bubble.out{background:#0DC267}[data-theme="dark"] .mini-toolbar-title{color:#F5F5F5}[data-theme="dark"] .mini-snackbar{background:#F8F8F8;color:#111111}[data-theme="dark"] .mini-tab{background:#2A2A2A;color:#BEBEBE}[data-theme="dark"] .mini-bottomsheet{background:rgba(32,32,32,0.9)}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.detail-back-btn{border:none;border-radius:999px;background:var(--surface-card,#ffffff);color:var(--text-secondary);width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;cursor:pointer}.detail-title{margin:0;font-size:22px;line-height:30px;font-weight:600;color:var(--text-primary)}.detail-mode #detail-scroll section:not(.search-hidden)>h2,.detail-mode #detail-scroll section:not(.search-hidden)>.section-heading-row{display:none}.detail-mode:not(.detail-root-mode) .hub-tabs,.detail-mode:not(.detail-root-mode) .hub-tools .search-wrap{display:none}.root-hide-search .hub-tools .search-wrap{display:none}.detail-mode .content-top-bar{justify-content:flex-end}.detail-mode .hub-tools{min-width:0;width:auto;margin-left:auto}.detail-root-mode .hub-tools{width:100%;margin-left:0}.icons-sticky-tools .hub-tools{position:sticky;top:8px;z-index:70}.content-scroll{overflow:visible;padding:0}@media (max-width:1100px){.app-body{padding:24px 16px 16px}.hub-brand-title{font-size:24px}.content-top-bar{display:flex;flex-direction:column;align-items:stretch}.hub-tools{min-width:0;width:100%}.icons-sticky-tools .hub-tools{top:8px}.hub-tools .search-wrap{width:100%}.theme-toggle{width:auto}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:720px){.app-body{padding:14px 12px 12px}.hub-header{margin-bottom:16px}.hub-brand{gap:8px}.hub-brand-title{font-size:20px}.hub-avatar{width:40px;height:40px}.content-top-bar{gap:10px;margin-bottom:16px}.hub-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.hub-tabs::-webkit-scrollbar{display:none}.hub-tab{flex:0 0 auto;min-height:38px;padding:8px 14px;white-space:nowrap}.hub-tools{width:100%;min-width:0;gap:8px;flex-direction:column;align-items:stretch}.icons-sticky-tools .hub-tools{top:8px}.hub-tools .search-wrap,.theme-toggle{width:100%}.hub-tools .search-wrap{flex-shrink:1}.icons-grid{grid-template-columns:minmax(0,1fr);gap:12px}.theme-toggle{min-height:40px;font-size:14px}.hub-grid{grid-template-columns:minmax(0,1fr);gap:12px}.hub-card{border-radius:18px;padding:16px;min-height:190px}.hub-card-preview{min-height:112px}.detail-header{margin-bottom:12px}.detail-title{font-size:20px;line-height:26px}.intro-block,.content section,.content-card{border-radius:18px;padding:16px}}@media (prefers-reduced-motion:reduce){.hub-card,.hub-card-preview [class^="mini-"],.hub-card-preview [class*=" mini-"],.hub-card-preview .hub-chip{transition:none !important;animation:none !important}}.auth-gate{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:var(--surface-page-bg,#F5F5F5);padding:24px}.auth-gate-card{width:min(100%,348px);display:flex;flex-direction:column;align-items:center;gap:32px}.auth-gate-brand{display:flex;flex-direction:column;align-items:center;gap:16px}.auth-gate-logo{width:78px;height:81px;object-fit:contain;display:block}.auth-gate-title{margin:0;font-size:40px;line-height:1;font-weight:600;color:var(--text-primary)}.auth-gate-form{width:100%;display:flex;flex-direction:column;gap:8px}.auth-gate-input{width:100%;height:48px;border-radius:12px;border:1px solid #E2E2E2;background:#F8F8F8;color:var(--text-primary);font-size:16px;line-height:22px;padding:12px 16px;outline:none;transition:border-color 0.16s ease-out,box-shadow 0.16s ease-out}.auth-gate-input::placeholder{color:#ABABAB}.auth-gate-input:focus{border-color:#0DC267;box-shadow:0 0 0 1px rgba(13,194,103,0.4)}.auth-gate-input--invalid{border-color:#FF4D3A;box-shadow:0 0 0 1px rgba(255,77,58,0.22)}.auth-gate-submit{width:100%;height:44px;border:none;border-radius:12px;background:#0DC267;color:#ffffff;font-size:16px;line-height:22px;font-weight:600;cursor:pointer;transition:filter 0.16s ease-out,transform 0.1s ease-out,opacity 0.16s ease-out}.auth-gate-submit:hover{filter:brightness(1.04)}.auth-gate-submit:active{transform:translateY(1px)}.auth-gate-submit:disabled{opacity:0.55;cursor:not-allowed;filter:none;transform:none}.auth-gate-error{min-height:16px;margin:0;font-size:12px;line-height:16px;color:#FF4D3A;opacity:0;transition:opacity 0.16s ease-out}.auth-gate-error--visible{opacity:1}[data-theme="dark"] .auth-gate{background:#111111}[data-theme="dark"] .auth-gate-input{border-color:#3A3A3A;background:#1B1B1B;color:#F8F8F8}[data-theme="dark"] .auth-gate-input::placeholder{color:#6E6E6E}[data-theme="dark"] .auth-gate-submit{background:#0DC267;color:#ffffff}body.auth-locked .app-body{visibility:hidden;pointer-events:none}body.auth-locked .auth-gate{display:flex}