:root{--bg-gradient-1: #ffffff;--bg-gradient-2: #f8fafc;--container-bg: rgba(255, 255, 255, .9);--dropdown-bg: #ffffff;--container-border: rgba(0, 0, 0, .1);--container-shadow: rgba(0, 0, 0, .1);--text-primary: #1e293b;--text-secondary: rgba(30, 41, 59, .6);--text-muted: rgba(30, 41, 59, .4);--input-bg: rgba(0, 0, 0, .05);--input-border: rgba(0, 0, 0, .15);--input-focus-border: #3b82f6;--result-bg: rgba(0, 0, 0, .05);--result-border: rgba(0, 0, 0, .1);--accent-blue: #3b82f6;--accent-green: #16a34a;--badge-bg: rgba(22, 163, 74, .1);--badge-border: rgba(22, 163, 74, .2);--info-item-bg: rgba(0, 0, 0, .03);--section-border: rgba(0, 0, 0, .1);--logo-main: #1e3a5f;--logo-tagline: #0891b2;--error-bg: rgba(239, 68, 68, .1);--error-border: rgba(239, 68, 68, .2);--error-text: #dc2626;--copy-btn-bg: rgba(0, 0, 0, .05);--copy-btn-border: rgba(0, 0, 0, .15);--copy-btn-text: rgba(30, 41, 59, .7)}[data-theme=dark]{--bg-gradient-1: #1a1a2e;--bg-gradient-2: #16213e;--container-bg: rgba(255, 255, 255, .05);--dropdown-bg: #20203a;--container-border: rgba(255, 255, 255, .1);--container-shadow: rgba(0, 0, 0, .5);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--input-bg: rgba(0, 0, 0, .3);--input-border: rgba(255, 255, 255, .2);--input-focus-border: #60a5fa;--result-bg: rgba(0, 0, 0, .3);--result-border: rgba(255, 255, 255, .1);--accent-blue: #60a5fa;--accent-green: #22c55e;--badge-bg: rgba(34, 197, 94, .2);--badge-border: rgba(34, 197, 94, .3);--info-item-bg: rgba(0, 0, 0, .2);--section-border: rgba(255, 255, 255, .1);--logo-main: #ffffff;--logo-tagline: #22d3ee;--error-bg: rgba(239, 68, 68, .2);--error-border: rgba(239, 68, 68, .3);--error-text: #fca5a5;--copy-btn-bg: rgba(0, 0, 0, .3);--copy-btn-border: rgba(255, 255, 255, .2);--copy-btn-text: rgba(255, 255, 255, .7)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-1) 0%,var(--bg-gradient-2) 100%);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 20px 20px;color:var(--text-primary);transition:background .3s ease,color .3s ease}.top-cluster{position:fixed;top:7px;right:16px;display:flex;align-items:center;gap:10px;z-index:1000}.theme-toggle,.view-toggle,.live-toggle{position:static;width:32px;height:32px;border-radius:50%;border:1px solid var(--container-border);background:var(--container-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:.95rem;transition:all .3s ease;flex:0 0 auto}.theme-toggle:hover,.view-toggle:hover,.live-toggle:hover{transform:scale(1.1);color:var(--accent-blue)}.view-toggle svg,.live-toggle svg{width:16px;height:16px}.view-toggle .icon-horizontal,body.layout-horizontal .view-toggle .icon-standard{display:none}body.layout-horizontal .view-toggle .icon-horizontal{display:block}.nav-bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:12px 70px 12px 20px;background:var(--container-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--container-border);z-index:999;transition:all .3s ease}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease;letter-spacing:.02em}.nav-links a:hover,.nav-links a.active{color:var(--accent-blue)}.nav-hamburger{display:none;position:absolute;left:16px;top:50%;transform:translateY(-50%);width:34px;height:34px;background:transparent;border:none;cursor:pointer;padding:7px 6px;flex-direction:column;justify-content:space-between;z-index:1001}.hamburger-bar{display:block;width:100%;height:2.5px;background:var(--text-primary);border-radius:2px;transition:transform .25s ease,opacity .25s ease}.nav-bar.menu-open .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-bar.menu-open .hamburger-bar:nth-child(2){opacity:0}.nav-bar.menu-open .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.auth-controls-wrap{position:static;display:flex;align-items:center;gap:10px;height:32px}.auth-email{font-size:.8rem;color:var(--text-secondary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.auth-btn{padding:6px 14px;border-radius:16px;border:1px solid var(--container-border);background:var(--container-bg);color:var(--text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1.2}.auth-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent}.auth-btn-premium{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent;display:inline-flex;align-items:center;gap:6px}.auth-btn-premium:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.auth-btn-premium .premium-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#ffffff40;border-radius:50%;font-size:.7rem;font-weight:700}.auth-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.auth-btn-secondary:hover{background:var(--input-bg);border-color:var(--accent-blue);color:var(--accent-blue)}.theme-toggle .sun-icon,.theme-toggle .moon-icon{position:absolute;transition:opacity .3s ease,transform .3s ease}.theme-toggle .sun-icon{opacity:1;transform:rotate(0)}.theme-toggle .moon-icon{opacity:0;transform:rotate(-90deg)}[data-theme=dark] .theme-toggle .sun-icon{opacity:0;transform:rotate(90deg)}[data-theme=dark] .theme-toggle .moon-icon{opacity:1;transform:rotate(0)}.container{width:100%;margin:0 auto}.logo{text-align:center;margin-bottom:8px}.logo-main{font-size:2rem;font-weight:300;letter-spacing:.35em;color:var(--logo-main);transition:color .3s ease}.logo-tm{font-size:.5em;vertical-align:super;letter-spacing:normal;margin-left:-.2em}.logo-tagline{font-size:.7rem;font-weight:500;letter-spacing:.25em;color:var(--logo-tagline);margin-top:4px;transition:color .3s ease}.header{text-align:center;margin-bottom:32px}.header p{font-size:.9rem;color:var(--text-secondary);margin-top:16px;transition:color .3s ease}.certification-badge{display:inline-flex;align-items:center;gap:6px;background:var(--badge-bg);border:1px solid var(--badge-border);padding:6px 12px;border-radius:20px;font-size:.75rem;color:var(--accent-green);margin-top:12px;transition:all .3s ease}.certification-badge:before{content:"✓";font-weight:700}.footer{margin-top:32px;text-align:center;font-size:.8rem;color:var(--text-muted);line-height:1.6;transition:color .3s ease}.footer a{color:var(--accent-blue);text-decoration:none;transition:color .3s ease}.footer a:hover{text-decoration:underline}.copy-id-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:2px;margin-left:2px;cursor:pointer;color:var(--text-muted);border-radius:4px;transition:all .2s ease;font-family:inherit;vertical-align:middle}.copy-id-btn:hover{color:var(--accent-blue);background:var(--info-item-bg)}.copy-id-btn svg{width:13px;height:13px}.copy-id-btn .icon-check,.copy-id-btn.copied .icon-copy{display:none}.copy-id-btn.copied .icon-check{display:block;color:var(--accent-green)}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:4px}.nav-dropdown-caret{font-size:.7em;transition:transform .2s ease}.nav-dropdown.open .nav-dropdown-caret{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-6px);min-width:180px;background:var(--dropdown-bg);border:1px solid var(--container-border);border-radius:12px;box-shadow:0 12px 30px -8px var(--container-shadow);padding:6px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:1100}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-dropdown-item{display:block;padding:9px 12px;border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.88rem;font-weight:500;white-space:nowrap;transition:background .15s ease,color .15s ease}.nav-dropdown-item:hover{background:var(--input-bg);color:var(--accent-blue)}.auth-dropdown{position:relative;display:inline-block}.auth-dropdown-toggle{cursor:pointer}.auth-dropdown-caret{font-size:.7em;margin-left:2px;transition:transform .2s ease}.auth-dropdown.open .auth-dropdown-caret{transform:rotate(180deg)}.auth-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--dropdown-bg);border:1px solid var(--container-border);border-radius:12px;box-shadow:0 12px 30px -8px var(--container-shadow);padding:6px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:1100}.auth-dropdown.open .auth-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.auth-dropdown-email{padding:8px 12px;font-size:.78rem;color:var(--text-muted);border-bottom:1px solid var(--container-border);margin-bottom:4px;word-break:break-all}.auth-dropdown-item{display:block;width:100%;text-align:left;padding:9px 12px;border:none;background:transparent;border-radius:8px;color:var(--text-primary);font-size:.88rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s ease,color .15s ease}.auth-dropdown-item:hover{background:var(--input-bg);color:var(--accent-blue)}.premium-pricing-banner{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--text-primary);border-radius:12px;padding:14px 18px;margin-bottom:24px;font-size:.92rem;text-align:center}.premium-pricing-banner a{color:var(--accent-blue);font-weight:600;text-decoration:none}.premium-pricing-banner a:hover{text-decoration:underline}@media(max-width:768px){.nav-bar{justify-content:flex-start;padding:12px 20px;min-height:52px}.nav-hamburger{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--dropdown-bg);border-bottom:1px solid var(--container-border);box-shadow:0 12px 24px -8px var(--container-shadow);max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-bar.menu-open .nav-links{max-height:80vh;overflow-y:auto}.nav-links>a{padding:14px 20px;border-bottom:1px solid var(--container-border);font-size:1rem}.nav-dropdown{width:100%}.nav-dropdown-toggle{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--container-border);font-size:1rem}.nav-dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;min-width:0;width:100%;background:transparent;border:none;box-shadow:none;border-radius:0;padding:0;display:block}.nav-dropdown-item{padding:12px 20px 12px 36px;border-bottom:1px solid var(--container-border);border-radius:0}.top-cluster{top:10px;right:14px;gap:8px}.view-toggle,.live-toggle{display:none!important}.logo-main{font-size:1.6rem!important;letter-spacing:.15em!important}.logo-tagline{font-size:.62rem!important}}