.landing{overflow-x:hidden}.hero{padding:100px 0 80px;position:relative}.hero:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(ellipse,rgba(124,108,250,.12) 0%,transparent 70%);pointer-events:none}.hero-inner{text-align:center;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#7c6cfa1a;border:1px solid rgba(124,108,250,.25);border-radius:20px;font-size:12px;color:var(--accent-2);margin-bottom:32px;letter-spacing:.04em}.badge-dot{width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-title{font-family:var(--font-display);font-size:clamp(48px,8vw,88px);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--text);margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 50%,#e07ff0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:17px;color:var(--text-2);margin-bottom:40px;line-height:1.7}.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:60px;flex-wrap:wrap}.hero-cta{padding:14px 32px;font-size:15px}.token-preview{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px;overflow:hidden}.token-row{display:flex;align-items:center;gap:0;padding:14px 16px;border-radius:10px;background:var(--bg-3);font-family:var(--font-mono);font-size:12px;overflow:hidden;position:relative}.token-row:hover{background:#7c6cfa0f}.token-emoji{font-size:18px;flex-shrink:0;margin-right:4px}.token-ev{color:var(--text-3);flex-shrink:0}.token-blob{color:var(--accent);opacity:.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.token-label{flex-shrink:0;font-size:11px;color:var(--text-3);padding:3px 10px;background:var(--bg-2);border-radius:5px;border:1px solid var(--border);margin-left:12px}.features{padding:60px 0 80px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-card{padding:32px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .25s var(--ease),transform .25s var(--ease)}.feature-card:hover{border-color:var(--border-2);transform:translateY(-3px)}.feature-icon{font-size:28px;margin-bottom:16px}.feature-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text);margin-bottom:10px;letter-spacing:-.02em}.feature-desc{font-size:13px;color:var(--text-2);line-height:1.7}.landing-cta{border-top:1px solid var(--border);padding:80px 0 100px;text-align:center}.cta-title{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.cta-sub{color:var(--text-2);font-size:15px;margin-bottom:36px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:22px;box-shadow:0 24px 60px #00000080}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.modal-sub{font-size:13px;color:var(--text-2)}.modal-close{background:none;border:none;color:var(--text-3);font-size:18px;cursor:pointer;padding:4px;flex-shrink:0;transition:color .15s}.modal-close:hover{color:var(--text)}.email-input-row{display:flex;gap:8px}.email-input-row .input{flex:1}.recipient-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 12px;background:#7c6cfa1f;border:1px solid rgba(124,108,250,.3);border-radius:20px;font-size:12px;color:var(--accent-2)}.chip button{background:none;border:none;color:var(--accent);font-size:11px;cursor:pointer;padding:0;line-height:1;opacity:.7}.chip button:hover{opacity:1}.contacts-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.contact-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:all .15s var(--ease);width:100%}.contact-chip:hover{border-color:var(--border-2);background:var(--bg-2)}.contact-chip.added{border-color:var(--accent);background:var(--accent-glow)}.contact-avatar{width:32px;height:32px;background:var(--accent-glow);border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--accent-2);flex-shrink:0}.contact-info{display:flex;flex-direction:column;flex:1;min-width:0}.contact-name{font-size:13px;color:var(--text);font-weight:500}.contact-email{font-size:11px;color:var(--text-3);truncate:ellipsis;overflow:hidden}.contact-check{color:var(--accent-2);font-size:14px;flex-shrink:0}.send-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-hint{font-size:11px;color:var(--text-3);margin-top:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px;border-top:1px solid var(--border)}.send-success{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.success-icon{font-size:40px}.send-success h3{font-family:var(--font-display);font-size:20px;font-weight:700}.send-success p{font-size:14px;color:var(--text-2);line-height:1.6}.navbar{position:sticky;top:0;z-index:50;background:#0b0b0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.navbar-brand{display:flex;align-items:center;gap:10px;color:var(--text)!important;text-decoration:none}.brand-icon{font-size:20px}.brand-name{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.navbar-links{display:flex;align-items:center;gap:4px}.nav-link{font-size:13px;color:var(--text-2);padding:6px 12px;border-radius:7px;transition:all .18s var(--ease);letter-spacing:.02em}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--bg-3)}.nav-divider{width:1px;height:18px;background:var(--border);margin:0 8px}.nav-email{font-size:12px;color:var(--text-3);padding:0 6px}.nav-profile-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:var(--bg-3);border:1px solid var(--border);color:var(--text);text-decoration:none;transition:all .18s var(--ease)}.nav-profile-btn:hover{border-color:var(--accent);color:var(--text)}.nav-avatar{font-size:16px;line-height:1}.nav-nick{font-size:12px;font-weight:500;color:var(--text);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-xp-badge{font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--accent);background:#646cff1f;border:1px solid rgba(100,108,255,.25);border-radius:10px;padding:1px 6px;white-space:nowrap}.create-layout{width:100%;max-width:560px}.page-header{text-align:center;margin-bottom:28px}.page-title{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:6px}.create-form{display:flex;flex-direction:column;gap:22px}.emoji-category-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.emoji-cat-tab{font-size:11px;padding:3px 8px;border-radius:20px;border:1px solid var(--border);background:var(--bg-3);color:var(--text-2);cursor:pointer;transition:all .15s var(--ease);white-space:nowrap}.emoji-cat-tab:hover{border-color:var(--accent);color:var(--text-1)}.emoji-cat-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.emoji-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--bg-3);border:1px solid transparent;border-radius:8px;transition:all .15s var(--ease);cursor:pointer}.emoji-btn:hover{background:var(--border);transform:scale(1.1)}.emoji-btn.selected{border-color:var(--accent);background:var(--accent-glow);transform:scale(1.15)}.char-count{text-align:right;font-size:11px;color:var(--text-3);margin-top:4px}.input-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;cursor:pointer;opacity:.6;transition:opacity .15s;line-height:1}.hint-text{text-align:center;font-size:12px;color:var(--text-3)}.field-optional{font-size:11px;color:var(--text-3);font-weight:400;margin-left:4px}.result-card{display:flex;flex-direction:column;gap:20px}.result-header{display:flex;align-items:flex-start;gap:14px}.result-title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:3px}.result-sub{font-size:13px;color:var(--text-2)}.blob-display{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);padding:16px;font-family:var(--font-mono);font-size:12px;word-break:break-all;line-height:1.7}.emoji-prefix{font-size:24px;display:block;margin-bottom:6px}.ev-label{color:var(--text-3)}.blob-text{color:var(--accent-2)}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-full-mobile{flex:1}.security-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#7c6cfa0f;border:1px solid rgba(124,108,250,.15);border-radius:var(--radius);font-size:12px;color:var(--text-2);line-height:1.6}.share-section{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius)}.share-label{display:flex;align-items:center;justify-content:space-between}.share-label-text{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.share-hint{font-size:11px;color:var(--text-3);font-style:italic}.url-display{font-family:var(--font-mono);font-size:11px;color:var(--accent-2);word-break:break-all;line-height:1.6;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px}.share-row{display:flex;gap:8px}.result-footer{display:flex;justify-content:flex-start;padding-top:4px}.challenge-extra-fields{display:flex;flex-direction:column;gap:12px;margin-top:14px;padding:14px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius)}.challenge-extra-fields .field{margin-bottom:0}.diff-row{display:flex;gap:8px;flex-wrap:wrap}.diff-btn{padding:6px 16px;border:1px solid var(--border);border-radius:20px;background:var(--bg-2);color:var(--text-2);font-size:13px;cursor:pointer;transition:all .15s}.diff-btn:hover{border-color:var(--accent);color:var(--accent)}.diff-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;max-height:300px;overflow-y:auto;padding:4px 2px;scrollbar-width:thin}.sticker-btn{background:var(--bg-2);border:2px solid transparent;border-radius:10px;padding:6px;cursor:pointer;transition:border-color .15s,background .15s;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.sticker-btn img{width:58px;height:58px;object-fit:contain;pointer-events:none}.sticker-btn:hover{background:var(--bg-3);border-color:var(--border-2)}.sticker-btn.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.sticker-tab{font-size:12px}.emoji-sticker-img{display:inline-block;vertical-align:middle}.sticker-selected-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3);margin-top:6px}.sticker-selected-preview{width:28px;height:28px;object-fit:contain;flex-shrink:0}.decode-layout{width:100%;max-width:560px}.decode-form{display:flex;flex-direction:column;gap:22px}.token-input{font-size:13px;min-height:100px;letter-spacing:.01em}.parse-status{font-size:12px;margin-top:4px}.parse-status.valid{color:var(--success)}.parse-status.invalid{color:var(--error)}.decoded-card{display:flex;flex-direction:column;gap:20px}.decoded-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 16px 20px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.decoded-hero-icon{display:block!important;border-radius:12px}.decoded-hero .decoded-hero-icon:not(img){font-size:80px;line-height:1}.decoded-hero-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:500}.decoded-hint-banner{margin-top:4px;padding:6px 14px;background:#7c6cfa14;border:1px solid rgba(124,108,250,.2);border-radius:20px;font-size:13px;color:var(--accent-2);text-align:center;max-width:360px}.decoded-hint-banner em{font-style:italic;color:var(--text)}.token-preview-hero{border-style:dashed;opacity:.85}.decoded-title-row{text-align:center}.decoded-emoji{font-size:36px;line-height:1;flex-shrink:0}.decoded-title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:3px}.decoded-sub{font-size:13px;color:var(--text-2)}.plaintext-box{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);padding:18px;font-size:15px;line-height:1.8;white-space:pre-wrap;word-break:break-word;color:var(--text);min-height:80px}.security-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#3dd68c0d;border:1px solid rgba(61,214,140,.15);border-radius:var(--radius);font-size:12px;color:var(--text-2);line-height:1.6}.prefilled-banner{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#7c6cfa14;border:1px solid rgba(124,108,250,.2);border-radius:var(--radius)}.prefilled-emoji{font-size:32px;flex-shrink:0}.prefilled-label{display:block;font-size:13px;font-weight:500;color:var(--accent-2);margin-bottom:2px}.prefilled-hint{display:block;font-size:12px;color:var(--text-3)}.auth-page{padding:40px 24px}.auth-layout{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.auth-brand{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text)!important;display:flex;align-items:center;gap:8px;margin-bottom:28px}.auth-card{width:100%;padding:36px}.auth-title{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}.auth-sub{font-size:13px;color:var(--text-2);margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:18px}.input-wrap{position:relative}.input-wrap .input{padding-right:44px}.input-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;cursor:pointer;opacity:.6;transition:opacity .15s}.input-toggle:hover{opacity:1}.btn-full{width:100%}.strength-bar-wrap{display:flex;align-items:center;gap:10px;margin-top:6px}.strength-bar{flex:1;height:3px;background:var(--bg-3);border-radius:2px;overflow:hidden}.strength-fill{height:100%;border-radius:2px;transition:width .3s var(--ease),background .3s}.strength-fill.weak{background:var(--error)}.strength-fill.fair{background:var(--warning)}.strength-fill.good{background:#7fc88e}.strength-fill.strong{background:var(--success)}.strength-label{font-size:11px;font-weight:500;flex-shrink:0}.strength-label.weak{color:var(--error)}.strength-label.fair{color:var(--warning)}.strength-label.good{color:#7fc88e}.strength-label.strong{color:var(--success)}.field-error{font-size:12px;color:var(--error);margin-top:4px}.auth-switch{text-align:center;font-size:13px;color:var(--text-2);margin-top:22px}.vault-container{padding-top:48px;padding-bottom:80px}.vault-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:36px;gap:20px;flex-wrap:wrap}.vault-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.page-title{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:4px}.page-sub{font-size:14px;color:var(--text-2)}.vault-loading{display:flex;flex-direction:column;gap:12px}.drop-skeleton{height:140px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.4s infinite}.drops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.drop-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s var(--ease),transform .2s var(--ease)}.drop-card:hover{border-color:var(--border-2);transform:translateY(-2px)}.drop-top{display:flex;align-items:center;justify-content:space-between}.drop-emoji{font-size:28px;line-height:1}.drop-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.drop-date{font-size:11px;color:var(--text-3)}.drop-blob{font-family:var(--font-mono);font-size:11px;color:var(--text-3);background:var(--bg-3);border-radius:6px;padding:10px 12px;overflow:hidden}.drop-ev{color:var(--text-3)}.drop-blob-text{color:var(--accent);opacity:.6}.drop-size{font-size:11px;color:var(--text-3);letter-spacing:.04em}.drop-actions{display:flex;gap:8px;padding-top:4px;border-top:1px solid var(--border)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px}.pagination-info{font-size:13px;color:var(--text-2)}.inbox-container{padding-top:48px;padding-bottom:80px;max-width:700px}.inbox-header{margin-bottom:32px}.email-gate{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:440px;margin:0 auto;padding:48px 40px}.gate-icon{font-size:48px}.gate-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em}.gate-sub{font-size:14px;color:var(--text-2);line-height:1.6}.gate-form{display:flex;gap:8px;width:100%;flex-wrap:wrap}.gate-form .input{flex:1;min-width:200px}.inbox-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.inbox-for{font-size:14px;color:var(--text-2);display:flex;align-items:center;gap:8px}.inbox-count{background:var(--accent-glow);border:1px solid rgba(124,108,250,.25);color:var(--accent-2);font-size:11px;padding:2px 8px;border-radius:10px}.inbox-list{display:flex;flex-direction:column;gap:10px}.inbox-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:border-color .2s var(--ease)}.inbox-card.unread{border-left:3px solid var(--accent)}.inbox-card:hover{border-color:var(--border-2)}.inbox-card-left{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0}.inbox-emoji{font-size:28px;flex-shrink:0;line-height:1}.inbox-meta{display:flex;flex-direction:column;gap:5px;min-width:0}.inbox-from{font-size:13px;color:var(--text)}.inbox-note{font-size:12px;color:var(--text-2);font-style:italic}.inbox-date{font-size:11px;color:var(--text-3)}.inbox-tags{display:flex;flex-wrap:wrap;gap:5px}.tag-burn{background:#f05b5b1a;color:var(--error);border:1px solid rgba(240,91,91,.2);padding:2px 8px;border-radius:10px;font-size:11px}.tag-expiry{background:#f0a05b1a;color:var(--warning);border:1px solid rgba(240,160,91,.2);padding:2px 8px;border-radius:10px;font-size:11px}.tag-read{background:#3dd68c1a;color:var(--success);border:1px solid rgba(61,214,140,.2);padding:2px 8px;border-radius:10px;font-size:11px}.outbox-container{padding-top:48px;padding-bottom:80px;max-width:760px}.outbox-header{margin-bottom:32px}.outbox-loading,.outbox-list{display:flex;flex-direction:column;gap:10px}.outbox-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:border-color .2s var(--ease)}.outbox-card:hover{border-color:var(--border-2)}.outbox-card.revoked{opacity:.5}.outbox-left{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0}.outbox-emoji{font-size:28px;flex-shrink:0}.outbox-meta{display:flex;flex-direction:column;gap:5px}.outbox-to{font-size:13px;color:var(--text)}.outbox-date{font-size:11px;color:var(--text-3)}.outbox-status-row{display:flex;flex-wrap:wrap;gap:5px}.status-badge{font-size:11px;padding:2px 9px;border-radius:10px;font-weight:500}.status-badge.read{background:#3dd68c1a;color:var(--success);border:1px solid rgba(61,214,140,.2)}.status-badge.pending{background:#8888a81a;color:var(--text-2);border:1px solid rgba(136,136,168,.2)}.status-badge.revoked,.status-badge.burned{background:#f05b5b1a;color:var(--error);border:1px solid rgba(240,91,91,.2)}.status-badge.expiry,.status-badge.burn-flag{background:#f0a05b1a;color:var(--warning);border:1px solid rgba(240,160,91,.2)}.contacts-container{padding-top:48px;padding-bottom:80px;max-width:680px}.contacts-header,.add-contact-card{margin-bottom:28px}.section-title{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-2);letter-spacing:.02em}.add-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.add-contact-form .alert{grid-column:span 2}.add-contact-form .btn{grid-column:span 2;justify-self:start}.contacts-grid{display:flex;flex-direction:column;gap:8px}.contact-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:14px;transition:border-color .15s}.contact-card:hover{border-color:var(--border-2)}.contact-card-avatar{width:38px;height:38px;background:var(--accent-glow);border:1px solid rgba(124,108,250,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--accent-2);flex-shrink:0}.contact-card-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.contact-card-name{font-size:14px;font-weight:500;color:var(--text)}.contact-card-email{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compete-container{padding-top:48px;padding-bottom:80px}.compete-hero{text-align:center;padding:20px 0 52px;display:flex;flex-direction:column;align-items:center;gap:16px}.compete-title{font-family:var(--font-display);font-size:clamp(40px,6vw,72px);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 50%,#e07ff0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compete-sub{font-size:17px;color:var(--text-2);max-width:480px;line-height:1.6}.compete-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.compete-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:16px;transition:transform .25s var(--ease),border-color .25s var(--ease)}.compete-card:hover{transform:translateY(-4px)}.compete-card.color-purple{border-top:3px solid var(--accent)}.compete-card.color-gold{border-top:3px solid gold}.compete-card.color-green{border-top:3px solid var(--success)}.compete-card-top{display:flex;align-items:flex-start;gap:14px}.compete-card-emoji{font-size:36px;flex-shrink:0;line-height:1}.compete-card-title{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.02em;margin-bottom:3px}.compete-card-tagline{font-size:13px;color:var(--text-2);font-style:italic}.compete-card-desc{font-size:13px;color:var(--text-2);line-height:1.7;flex:1}.compete-xp-list{display:flex;flex-wrap:wrap;gap:6px}.xp-pill{font-size:11px;padding:3px 10px;background:#7c6cfa1a;border:1px solid rgba(124,108,250,.2);border-radius:12px;color:var(--accent-2)}.compete-cta{width:100%;justify-content:center;margin-top:auto}.compete-card.coming-soon{opacity:.7;position:relative}.compete-card.coming-soon:hover{transform:none}.coming-soon-banner{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:20px;background:#3dd68c1a;border:1px solid rgba(61,214,140,.25);color:var(--success);align-self:flex-start}.coming-soon-btn{background:var(--bg-3);border:1px solid var(--border);color:var(--text-3);cursor:not-allowed}.daily-container{padding-top:48px;padding-bottom:80px;max-width:640px}.daily-header{margin-bottom:32px}.daily-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:6px}.daily-timer{display:flex;flex-direction:column;align-items:flex-end}.timer-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em}.countdown{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--accent-2);letter-spacing:.05em}.daily-card{display:flex;flex-direction:column;gap:22px}.daily-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.daily-date{font-size:12px;color:var(--text-3)}.daily-theme-badge{padding:3px 12px;background:#7c6cfa1a;border:1px solid rgba(124,108,250,.2);border-radius:12px;font-size:12px;color:var(--accent-2)}.daily-solvers{font-size:12px;color:var(--success);margin-left:auto}.daily-hint-box{background:var(--bg-3);border:1px solid var(--border);border-left:3px solid gold;border-radius:var(--radius);padding:20px 20px 20px 22px}.hint-label{font-size:10px;font-weight:600;letter-spacing:.12em;color:gold;text-transform:uppercase;display:block;margin-bottom:8px}.hint-text-large{font-size:17px;color:var(--text);line-height:1.6}.daily-form{display:flex;flex-direction:column;gap:14px}.result-banner{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--radius)}.result-banner.correct{background:#3dd68c14;border:1px solid rgba(61,214,140,.25)}.result-banner.wrong{background:#f05b5b14;border:1px solid rgba(240,91,91,.2)}.result-icon{font-size:28px;flex-shrink:0}.result-msg{font-size:15px;font-weight:600;color:var(--text)}.result-xp{font-size:13px;color:var(--success);margin-top:4px}.result-rank{font-size:12px;color:var(--text-2);margin-top:2px}.xp-toast-container{position:fixed;bottom:28px;right:28px;z-index:200;display:flex;flex-direction:column;gap:10px;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-toast-in{animation:toastIn .35s cubic-bezier(.16,1,.3,1) both}.xp-toast{background:var(--bg-2);border:1px solid var(--accent);border-radius:var(--radius-lg);padding:12px 18px;min-width:220px;box-shadow:0 8px 32px #7c6cfa4d;display:flex;flex-direction:column;gap:6px}.xp-toast-main{display:flex;align-items:center;gap:8px}.xp-icon{font-size:18px}.xp-amount{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--accent-2);letter-spacing:-.02em}.xp-source{font-size:12px;color:var(--text-2)}.badge-toast{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#7c6cfa1a;border-radius:6px;font-size:12px;color:var(--text-2);border:1px solid rgba(124,108,250,.2)}.challenges-container{padding-top:48px;padding-bottom:80px;max-width:760px}.challenges-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}.challenges-tab-btns{display:flex;gap:8px}.filter-row{display:flex;align-items:center;gap:6px;margin-bottom:20px;flex-wrap:wrap}.filter-row .live-bar{margin-left:auto}.filter-btn{padding:7px 16px;border-radius:20px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);font-size:13px;cursor:pointer;transition:all .15s var(--ease)}.filter-btn:hover{border-color:var(--border-2);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.challenges-list{display:flex;flex-direction:column;gap:12px}.challenge-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s var(--ease)}.challenge-card:hover{border-color:var(--border-2)}.challenge-card.solved{opacity:.7}.challenge-top{display:flex;gap:14px;align-items:flex-start}.challenge-emoji{font-size:32px;flex-shrink:0;line-height:1}.challenge-info{flex:1;min-width:0}.challenge-title{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.challenge-hint{font-size:13px;color:var(--text-2);font-style:italic}.challenge-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.diff-badge{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.diff-green{background:#3dd68c1a;color:var(--success);border:1px solid rgba(61,214,140,.2)}.diff-amber{background:#f0a05b1a;color:var(--warning);border:1px solid rgba(240,160,91,.2)}.diff-red{background:#f05b5b1a;color:var(--error);border:1px solid rgba(240,91,91,.2)}.challenge-creator{font-size:11px;color:var(--text-3)}.challenge-stats{display:flex;gap:12px;font-size:12px;color:var(--text-3)}.solved-tag{color:var(--text-2)}.my-solved-tag{color:var(--success);font-weight:600}.attempt-result{padding:10px 14px;border-radius:var(--radius);font-size:13px;font-weight:500}.attempt-result.correct{background:#3dd68c1a;color:var(--success)}.attempt-result.wrong{background:#f05b5b14;color:var(--error)}.attempt-form{display:flex;flex-direction:column;gap:8px}.attempt-btns{display:flex;gap:8px}.create-challenge-card{padding:28px}.section-title-lg{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:6px}.create-sub{font-size:14px;color:var(--text-2);margin-bottom:4px}.create-challenge-form{display:flex;flex-direction:column;gap:16px;margin-top:8px}.create-challenge-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chains-container{padding-top:48px;padding-bottom:80px;max-width:760px}.chains-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}.chains-tab-btns{display:flex;gap:8px}.chains-list{display:flex;flex-direction:column;gap:12px}.chain-card{background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--success);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s var(--ease)}.chain-card:hover{border-color:var(--border-2);border-left-color:var(--success)}.chain-card-top{display:flex;align-items:center;gap:14px}.chain-icon{font-size:28px;flex-shrink:0}.chain-info{flex:1;min-width:0}.chain-title{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em}.chain-by{font-size:12px;color:var(--text-3)}.chain-progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;min-width:120px}.chain-bar{width:100%;height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden}.chain-bar-fill{height:100%;background:var(--success);border-radius:3px;transition:width .4s var(--ease)}.chain-count{font-size:11px;color:var(--text-3)}.chain-meta{display:flex;gap:14px;font-size:12px;color:var(--text-3);flex-wrap:wrap}.chain-pending{color:var(--warning)}.pass-form{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-3);border-radius:var(--radius);border:1px solid var(--border)}.pass-intro{font-size:13px;color:var(--text-2);line-height:1.6}.pass-btns{display:flex;gap:8px;flex-wrap:wrap}.start-chain-card{padding:28px}.start-chain-form{display:flex;flex-direction:column;gap:16px;margin-top:8px}.start-chain-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.start-success{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.start-success .success-icon{font-size:48px}.start-success h3{font-family:var(--font-display);font-size:22px;font-weight:800}.start-success p{font-size:14px;color:var(--text-2);line-height:1.6;max-width:380px}.lb-container{padding-top:48px;padding-bottom:80px}.lb-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:28px}.lb-tabs{display:flex;gap:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:4px}.lb-tab{padding:8px 18px;border-radius:7px;border:none;background:transparent;color:var(--text-2);font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:all .18s var(--ease)}.lb-tab:hover{color:var(--text);background:var(--bg-3)}.lb-tab.active{background:var(--accent);color:#fff}.lb-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.lb-live-bar{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.lb-live-dot{width:8px;height:8px;border-radius:50%;background:#3dd68c;flex-shrink:0}.lb-live-dot.pulsing{animation:lb-pulse .8s ease infinite alternate}@keyframes lb-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.7)}}.lb-live-text{font-family:var(--font-mono)}.lb-refresh-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:2px 8px;cursor:pointer;font-size:13px;color:var(--text-2);transition:all .15s var(--ease);line-height:1.6}.lb-refresh-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.lb-refresh-btn:disabled{opacity:.5;cursor:default}.lb-countdown{font-family:var(--font-mono);font-size:11px;opacity:.55}.my-rank-banner{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#7c6cfa14;border:1px solid rgba(124,108,250,.2);border-radius:var(--radius);margin-bottom:24px;font-size:14px}.my-rank-label{color:var(--text-2)}.my-rank-num{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--accent-2)}.my-rank-xp{color:var(--text-2)}.lb-loading{display:flex;flex-direction:column;gap:6px}.lb-skeleton{height:56px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);animation:shimmer 1.4s infinite;background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-bottom:40px;padding:32px 20px 0}.podium-spot{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.podium-spot.rank-1 .podium-base{height:80px;background:linear-gradient(180deg,var(--accent) 0%,rgba(124,108,250,.3) 100%)}.podium-spot.rank-2 .podium-base{height:55px;background:linear-gradient(180deg,#888,#8888884d)}.podium-spot.rank-3 .podium-base{height:40px;background:linear-gradient(180deg,#c97a3a,#c97a3a4d)}.podium-base{width:100px;border-radius:6px 6px 0 0;margin-top:4px}.podium-medal{font-size:28px}.podium-avatar{font-size:32px}.podium-name{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text);text-decoration:none}.podium-name:hover{color:var(--accent-2)}.podium-xp{font-size:13px;font-weight:600;font-family:var(--font-mono)}.podium-level{font-size:11px;color:var(--text-3)}.podium-spot.rank-1{transform:scale(1.08)}.lb-table{display:flex;flex-direction:column;gap:4px}.lb-row{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.lb-row:hover{border-color:var(--border-2)}.lb-row.top3{border-color:#7c6cfa33;background:#7c6cfa0a}.lb-rank{width:36px;text-align:center;font-size:16px;flex-shrink:0}.lb-avatar{font-size:22px;flex-shrink:0}.lb-identity{flex:1;min-width:0}.lb-nickname{display:block;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text);text-decoration:none}.lb-nickname:hover{color:var(--accent-2)}.lb-level-label{font-size:11px;color:var(--text-3)}.lb-stats{display:flex;gap:12px;flex-shrink:0}.lb-stat{font-size:12px;color:var(--text-2);white-space:nowrap}.lb-xp{font-family:var(--font-display);font-size:16px;font-weight:800;flex-shrink:0;min-width:80px;text-align:right}.lb-xp-label{font-size:11px;color:var(--text-3);font-weight:400}.lb-refresh-note{text-align:center;font-size:11px;color:var(--text-3);margin-top:16px}.profile-container{padding-top:48px;padding-bottom:80px;max-width:680px;display:flex;flex-direction:column;gap:20px}.profile-card{padding:28px;display:flex;flex-direction:column;gap:20px}.profile-top{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.profile-avatar{font-size:56px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-3);border:2px solid var(--border-2);border-radius:50%;flex-shrink:0}.avatar-picker{display:flex;flex-wrap:wrap;gap:6px;max-width:260px}.avatar-option{font-size:22px;width:40px;height:40px;border-radius:50%;border:2px solid transparent;background:var(--bg-3);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.avatar-option:hover{border-color:var(--border-2)}.avatar-option.selected{border-color:var(--accent);background:var(--accent-glow)}.profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.profile-nickname{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.03em}.nickname-input{font-size:18px;font-weight:700}.profile-level{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.level-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;flex-shrink:0}.level-bar{flex:1;min-width:100px;height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden}.level-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:3px;transition:width .6s var(--ease)}.level-next{font-size:11px;color:var(--text-3)}.profile-ranks{display:flex;gap:12px;flex-wrap:wrap}.rank-item{font-size:12px;color:var(--text-2)}.profile-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.save-err{font-size:11px;color:var(--error)}.xp-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:16px;border-top:1px solid var(--border)}.xp-stat{text-align:center}.xp-stat-val{display:block;font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--accent-2)}.xp-stat-label{display:block;font-size:11px;color:var(--text-3);margin-top:2px}.profile-stats{padding:24px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.stat-item{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.stat-val{display:block;font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text)}.stat-lbl{display:block;font-size:12px;color:var(--text-3);margin-top:4px}.profile-badges{padding:24px}.badges-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.badge-item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);cursor:default;transition:border-color .15s}.badge-item:hover{border-color:var(--accent)}.badge-emoji{font-size:18px}.badge-label{font-size:12px;color:var(--text-2);font-weight:500}.profile-ctas{display:flex;gap:10px;flex-wrap:wrap}.xp-history{margin-top:24px}.xp-history-empty{color:var(--text-2);font-size:14px;padding:8px 0}.xp-history-list{display:flex;flex-direction:column;gap:2px}.xp-history-row{display:grid;grid-template-columns:28px 1fr auto auto auto;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;font-size:13px;transition:background .15s}.xp-history-row:hover{background:var(--bg-2)}.xph-emoji{font-size:16px;text-align:center}.xph-label{color:var(--text);font-weight:500}.xph-note{color:var(--text-2);font-size:11px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.xph-delta{font-family:var(--font-mono);font-weight:700;color:#3dd68c;white-space:nowrap}.xph-time{color:var(--text-2);font-size:11px;white-space:nowrap;text-align:right}.admin-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.admin-gate-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;text-align:center}.admin-gate-icon{font-size:48px;line-height:1}.admin-gate-title{font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:-.03em}.admin-gate-sub{font-size:13px;color:var(--text-2)}.admin-gate-form{display:flex;flex-direction:column;gap:12px}.admin-sql{display:block;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-family:var(--font-mono);font-size:12px;color:var(--accent-2);text-align:left;white-space:pre;word-break:break-all;margin:4px 0}.admin-page{max-width:960px;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:40px}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-title{font-family:var(--font-display);font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-.03em}.admin-sub{font-size:12px;color:var(--text-3);margin-top:4px}.admin-section{display:flex;flex-direction:column;gap:14px}.admin-section-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-2);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:8px}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.admin-stat-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s var(--ease)}.admin-stat-card:hover{border-color:var(--border-2)}.admin-stat-emoji{font-size:22px;line-height:1;margin-bottom:4px}.admin-stat-value{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.admin-stat-label{font-size:12px;color:var(--text-2);font-weight:500}.admin-stat-sub{font-size:11px;color:var(--text-3);margin-top:2px}.admin-chart-card{padding:20px 16px 12px}.admin-chart{display:flex;flex-direction:column;gap:10px}.admin-chart-bars{display:flex;align-items:flex-end;gap:4px;height:140px;padding-bottom:4px}.admin-chart-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;height:100%;cursor:default}.admin-chart-pair{display:flex;align-items:flex-end;gap:2px;height:calc(100% - 20px);width:100%}.admin-bar{flex:1;border-radius:3px 3px 0 0;min-height:2px;transition:height .4s var(--ease)}.admin-bar.hits{background:var(--accent);opacity:.85}.admin-bar.uniques{background:var(--success);opacity:.75}.admin-chart-label{font-size:9px;color:var(--text-3);white-space:nowrap;height:16px}.admin-chart-legend{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-2);margin-top:4px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.legend-dot.hits{background:var(--accent)}.legend-dot.uniques{background:var(--success)}.admin-table-card{padding:0;overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead tr{background:var(--bg-3);border-bottom:1px solid var(--border)}.admin-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.admin-table td{padding:10px 16px;border-bottom:1px solid var(--border)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--bg-3)}.admin-table-page{color:var(--text);font-weight:500;width:40%}.admin-table-hits{color:var(--accent-2);font-family:var(--font-mono);font-size:13px;width:80px}.admin-table-bar-cell{width:100%}.admin-table-bar{height:6px;background:var(--accent);border-radius:3px;opacity:.6;min-width:2px;transition:width .4s var(--ease)}.admin-logout{align-self:flex-start;color:var(--text-3);font-size:12px}:root{--bg: #0B0B0F;--bg-2: #111117;--bg-3: #18181f;--border: #222230;--border-2: #2e2e3f;--text: #e8e8f0;--text-2: #8888a8;--text-3: #55556a;--accent: #7c6cfa;--accent-2: #a08ef8;--accent-glow: rgba(124, 108, 250, .18);--success: #3dd68c;--error: #f05b5b;--warning: #f0a05b;--font-display: "Poppins", sans-serif;--font-mono: "Fira Code", monospace;--radius: 10px;--radius-lg: 16px;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;background-image:linear-gradient(rgba(124,108,250,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(124,108,250,.03) 1px,transparent 1px);background-size:40px 40px}a{color:var(--accent-2);text-decoration:none}a:hover{color:var(--text)}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.page{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1100px;margin:0 auto;padding:0 24px;width:100%}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px}.card-sm{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.input,.textarea,.select{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);font-size:14px;padding:12px 16px;width:100%;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.textarea{resize:vertical;min-height:140px;line-height:1.7}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238888a8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:var(--radius);font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.04em;border:none;transition:all .2s var(--ease);white-space:nowrap;position:relative;overflow:hidden}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-2);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--border-2);color:var(--text);background:var(--bg-3)}.btn-danger{background:transparent;color:var(--error);border:1px solid rgba(240,91,91,.25)}.btn-danger:hover:not(:disabled){background:#f05b5b14;border-color:var(--error)}.btn-sm{padding:7px 14px;font-size:12px}.toggle-wrap{display:flex;align-items:center;gap:12px}.toggle{position:relative;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-3);border:1px solid var(--border-2);border-radius:12px;cursor:pointer;transition:all .25s var(--ease)}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:50%;transform:translateY(-50%);background:var(--text-3);border-radius:50%;transition:all .25s var(--ease)}.toggle input:checked+.toggle-slider{background:#7c6cfa33;border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(20px,-50%);background:var(--accent)}.toggle-label{font-size:13px;color:var(--text-2);-webkit-user-select:none;user-select:none}.alert{padding:12px 16px;border-radius:var(--radius);font-size:13px;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.alert-error{background:#f05b5b14;border:1px solid rgba(240,91,91,.25);color:var(--error)}.alert-success{background:#3dd68c14;border:1px solid rgba(61,214,140,.25);color:var(--success)}.blob-display{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);padding:16px;font-family:var(--font-mono);font-size:13px;color:var(--accent-2);word-break:break-all;line-height:1.7;position:relative}.blob-display .emoji-prefix{font-size:20px;display:block;margin-bottom:6px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:fadeUp .5s var(--ease) both}.animate-fade-in{animation:fadeIn .4s var(--ease) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.divider{height:1px;background:var(--border);margin:28px 0}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.tag-public{background:#3dd68c1a;color:var(--success);border:1px solid rgba(61,214,140,.2)}.tag-private{background:#7c6cfa1a;color:var(--accent-2);border:1px solid rgba(124,108,250,.2)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-3)}.empty-state .empty-icon{font-size:40px;margin-bottom:16px}.empty-state h3{font-family:var(--font-display);font-size:18px;color:var(--text-2);margin-bottom:8px}.empty-state p{font-size:13px}.live-bar{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-3);margin-top:4px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex-shrink:0}.live-dot.pulsing{animation:live-pulse 1s ease infinite alternate}@keyframes live-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.65)}}.live-text{font-family:var(--font-mono)}.live-refresh-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:1px 6px;cursor:pointer;font-size:12px;color:var(--text-2);line-height:1.6;transition:border-color .15s,color .15s}.live-refresh-btn:hover{border-color:var(--accent);color:var(--accent)}