.sv-root{--sv-bg: #ffffff;--sv-bg-subtle: #fafafa;--sv-surface: #ffffff;--sv-border: #ececf0;--sv-border-strong: #d4d4dc;--sv-text: #0a0a0f;--sv-text-soft: #3f3f46;--sv-text-mute: #71717a;--sv-text-faint: #a1a1aa;--sv-accent: #a855f7;--sv-accent-dark: #9333ea;--sv-accent-soft: #faf5ff;--sv-accent-tint: #f3e8ff;--sv-gradient: linear-gradient(90deg, #7c3aed 0%, #c026d3 60%, #ec4899 100%);--sv-success: #10b981;--sv-warn: #f59e0b;--sv-danger: #ef4444;--sv-shadow-sm: 0 1px 2px rgba(15, 15, 30, .04);--sv-shadow-md: 0 4px 14px rgba(15, 15, 30, .06), 0 1px 3px rgba(15, 15, 30, .04);--sv-shadow-lg: 0 16px 40px rgba(50, 45, 120, .1), 0 4px 10px rgba(15, 15, 30, .05);--sv-radius: 12px;--sv-radius-lg: 20px;--sv-radius-xl: 24px;min-height:100vh;background:var(--sv-bg);color:var(--sv-text);font-family:Inter,Noto Sans JP,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"palt","kern","liga"}.sv-root *,.sv-root *:before,.sv-root *:after{box-sizing:border-box}.sv-container{width:100%;max-width:1280px;margin:0 auto;padding:0 28px}@media (min-width: 768px){.sv-container{padding:0 48px}}.sv-header{position:sticky;top:0;z-index:40;background:#ffffffd9;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s ease}.sv-header--scrolled{border-bottom-color:var(--sv-border)}.sv-header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.sv-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--sv-text)}.sv-brand-logo{width:40px;height:40px;border-radius:999px;background:var(--sv-gradient);display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;box-shadow:0 8px 20px #c026d340}.sv-brand-name{font-size:20px;font-weight:700;letter-spacing:-.02em}.sv-user{display:inline-flex;align-items:center;gap:10px}.sv-user-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--sv-border);background:var(--sv-surface);transition:all .18s ease;cursor:pointer;font-family:inherit;color:var(--sv-text)}.sv-user-chip:hover{border-color:var(--sv-border-strong);box-shadow:var(--sv-shadow-sm)}.sv-user-avatar{width:30px;height:30px;border-radius:999px;background:var(--sv-accent-tint);overflow:hidden;display:grid;place-items:center;font-weight:700;font-size:12px;color:var(--sv-accent-dark)}.sv-user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sv-user-name{font-size:14px;font-weight:600;color:var(--sv-text)}.sv-user-caret{color:var(--sv-text-mute);margin-left:2px}.sv-icon-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--sv-border);background:var(--sv-surface);color:var(--sv-text-soft);display:grid;place-items:center;cursor:pointer;transition:all .18s ease}.sv-icon-btn:hover{border-color:var(--sv-border-strong);color:var(--sv-text);box-shadow:var(--sv-shadow-sm)}.sv-hero{padding:56px 0 32px}@media (min-width: 768px){.sv-hero{padding:80px 0 40px}}.sv-title{font-size:clamp(44px,6vw,76px);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:0;color:var(--sv-text)}.sv-title .sv-grad{background:var(--sv-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.sv-subtitle{margin:16px 0 0;font-size:15px;color:var(--sv-text-mute);line-height:1.6;max-width:520px}.sv-search-wrap{margin:40px auto 28px;max-width:680px}.sv-search{position:relative;display:block}.sv-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--sv-text-mute);pointer-events:none}.sv-search-input{width:100%;height:58px;padding:0 24px 0 56px;border-radius:999px;border:1px solid var(--sv-border);background:var(--sv-surface);font-family:inherit;font-size:15px;color:var(--sv-text);outline:none;transition:all .2s ease;box-shadow:var(--sv-shadow-md)}.sv-search-input::-moz-placeholder{color:var(--sv-text-faint)}.sv-search-input::placeholder{color:var(--sv-text-faint)}.sv-search-input:hover{border-color:var(--sv-border-strong)}.sv-search-input:focus{border-color:var(--sv-accent);box-shadow:0 0 0 4px #a855f71f,var(--sv-shadow-md)}.sv-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px}.sv-filter{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--sv-border);background:var(--sv-surface);font-family:inherit;font-size:13px;font-weight:500;color:var(--sv-text-soft);cursor:pointer;transition:all .18s ease}.sv-filter:hover{border-color:var(--sv-border-strong);color:var(--sv-text)}.sv-filter--active{background:var(--sv-text);color:#fff;border-color:var(--sv-text)}.sv-filter-count{padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;background:var(--sv-bg-subtle);color:var(--sv-text-mute)}.sv-filter--active .sv-filter-count{background:#fff3;color:#fff}.sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding-bottom:80px}.sv-card{position:relative;background:var(--sv-surface);border:1px solid var(--sv-border);border-radius:var(--sv-radius-lg);padding:28px 20px 24px;text-align:center;cursor:pointer;transition:all .24s ease;display:flex;flex-direction:column;align-items:center;gap:16px;overflow:hidden;isolation:isolate;font-family:inherit;color:inherit}.sv-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 0%,rgba(168,85,247,.06),transparent 60%);opacity:0;transition:opacity .24s ease;pointer-events:none;z-index:-1}.sv-card:hover{border-color:var(--sv-border-strong);transform:translateY(-3px);box-shadow:var(--sv-shadow-lg)}.sv-card:hover:before{opacity:1}.sv-card--selected{border-color:var(--sv-accent);box-shadow:0 0 0 3px #a855f726,var(--sv-shadow-md)}.sv-card--missing{opacity:.72}.sv-card--missing:hover{opacity:1}.sv-card-avatar{width:88px;height:88px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:var(--sv-bg-subtle);color:var(--sv-text-mute);font-size:28px;font-weight:700;flex-shrink:0;border:2px solid var(--sv-surface);box-shadow:0 4px 12px #0f0f1e0f}.sv-card-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sv-card-name{font-size:15px;font-weight:600;color:var(--sv-text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;letter-spacing:-.005em}.sv-card-meta{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--sv-text-mute);padding:4px 10px;border-radius:999px;background:var(--sv-bg-subtle);border:1px solid var(--sv-border)}.sv-card-meta--ok{color:var(--sv-success);background:#ecfdf5;border-color:#a7f3d0}.sv-card-meta--warn{color:var(--sv-warn);background:#fffbeb;border-color:#fde68a}.sv-card-meta--custom{color:#0ea5e9;background:#f0f9ff;border-color:#bae6fd}.sv-card-pin{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:999px;border:1px solid var(--sv-border);background:var(--sv-surface);display:grid;place-items:center;color:var(--sv-text-faint);cursor:pointer;transition:all .18s ease;z-index:2}.sv-card-pin:hover{border-color:var(--sv-border-strong);color:var(--sv-text-soft)}.sv-card-pin--active{background:var(--sv-accent-tint);border-color:var(--sv-accent);color:var(--sv-accent-dark)}.sv-card-pin--active:hover{background:var(--sv-accent-soft)}.sv-panel{max-width:520px;margin:0 auto;padding:48px 32px;border-radius:var(--sv-radius-xl);background:var(--sv-surface);border:1px solid var(--sv-border);text-align:center;box-shadow:var(--sv-shadow-md)}.sv-panel-icon{width:64px;height:64px;border-radius:18px;margin:0 auto 20px;background:var(--sv-accent-tint);color:var(--sv-accent-dark);display:grid;place-items:center}.sv-panel-title{margin:0 0 10px;font-size:22px;font-weight:700;letter-spacing:-.015em;color:var(--sv-text)}.sv-panel-desc{margin:0 auto 24px;max-width:400px;font-size:14px;line-height:1.7;color:var(--sv-text-mute)}.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease;text-decoration:none;white-space:nowrap}.sv-btn--primary{background:var(--sv-gradient);color:#fff;box-shadow:0 6px 18px #c026d340}.sv-btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #c026d359}.sv-btn--ghost{background:transparent;color:var(--sv-text-soft);border-color:var(--sv-border)}.sv-btn--ghost:hover{border-color:var(--sv-border-strong);color:var(--sv-text)}.sv-spinner{width:28px;height:28px;border-radius:999px;border:3px solid var(--sv-accent-tint);border-top-color:var(--sv-accent);animation:sv-spin .9s linear infinite;margin:0 auto 20px}@keyframes sv-spin{to{transform:rotate(360deg)}}.sv-inline-alert{margin-top:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;font-size:13px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.sv-fade-leave{opacity:.7;transform:translateY(-4px);transition:all .22s ease}.sv-list-transitioning{opacity:.8;transition:opacity .2s ease}@media (max-width: 640px){.sv-header-inner{height:60px}.sv-brand-name{font-size:17px}.sv-hero{padding:36px 0 24px}.sv-search-wrap{margin:28px auto 20px}.sv-search-input{height:52px;font-size:14px}.sv-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.sv-card{padding:22px 14px 18px}.sv-card-avatar{width:64px;height:64px;font-size:22px}.sv-card-name{font-size:13px}}