:root{--primary: #8B5CF6;--primary-dark: #7C3AED;--primary-light: rgba(139, 92, 246, .15);--danger: #EF4444;--danger-dark: #DC2626;--success: #22C55E;--bg: #0F172A;--surface: #1E293B;--surface-hover: #334155;--border: rgba(148, 163, 184, .15);--border-hover: rgba(148, 163, 184, .3);--text: #F1F5F9;--text-muted: #94A3B8;--text-subtle: #64748B;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5)}emoji-picker.ep-dark{--background: #1E293B;--border-color: rgba(148, 163, 184, .15);--button-active-background: rgba(139, 92, 246, .2);--button-hover-background: #334155;--category-font-color: #64748B;--emoji-size: 1.4rem;--emoji-padding: .35rem;--input-border-color: rgba(148, 163, 184, .2);--input-font-color: #F1F5F9;--input-placeholder-color: #64748B;--input-background: #0F172A;--outline-color: #8B5CF6;--text-color: #94A3B8;--category-emoji-size: 1rem;width:100%;height:320px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);margin-top:.4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100%;position:relative}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--text);text-decoration:none}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,opacity .15s;white-space:nowrap;line-height:1}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:#ef444433}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.btn-sm{padding:.3rem .65rem;font-size:.8rem;border-radius:6px}.btn-icon{padding:.35rem;border-radius:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;transition:background .15s,color .15s}.btn-icon:hover{background:var(--surface-hover);color:var(--text)}.input{width:100%;padding:.55rem .85rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none}.input::placeholder{color:var(--text-subtle)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.page{max-width:680px;margin:0 auto;padding:2rem 1.5rem}@media(max-width:768px){.page{padding:1.25rem 1rem}.create-form{flex-wrap:wrap}.create-form .input{flex:1 1 0;min-width:0}.create-form .btn{flex-shrink:0}}.page-title{font-size:1.4rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.section-title{font-size:.7rem;font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem}.create-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.back-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem;transition:color .15s}.back-link:hover{color:var(--text)}.badge{display:inline-block;background:var(--primary-light);color:var(--primary);font-size:.68rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;letter-spacing:.04em}