:root{--bg: #0a0a0a;--panel: #1a1a1a;--panel-2: #252525;--text: #ffffff;--muted: #888888;--accent: #13a069;--border: #333333;--shadow: 0 10px 30px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08)}.svelte-2qn2ml{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji"}.site-header.svelte-2qn2ml{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border-bottom:1px solid #333;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff1a}.header-top.svelte-2qn2ml{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.title-section.svelte-2qn2ml{display:flex;flex-direction:column;align-items:center;gap:2px;justify-self:center}.title.svelte-2qn2ml{font-size:32px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#10b981,#059669,#047857,#065f46,#064e3b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% 300%;animation:svelte-2qn2ml-shimmer 3s ease-in-out infinite;text-shadow:0 0 20px rgba(16,185,129,.3),0 0 40px rgba(16,185,129,.2),0 0 60px rgba(16,185,129,.1);position:relative;filter:drop-shadow(0 0 10px rgba(16,185,129,.4));-webkit-text-stroke:2px rgba(255,255,255,.8)}.title.svelte-2qn2ml:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(16,185,129,.1) 50%,transparent 100%);border-radius:8px;pointer-events:none;animation:svelte-2qn2ml-shine 2s linear infinite}@keyframes svelte-2qn2ml-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes svelte-2qn2ml-shine{0%{background-position:-100% 0}to{background-position:100% 0}}.telegram-btn.svelte-2qn2ml{display:flex;align-items:center;gap:6px;background:transparent;color:var(--muted);text-decoration:none;border:0;padding:10px 16px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease;font-size:13px;height:40px;border-radius:12px}.telegram-btn.svelte-2qn2ml:hover{color:var(--text)}.telegram-btn.svelte-2qn2ml svg:where(.svelte-2qn2ml){width:22px;height:22px;color:#08c}.right-controls.svelte-2qn2ml{display:flex;gap:12px;align-items:center}.telegram-toggle.svelte-2qn2ml,.category-toggle.svelte-2qn2ml,.device-toggle.svelte-2qn2ml{display:inline-flex;background:#2a2a2a;border:1px solid #444;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.toolbar-toggle.svelte-2qn2ml{display:flex;align-items:center;gap:6px;background:#2a2a2a;border:1px solid #444;border-radius:12px;padding:10px 16px;color:var(--muted);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:700;box-shadow:0 4px 12px #0000004d;height:40px}.toolbar-toggle.svelte-2qn2ml:hover{background:#3a3a3a;color:var(--text)}.toolbar-toggle-icon.svelte-2qn2ml{transition:transform .2s ease}.toolbar-toggle-icon.expanded.svelte-2qn2ml{transform:rotate(180deg)}.category-toggle.svelte-2qn2ml{justify-self:start}.right-controls.svelte-2qn2ml{justify-self:end}.mobile-telegram-toggle.svelte-2qn2ml{display:none}@keyframes svelte-2qn2ml-pulse{0%,to{opacity:1}50%{opacity:.4}}.toolbar.svelte-2qn2ml{padding:16px 24px 20px}.buttons-container.svelte-2qn2ml{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;min-height:36px}.btn.svelte-2qn2ml:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d,inset 0 1px #fff3}.btn.svelte-2qn2ml:hover:before{left:100%}.btn.svelte-2qn2ml:active{transform:translateY(0);box-shadow:0 1px 4px #0000004d,inset 0 1px #ffffff1a}.btn.active.svelte-2qn2ml{background:linear-gradient(135deg,var(--btn-bg),color-mix(in hsl,var(--btn-bg),black 10%));box-shadow:0 0 0 2px color-mix(in hsl,var(--btn-bg),white 30%),0 4px 16px #0006;transform:translateY(-1px);width:auto;min-width:80px;padding:8px 12px;justify-content:space-between;gap:8px}.btn.active.svelte-2qn2ml .btn-on:where(.svelte-2qn2ml){display:inline-block;font-size:11px;font-weight:800;color:#ffffffe6;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn.svelte-2qn2ml:not(.active) .btn-on:where(.svelte-2qn2ml){display:none}.btn.svelte-2qn2ml{--btn-bg: #185a46;--btn-fg: #eaf7f0;--btn-ring: color-mix(in hsl, var(--btn-bg), white 15%);appearance:none;border:1px solid var(--btn-ring);background:linear-gradient(135deg,color-mix(in hsl,var(--btn-bg),white 8%),var(--btn-bg));color:var(--btn-fg);padding:8px;border-radius:6px;font-weight:700;font-size:12px;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0003,inset 0 1px #ffffff1a;width:36px;height:36px;display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;transform:translateY(-10px);animation:svelte-2qn2ml-slideInUp .4s ease forwards;animation-delay:var(--delay, 0s);position:relative;overflow:hidden}.btn.svelte-2qn2ml:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}@keyframes svelte-2qn2ml-slideInUp{to{opacity:1;transform:translateY(0)}}.toggle.svelte-2qn2ml{display:flex;align-items:center;gap:6px;background:transparent;color:var(--muted);border:0;padding:10px 16px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease;font-size:13px;height:40px;border-radius:12px}.toggle.active.svelte-2qn2ml{background:var(--accent);color:#fff}.toggle.svelte-2qn2ml:not(.active):hover{color:var(--text)}.viewer.svelte-2qn2ml{height:calc(100dvh - 140px);padding:0;margin:0;display:grid;place-items:center;background:var(--bg)}.frame-pc.svelte-2qn2ml{width:100%;height:100%;border:0;display:block;background:#fff;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a}.dual-phones.svelte-2qn2ml{display:flex;gap:40px;align-items:center;justify-content:center;padding:20px}.phone.svelte-2qn2ml{display:flex;flex-direction:column;align-items:center;gap:12px}.phone-label.svelte-2qn2ml{display:flex;align-items:center;justify-content:center}.phone-logo.svelte-2qn2ml{width:160px;height:160px;filter:brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);opacity:.8;object-fit:contain}.iphone.svelte-2qn2ml .phone-logo:where(.svelte-2qn2ml){width:200px;height:120px}.iphone-bezel.svelte-2qn2ml{position:relative;padding:22px 12px 28px;border-radius:36px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:1px solid #444;box-shadow:inset 0 2px 8px #0009,0 20px 60px #00000080,0 0 0 8px #2a2a2a99}.samsung-bezel.svelte-2qn2ml{position:relative;padding:18px 10px 20px;border-radius:28px;background:linear-gradient(145deg,#1e1e1e,#0a0a0a);border:1px solid #333;box-shadow:inset 0 1px 6px #000000b3,0 15px 45px #0009,0 0 0 6px #1e1e1eb3}.iphone-bezel.svelte-2qn2ml .notch:where(.svelte-2qn2ml){position:absolute;top:10px;left:50%;transform:translate(-50%);width:140px;height:20px;background:#1a1a1a;border-bottom-left-radius:14px;border-bottom-right-radius:14px;box-shadow:inset 0 -1px #ffffff0a;z-index:2}.camera-cutout.svelte-2qn2ml{position:absolute;top:8px;left:50%;transform:translate(-50%);width:10px;height:10px;background:#000;border-radius:50%;box-shadow:0 0 0 2px #1a1a1a;z-index:2}.screen.svelte-2qn2ml{position:relative;overflow:hidden;border-radius:24px;background:#000;border:1px solid #444;box-shadow:inset 0 0 0 1px #ffffff0a}.frame-mobile.svelte-2qn2ml{width:100%;height:100%;border:0;display:block;background:#fff}.iphone-bezel.svelte-2qn2ml .homebar:where(.svelte-2qn2ml){position:absolute;bottom:8px;left:50%;width:120px;height:4px;border-radius:4px;background:#ffffff40;transform:translate(-50%);z-index:2}@media (max-width: 720px){.header-top.svelte-2qn2ml{grid-template-columns:1fr;gap:16px;padding:16px 20px;justify-items:center}.right-controls.svelte-2qn2ml{flex-direction:row;gap:12px;align-items:center}.mobile-telegram-toggle.svelte-2qn2ml{display:flex}.telegram-btn.svelte-2qn2ml{padding:8px;font-size:0;height:40px}.telegram-btn.svelte-2qn2ml svg:where(.svelte-2qn2ml){width:20px;height:20px}.title.svelte-2qn2ml{font-size:28px}.toolbar.svelte-2qn2ml{padding:12px 20px 16px}.toolbar-toggle.svelte-2qn2ml{padding:8px 12px;font-size:12px;height:40px}.toolbar-toggle-text.svelte-2qn2ml{display:none}.toggle.svelte-2qn2ml{padding:10px 12px;height:40px}.toggle.svelte-2qn2ml svg:where(.svelte-2qn2ml){margin:0}.toggle.svelte-2qn2ml:not(.toolbar-toggle){font-size:0;padding:10px;height:40px}.toggle.svelte-2qn2ml:not(.toolbar-toggle) svg:where(.svelte-2qn2ml){font-size:16px}.buttons-container.svelte-2qn2ml{gap:6px}.btn.svelte-2qn2ml{padding:10px 12px;font-size:14px}.viewer.svelte-2qn2ml{height:calc(100dvh - 200px)}.dual-phones.svelte-2qn2ml{flex-direction:column;gap:30px;padding:16px}.phone.svelte-2qn2ml{gap:8px}.phone-label.svelte-2qn2ml{font-size:12px}.iphone-bezel.svelte-2qn2ml{padding:16px 8px 20px}.samsung-bezel.svelte-2qn2ml{padding:14px 6px 16px}.screen.svelte-2qn2ml{width:280px!important;height:560px!important}.samsung.svelte-2qn2ml .screen:where(.svelte-2qn2ml){width:270px!important;height:580px!important}}@media (max-width: 480px){.header-top.svelte-2qn2ml{padding:12px 16px}.right-controls.svelte-2qn2ml{gap:8px}.telegram-btn.svelte-2qn2ml{padding:6px;font-size:0;height:40px}.telegram-btn.svelte-2qn2ml svg:where(.svelte-2qn2ml){width:18px;height:18px}.title.svelte-2qn2ml{font-size:24px}.toolbar.svelte-2qn2ml{padding:10px 16px 14px}.toolbar-toggle.svelte-2qn2ml{padding:6px 10px;font-size:11px;height:40px}.toolbar-toggle-text.svelte-2qn2ml{display:none}.btn.svelte-2qn2ml{padding:8px 10px;font-size:13px;min-width:38px}.toggle.svelte-2qn2ml:not(.toolbar-toggle){padding:8px;font-size:0;height:40px}.toggle.svelte-2qn2ml:not(.toolbar-toggle) svg:where(.svelte-2qn2ml){font-size:14px}.dual-phones.svelte-2qn2ml{gap:20px}.screen.svelte-2qn2ml{width:240px!important;height:480px!important}.samsung.svelte-2qn2ml .screen:where(.svelte-2qn2ml){width:230px!important;height:500px!important}}.tooltip.svelte-2qn2ml{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%)}.tooltip-content.svelte-2qn2ml{display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:12px;padding:16px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:320px;max-width:400px;animation:svelte-2qn2ml-tooltipFadeIn .2s ease-out}.tooltip-image.svelte-2qn2ml{width:100%;height:180px;border-radius:8px;overflow:hidden;background:#374151;display:flex;align-items:center;justify-content:center}.tooltip-image.svelte-2qn2ml img:where(.svelte-2qn2ml){width:100%;height:100%;object-fit:cover}.tooltip-text.svelte-2qn2ml{flex:1;min-width:0}.tooltip-title.svelte-2qn2ml{font-size:14px;font-weight:700;color:#f9fafb;margin-bottom:4px;line-height:1.3}.tooltip-description.svelte-2qn2ml{font-size:12px;color:#9ca3af;line-height:1.4;word-wrap:break-word}@keyframes svelte-2qn2ml-tooltipFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}