.avatar-upload-container.svelte-gdjru{width:100%;margin:0 auto}.avatar-upload-area.svelte-gdjru{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-bg-primary);cursor:pointer;transition:all .2s ease;position:relative;padding:var(--spacing-4)}.avatar-upload-area.svelte-gdjru:hover:not(.disabled){border-color:var(--color-primary);background:var(--color-bg-tertiary)}.avatar-upload-area.svelte-gdjru:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.avatar-upload-area.drag-over.svelte-gdjru{border-color:var(--color-primary);background:var(--color-primary-light)}.avatar-upload-area.error.svelte-gdjru{border-color:var(--color-error)}.avatar-upload-area.disabled.svelte-gdjru{opacity:.5;cursor:not-allowed}.avatar-upload-area.compressing.svelte-gdjru{cursor:wait;opacity:.8}.avatar-container.svelte-gdjru{position:relative}.compression-overlay.svelte-gdjru{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2)}.spinner.svelte-gdjru{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:svelte-gdjru-spin 1s linear infinite}.compression-text.svelte-gdjru{color:#fff;font-size:var(--font-size-xs);font-weight:500;text-align:center}@keyframes svelte-gdjru-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden-input.svelte-gdjru{display:none}html.dark .avatar-upload-area.svelte-gdjru{background:var(--color-gray-800);border-color:var(--color-gray-600)}html.dark .avatar-upload-area.svelte-gdjru:hover:not(.disabled){background:var(--color-gray-700);border-color:var(--color-primary)}html.dark .avatar-upload-area.drag-over.svelte-gdjru{background:var(--color-primary-dark)}.dark-mode-toggle.svelte-gnxefm{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:0}.dark-mode-toggle.svelte-gnxefm:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-secondary);box-shadow:var(--shadow-md)}.dark-mode-toggle.svelte-gnxefm:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dark-mode-toggle.svelte-gnxefm:active{transform:translateY(0)}.dark-mode-toggle.svelte-gnxefm svg:where(.svelte-gnxefm){transition:transform var(--transition-fast)}.dark-mode-toggle.svelte-gnxefm:hover svg:where(.svelte-gnxefm){transform:rotate(15deg)}.dropdown-container.svelte-17y9hxx{position:relative;display:inline-block}.dropdown-trigger.svelte-17y9hxx{cursor:pointer}.dropdown-content.svelte-17y9hxx{position:absolute;z-index:1000;min-width:12rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2);animation:svelte-17y9hxx-dropdownEnter .15s ease-out}.dark .dropdown-content.svelte-17y9hxx{background:var(--color-gray-800);border-color:var(--color-gray-700)}.dropdown-content.position-bottom-left.svelte-17y9hxx{top:100%;left:0;margin-top:var(--spacing-2)}.dropdown-content.position-bottom-right.svelte-17y9hxx{top:100%;right:0;margin-top:var(--spacing-2)}.dropdown-content.position-top-left.svelte-17y9hxx{bottom:100%;left:0;margin-bottom:var(--spacing-2)}.dropdown-content.position-top-right.svelte-17y9hxx{bottom:100%;right:0;margin-bottom:var(--spacing-2)}@keyframes svelte-17y9hxx-dropdownEnter{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.dropdown-content .dropdown-item{display:flex;align-items:center;width:100%;padding:var(--spacing-3) var(--spacing-4);border:none;background:none;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);gap:var(--spacing-3)}.dropdown-content .dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.dropdown-content .dropdown-item.destructive{color:var(--color-error)}.dropdown-content .dropdown-item.destructive:hover{background:var(--color-error);color:var(--color-white)}.dropdown-content .dropdown-separator{height:1px;background:var(--color-border);margin:var(--spacing-2) 0}.dark .dropdown-content .dropdown-separator{background:var(--color-gray-700)}.demo-form.svelte-1a3dqkl{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-group.svelte-1a3dqkl{display:flex;flex-direction:column}.form-actions.svelte-1a3dqkl{justify-content:flex-end;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-primary)}@media (max-width: 768px){.form-actions.svelte-1a3dqkl{flex-direction:column}}.navbar.svelte-9ol0p2{position:fixed;width:100%;top:0;z-index:50;background-color:var(--color-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.dark .navbar.svelte-9ol0p2{background:#111827e6;border-bottom-color:var(--color-border-dark)}.navbar-container.svelte-9ol0p2{margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:3rem;width:100%}.navbar-brand.svelte-9ol0p2{display:flex;align-items:center;flex-shrink:0}.brand-link.svelte-9ol0p2{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:color .2s ease}.brand-link.svelte-9ol0p2:hover{color:var(--color-black)}.brand-logo.svelte-9ol0p2{transition:transform .2s ease}.brand-name.svelte-9ol0p2{white-space:nowrap;letter-spacing:-.5px}.navbar-actions.svelte-9ol0p2{display:flex;align-items:center;gap:1rem}.navbar-actions.svelte-9ol0p2:last-child{padding-right:0rem}.nav-link.svelte-9ol0p2{padding:1rem .5rem;color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.nav-link.svelte-9ol0p2:hover{color:var(--color-black);text-decoration:underline}.nav-link.active.svelte-9ol0p2{color:var(--color-black)}.desktop-actions.svelte-9ol0p2{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.navbar-actions.svelte-9ol0p2{gap:.5rem}.nav-link.svelte-9ol0p2{padding:.5rem .25rem}}.friend-grid.svelte-1128exk{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);width:100%}.friend-card.svelte-1128exk{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-4);padding-bottom:var(--spacing-2);gap:var(--spacing-2);display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;cursor:pointer;position:relative}.avatars-wrapper.svelte-1128exk{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.friend-avatar.svelte-1128exk{position:relative;width:100%;height:100%;max-width:150px;max-height:150px;overflow:hidden;aspect-ratio:1/1;border-radius:var(--radius-full)}.placeholder.svelte-1128exk{border:2px dashed var(--color-gray-200);background:#ffffff60}.placeholder-center.svelte-1128exk{position:relative;background:var(--color-primary);width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.placeholder-text.svelte-1128exk{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.friend-info-wrapper.svelte-1128exk{display:flex;flex-direction:row;align-items:space-between;justify-content:space-between;gap:var(--spacing-2);position:relative;align-items:center;width:100%}.friend-info-wrapper.is-center.svelte-1128exk{justify-content:center}.friend-actions.svelte-1128exk{display:flex;align-items:center;justify-content:center}.friend-name-pill.svelte-1128exk{border-radius:var(--radius-sm);padding:2px 8px;background:var(--color-bg-tertiary);max-width:80%;text-align:left}.friend-name-text.svelte-1128exk{font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-md)}.avg-row.svelte-1128exk{text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.friend-card.svelte-1128exk:hover{box-shadow:0 5px 11px #0000000d}@media (max-width: 991px){.friend-card.svelte-1128exk:hover{box-shadow:unset}}@media (max-width: 768px){.friend-card.svelte-1128exk{min-height:160px;min-width:160px}.friend-grid.svelte-1128exk{gap:var(--spacing-2)}}@media (max-width: 480px){.friend-avatar.svelte-1128exk{min-width:80px;min-height:80px}.friend-card.svelte-1128exk{min-height:100px;min-width:100px;padding:.75rem}.friend-name-text.svelte-1128exk{font-size:var(--font-size-sm)}.friend-name-pill.svelte-1128exk{padding:0 6px;max-width:100%}.friend-actions.svelte-1128exk{display:none}.friend-info-wrapper.svelte-1128exk{justify-content:center}}@media (max-width: 375px){.friend-grid.svelte-1128exk{grid-template-columns:repeat(2,1fr)}.friend-avatar.svelte-1128exk{min-width:60px;min-height:60px;max-width:125px;max-height:125px}}.app-navbar.svelte-4pxv1r{position:fixed;left:50%;right:0;transform:translate(-50%);top:-3px;padding-top:.75rem;padding-bottom:.75rem;background-color:var(--color-white);border-top:1px solid var(--color-border);z-index:60;width:100%;max-width:700px;border-end-start-radius:12px;border-end-end-radius:12px;box-shadow:0 5px 12px #00000014}.dark .app-navbar.svelte-4pxv1r{background:var(--color-bg-elevated, rgba(17, 24, 39, .9));border-top-color:var(--color-border-dark);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tabs.svelte-4pxv1r{margin:0 auto;height:100%;display:flex;align-items:center;justify-content:center;list-style:none;gap:1rem}.tab.svelte-4pxv1r{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-decoration:none;color:var(--color-black);font-size:var(--font-size-sm);padding:.5rem;min-width:5.5rem;height:100%;text-transform:uppercase;outline:none;border-radius:var(--radius-full);border:1px solid transparent;position:relative}.tab.svelte-4pxv1r:hover{color:var(--color-black);border:1px solid var(--color-gray-400)}.tab.active.svelte-4pxv1r{background-color:var(--color-black);color:var(--color-white)}.tab-icon.svelte-4pxv1r{transition:transform .15s ease}.tab.svelte-4pxv1r:hover .tab-icon:where(.svelte-4pxv1r),.tab.active.svelte-4pxv1r .tab-icon:where(.svelte-4pxv1r){transform:translateY(-1px)}.tab-label.svelte-4pxv1r{line-height:1}.notif-dot.svelte-4pxv1r{position:absolute;top:2px;right:12px;width:8px;height:8px;background-color:var(--color-green-500, #22c55e);border-radius:9999px;box-shadow:0 0 0 2px var(--color-white)}.tab.svelte-4pxv1r:focus-visible{box-shadow:0 0 0 2px var(--color-focus, #2563eb) inset;border-radius:.5rem}@media (max-width: 768px){.tab.svelte-4pxv1r:hover{border:1px solid transparent}}.footer.svelte-1k47fkw{position:fixed;width:100%;bottom:0;z-index:50;background-color:color-mix(in oklab,var(--color-white) 100%,transparent);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:all .3s ease}.footer-container.svelte-1k47fkw{padding:1rem;display:flex;align-items:center;justify-content:space-between}.footer-link.svelte-1k47fkw{padding:1rem;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-link.svelte-1k47fkw:first-child{padding-left:0rem}.footer-link.svelte-1k47fkw:hover{color:var(--color-black);text-decoration:underline}.footer-link.active.svelte-1k47fkw{color:var(--color-text-primary)}.legal-text.svelte-1k47fkw,.legal-link.svelte-1k47fkw{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width: 768px){.footer-container.svelte-1k47fkw{flex-direction:column;align-items:center;gap:.5rem;padding-bottom:.5rem;padding-top:.5rem}.footer-link.svelte-1k47fkw{font-size:var(--font-size-sm)}.legal-text.svelte-1k47fkw{font-size:var(--font-size-xs)}}.footer.svelte-107zxw7{position:relative;width:100%;bottom:0;z-index:50;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:all .3s ease;padding-bottom:1rem}.footer-container.svelte-107zxw7{padding:1rem;display:flex;max-width:700px;margin:0 auto;align-items:center;justify-content:center}.footer-link.svelte-107zxw7{padding:1rem;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-link.svelte-107zxw7:hover{color:var(--color-black);text-decoration:underline}.footer-link.active.svelte-107zxw7{color:var(--color-text-primary)}.form.svelte-1nhax58{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-header.svelte-1nhax58{text-align:center;margin-bottom:var(--spacing-2)}.form-title.svelte-1nhax58{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.form-description.svelte-1nhax58{color:var(--color-text-secondary);font-size:var(--font-size-base)}.form-fields.svelte-1nhax58{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-error.svelte-1nhax58{background:var(--color-red-50);border:1px solid var(--color-error);color:var(--color-gray-700);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;align-items:flex-start;gap:var(--spacing-3);box-shadow:0 1px 3px #0000001a}.form-error-icon.svelte-1nhax58{color:var(--color-error);flex-shrink:0;margin-top:2px}.form-error-content.svelte-1nhax58{flex:1;min-width:0}.form-error-title.svelte-1nhax58{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.form-error-message.svelte-1nhax58{color:var(--color-red-700);font-size:var(--font-size-sm);line-height:1.4}.form-success.svelte-1nhax58{background:var(--color-green-50);border:1px solid var(--color-green-200);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);box-shadow:0 1px 3px #0000001a}.form-success-icon.svelte-1nhax58{color:var(--color-green-500);flex-shrink:0}.form-success-content.svelte-1nhax58{color:var(--color-green-800);font-size:var(--font-size-sm);flex:1}html.dark .form-title.svelte-1nhax58{color:var(--color-white)}html.dark .form-description.svelte-1nhax58{color:var(--color-gray-300)}html.dark .form-error.svelte-1nhax58{background:var(--color-red-950);border-color:var(--color-error);color:var(--color-gray-200);box-shadow:0 1px 3px #0000004d}html.dark .form-error-icon.svelte-1nhax58{color:var(--color-red-400)}html.dark .form-error-title.svelte-1nhax58{color:var(--color-red-300);font-weight:var(--font-weight-semibold)}html.dark .form-error-message.svelte-1nhax58{color:var(--color-red-200)}html.dark .form-success.svelte-1nhax58{background:var(--color-green-950);border-color:var(--color-green-700);box-shadow:0 1px 3px #0000004d}html.dark .form-success-icon.svelte-1nhax58{color:var(--color-green-400)}html.dark .form-success-content.svelte-1nhax58{color:var(--color-green-300)}.form-input-container.svelte-34xyya{padding:0}.form-input-group.svelte-34xyya{display:flex;align-items:stretch;overflow:hidden;height:100%;width:100%}.radio-simple.size-sm.svelte-1kjetp8 .form-control-box:where(.svelte-1kjetp8){width:.875rem;height:.875rem}.radio-simple.size-sm.svelte-1kjetp8 .radio-dot:where(.svelte-1kjetp8){width:.375rem;height:.375rem}.radio-simple.size-lg.svelte-1kjetp8 .form-control-box:where(.svelte-1kjetp8){width:1.25rem;height:1.25rem}.radio-simple.size-lg.svelte-1kjetp8 .radio-dot:where(.svelte-1kjetp8){width:.75rem;height:.75rem}.section.svelte-x9mflg{margin-bottom:var(--spacing-16);scroll-margin-top:var(--spacing-8)}.headings-container.svelte-x9mflg{display:flex;flex-direction:column;gap:var(--spacing-6)}.heading-example.svelte-x9mflg{display:flex;align-items:baseline;justify-content:space-between;padding:var(--spacing-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.heading-example.svelte-x9mflg:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.heading-example.svelte-x9mflg h1:where(.svelte-x9mflg),.heading-example.svelte-x9mflg h2:where(.svelte-x9mflg),.heading-example.svelte-x9mflg h3:where(.svelte-x9mflg),.heading-example.svelte-x9mflg h4:where(.svelte-x9mflg),.heading-example.svelte-x9mflg h5:where(.svelte-x9mflg),.heading-example.svelte-x9mflg h6:where(.svelte-x9mflg){margin:0;flex:1}.heading-info.svelte-x9mflg{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-mono);font-weight:var(--font-weight-medium);margin-left:var(--spacing-4)}.body-text-container.svelte-x9mflg{display:flex;flex-direction:column;gap:var(--spacing-6)}.body-example.svelte-x9mflg{padding:var(--spacing-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.body-example.svelte-x9mflg:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.body-example.svelte-x9mflg p:where(.svelte-x9mflg){margin:0 0 var(--spacing-2) 0;line-height:1.6}.body-large.svelte-x9mflg{font-size:var(--font-size-lg)}.body-base.svelte-x9mflg{font-size:var(--font-size-base)}.body-small.svelte-x9mflg{font-size:var(--font-size-sm)}.body-info.svelte-x9mflg{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-mono);font-weight:var(--font-weight-medium)}.font-family-container.svelte-x9mflg{display:flex;flex-direction:column;gap:var(--spacing-6)}.font-example.svelte-x9mflg{padding:var(--spacing-6);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.font-example.svelte-x9mflg:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.font-sample.svelte-x9mflg{font-size:var(--font-size-lg);margin:0 0 var(--spacing-4) 0;color:var(--color-text-primary);line-height:1.4}.font-sample.heading-font.svelte-x9mflg{font-family:var(--font-heading)}.font-sample.body-font.svelte-x9mflg{font-family:var(--font-body)}.font-sample.mono-font.svelte-x9mflg{font-family:var(--font-mono)}.font-details.svelte-x9mflg{display:flex;justify-content:space-between;align-items:center}.font-name.svelte-x9mflg{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.font-usage.svelte-x9mflg{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-mono)}.font-size-container.svelte-x9mflg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.size-example.svelte-x9mflg{padding:var(--spacing-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-align:center}.size-example.svelte-x9mflg:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.size-sample.svelte-x9mflg{margin:0 0 var(--spacing-3) 0;color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.size-details.svelte-x9mflg{display:flex;flex-direction:column;gap:var(--spacing-1)}.size-token.svelte-x9mflg{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.size-value.svelte-x9mflg{font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media (max-width: 768px){.heading-example.svelte-x9mflg{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.heading-info.svelte-x9mflg{margin-left:0}.font-details.svelte-x9mflg{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.font-size-container.svelte-x9mflg{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.section.svelte-10afmoc{margin-bottom:var(--spacing-16);scroll-margin-top:var(--spacing-8)}.color-grid.svelte-10afmoc{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-4)}.color-card.svelte-10afmoc{padding:var(--spacing-4);border-radius:var(--radius-md);text-align:center;color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:80px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.color-grid.svelte-10afmoc{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.section.svelte-73cmmh{margin-bottom:var(--spacing-16);scroll-margin-top:var(--spacing-8)}.section-intro.svelte-73cmmh{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:1.6}.card-stack.svelte-73cmmh h4:where(.svelte-73cmmh){color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.feature-description.svelte-73cmmh{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);line-height:1.6;display:none}.feature-description.svelte-73cmmh code:where(.svelte-73cmmh){background:var(--color-bg-secondary);padding:.125rem .25rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875em}.variants-grid.svelte-73cmmh{display:flex;flex-direction:column;gap:var(--spacing-12)}.variant-section.svelte-73cmmh{display:flex;flex-direction:column}.variant-description.svelte-73cmmh,.icon-description.svelte-73cmmh{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-4);line-height:1.5}.button-examples.svelte-73cmmh{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-6);align-items:start}.size-examples.svelte-73cmmh{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.button-example.svelte-73cmmh{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);transition:all var(--transition-fast)}.button-info.svelte-73cmmh{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);text-align:center}.button-label.svelte-73cmmh{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.button-code.svelte-73cmmh{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);border:1px solid var(--color-border)}.use-case.svelte-73cmmh{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;margin-top:var(--spacing-1)}.icon-button-grid.svelte-73cmmh{display:flex;flex-direction:column;gap:var(--spacing-8)}.icon-button-row.svelte-73cmmh{display:flex;flex-direction:column}.icon-button-row.svelte-73cmmh .button-examples:where(.svelte-73cmmh){grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.icon-only-section.svelte-73cmmh{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8)}.icon-only-variants.svelte-73cmmh .button-examples:where(.svelte-73cmmh),.icon-only-sizes.svelte-73cmmh .button-examples:where(.svelte-73cmmh){grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.size-guide.svelte-73cmmh,.link-guide.svelte-73cmmh,.icon-guide.svelte-73cmmh,.icon-only-guide.svelte-73cmmh{display:flex;flex-direction:column;gap:var(--spacing-6)}@media (max-width: 768px){.button-examples.svelte-73cmmh{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-4)}.size-examples.svelte-73cmmh{grid-template-columns:1fr}.icon-button-row.svelte-73cmmh .button-examples:where(.svelte-73cmmh){grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.icon-only-section.svelte-73cmmh{grid-template-columns:1fr;gap:var(--spacing-6)}.button-example.svelte-73cmmh{padding:var(--spacing-4)}.variants-grid.svelte-73cmmh{gap:var(--spacing-8)}}@media (max-width: 640px){.button-examples.svelte-73cmmh{grid-template-columns:1fr}.icon-button-row.svelte-73cmmh .button-examples:where(.svelte-73cmmh),.icon-only-variants.svelte-73cmmh .button-examples:where(.svelte-73cmmh),.icon-only-sizes.svelte-73cmmh .button-examples:where(.svelte-73cmmh){grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.section.svelte-ix0kyk{margin-bottom:var(--spacing-16);scroll-margin-top:var(--spacing-8)}.form-grid.svelte-ix0kyk{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.form-group.svelte-ix0kyk{display:flex;flex-direction:column}@media (max-width: 768px){.form-grid.svelte-ix0kyk{grid-template-columns:1fr}}.section.svelte-9ymtbe{margin-bottom:var(--spacing-16);scroll-margin-top:var(--spacing-8)}.spacing-showcase.svelte-9ymtbe{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-6)}.spacing-scale.svelte-9ymtbe{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.spacing-item.svelte-9ymtbe{display:flex;align-items:center;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.spacing-item.svelte-9ymtbe:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.spacing-visual.svelte-9ymtbe{flex-shrink:1;width:100%;height:var(--spacing-4);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-1);overflow:hidden}.spacing-box-inner.svelte-9ymtbe{background-color:var(--color-primary);border-radius:var(--radius-sm);transition:all var(--transition-base)}.spacing-details.svelte-9ymtbe{display:flex;flex-direction:column;width:100%;gap:var(--spacing-1)}.spacing-token.svelte-9ymtbe{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.spacing-value.svelte-9ymtbe{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.radius-showcase.svelte-9ymtbe{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-6)}.radius-item.svelte-9ymtbe{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.radius-item.svelte-9ymtbe:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.radius-visual.svelte-9ymtbe{width:64px;height:64px;background-color:var(--color-secondary);border:2px solid var(--color-secondary-dark);transition:all var(--transition-base)}.radius-details.svelte-9ymtbe{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.radius-token.svelte-9ymtbe{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.radius-value.svelte-9ymtbe{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.shadow-showcase.svelte-9ymtbe{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-8)}.shadow-item.svelte-9ymtbe{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.shadow-visual.svelte-9ymtbe{width:80px;height:80px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.shadow-details.svelte-9ymtbe{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);text-align:center}.shadow-token.svelte-9ymtbe{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.shadow-description.svelte-9ymtbe{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}@media (max-width: 768px){.spacing-scale.svelte-9ymtbe{grid-template-columns:1fr}.radius-showcase.svelte-9ymtbe{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.shadow-showcase.svelte-9ymtbe{grid-template-columns:1fr}}.section.svelte-xdr5ev{margin-bottom:var(--spacing-16);scroll-margin-top:var(--spacing-8)}.logo-grid.svelte-xdr5ev{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6)}.logo-placeholder.svelte-xdr5ev{text-align:center}.logo-box.svelte-xdr5ev{display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary)}.logo-box.light.svelte-xdr5ev{background-color:var(--color-white)}.logo-box.dark.svelte-xdr5ev{background-color:var(--color-gray-900)}@media (max-width: 768px){.logo-grid.svelte-xdr5ev{grid-template-columns:1fr}}.section.svelte-ng9q5u{margin-bottom:var(--spacing-16);scroll-margin-top:var(--spacing-8)}.favicon-grid.svelte-ng9q5u{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.favicon-item.svelte-ng9q5u{text-align:center;padding:var(--spacing-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-primary)}.favicon-preview.svelte-ng9q5u{margin:0 auto var(--spacing-3);display:flex;align-items:center;justify-content:center}.favicon-preview.apple-touch.svelte-ng9q5u{border-radius:var(--radius-xl)}.favicon-item.svelte-ng9q5u p:where(.svelte-ng9q5u){font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}code.svelte-ng9q5u{background-color:var(--color-bg-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-primary)}@media (max-width: 768px){.favicon-grid.svelte-ng9q5u{justify-content:center;grid-template-columns:repeat(1,1fr)}}.section.svelte-1jvps72{margin-bottom:var(--spacing-16);scroll-margin-top:var(--spacing-8)}.og-previews.svelte-1jvps72{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.og-preview-item.svelte-1jvps72{display:flex;flex-direction:column;gap:var(--spacing-4)}.og-preview-item.svelte-1jvps72 h4:where(.svelte-1jvps72){margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg)}.og-preview.svelte-1jvps72{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-bg-secondary);transition:all var(--transition-fast)}.og-preview.svelte-1jvps72:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-md)}.og-image-display.svelte-1jvps72{width:100%;height:auto;display:block;transition:transform var(--transition-fast)}.og-image-display.svelte-1jvps72:hover{transform:scale(1.02)}.og-description.svelte-1jvps72{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;text-align:center}code.svelte-1jvps72{background-color:var(--color-bg-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-primary)}@media (max-width: 768px){.og-previews.svelte-1jvps72{grid-template-columns:1fr}}.style-section.svelte-wdoaic{margin-bottom:var(--spacing-16);scroll-margin-top:var(--spacing-4)}.section-header.svelte-wdoaic{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border-primary)}.section-header.svelte-wdoaic h2:where(.svelte-wdoaic){font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.section-header.svelte-wdoaic p:where(.svelte-wdoaic){font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.demo-group.svelte-wdoaic{margin-bottom:var(--spacing-12)}.demo-group.svelte-wdoaic h3:where(.svelte-wdoaic){font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.demo-group.svelte-wdoaic>p:where(.svelte-wdoaic){color:var(--color-text-secondary);margin-bottom:var(--spacing-6);line-height:var(--line-height-relaxed)}.modal-grid.svelte-wdoaic{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.modal-demo.svelte-wdoaic{padding:var(--spacing-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);text-align:center}.modal-demo.svelte-wdoaic h4:where(.svelte-wdoaic){font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-text-primary)}.modal-demo.svelte-wdoaic p:where(.svelte-wdoaic){color:var(--color-text-secondary);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.modal-grid.svelte-wdoaic{grid-template-columns:1fr}.modal-demo.svelte-wdoaic{padding:var(--spacing-4)}}