:root{--bg: #12101a;--panel: #1b1826;--panel-2: #241f34;--ink: #ece9f5;--muted: #a39fb8;--accent: #b98bff;--line: #322c47;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.app{max-width:640px;margin:0 auto;padding:32px 20px 80px}header h1{margin:0;font-size:34px;letter-spacing:-.03em}header p{margin:4px 0 0;color:var(--muted)}.composer,.preview{margin-top:28px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}textarea{width:100%;resize:vertical;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:12px;font:inherit}.composer-actions{margin-top:10px}button{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font:inherit;cursor:pointer}button:hover{border-color:var(--accent)}button.active{background:var(--accent);color:#1a0f2e;border-color:var(--accent)}button.primary{background:var(--accent);color:#1a0f2e;border-color:var(--accent);font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}.composer-actions{display:flex;gap:8px}.header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.connect{display:flex;gap:8px}.badge{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12px;color:var(--muted)}.badge.muted{background:transparent;border-style:dashed}.badge.user{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;color:var(--ink)}.avatar{width:24px;height:24px;border-radius:999px;object-fit:cover;display:block;flex:none}.avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#1a0f2e;font-size:12px;font-weight:700}.tabs{display:flex;gap:8px;margin-top:18px}.gate{margin-top:28px}.connect-gate{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:40px 40px 44px}.connect-gate .gate-fig{margin-bottom:4px}.connect-gate h2{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.025em}.connect-gate .hint{max-width:52ch;margin:0;font-size:15px;line-height:1.6}.connect-gate .primary{margin-top:8px;padding:10px 26px}.figgy-error{color:#ff8b8b;font-size:13px;margin:10px 0 0}.figgy-published{max-width:260px;border-radius:10px;border:1px solid var(--line);margin-top:8px}.hint.inline{margin:0;align-self:center;font-size:12.5px}.gif-tray{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.gif-chip{position:relative;width:76px;height:76px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.gif-chip img{width:100%;height:100%;object-fit:cover;display:block}.gif-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;padding:0;border-radius:999px;background:#000000b8;border:none;color:#fff;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center}.gif-remove:hover{background:#d64b4b}.picker-panel{margin-top:6px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;padding:18px;border:1.5px dashed var(--line);border-radius:12px;background:var(--panel-2);color:var(--muted);text-align:center;cursor:pointer;transition:border-color .15s}.dropzone:hover{border-color:var(--accent)}.dropzone.has-file{border-style:solid}.dropzone-preview{max-width:100%;max-height:260px;border-radius:8px}.dropzone-hint small{color:var(--muted);opacity:.7}.dropzone-meta{font-size:12px}.field{display:block;margin-top:14px}.field>span{display:block;font-size:13px;font-weight:600;margin-bottom:5px}.field>span em{font-weight:400;font-style:normal;color:var(--muted)}.field input{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:10px 12px;font:inherit}.field input:focus,.figgy-search:focus,textarea:focus{outline:none;border-color:var(--accent)}.emotion-head{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 8px;font-size:13px;font-weight:600}.emotion-head em{font-weight:400;font-style:normal;color:var(--muted)}.counter{font-weight:600;color:var(--muted)}.counter.on{color:var(--accent)}.preview.success{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.preview.success h2{color:var(--accent)}.figgy-picker{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.figgy-search{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:10px 12px;font:inherit}.figgy-searchrow{display:flex;gap:8px}.figgy-refresh{flex:none;padding:8px 12px;font-size:16px;line-height:1}.figgy-emotions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.figgy-emotions button{padding:4px 11px;font-size:13px}.figgy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:80px}.figgy-cell{position:relative;padding:0;border-radius:10px;overflow:hidden;aspect-ratio:1;border:1px solid var(--line)}.figgy-cell img{width:100%;height:100%;object-fit:cover;display:block}.figgy-copies{position:absolute;bottom:5px;right:5px;background:#000000b3;border-radius:6px;padding:1px 6px;font-size:11px}.figgy-status{grid-column:1 / -1;color:var(--muted);padding:20px;text-align:center}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview h2{margin:0;font-size:16px}.seg{display:flex;gap:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px}.seg button{border:none;background:transparent;padding:4px 12px;font-size:13px}.note-card{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px}.note-text{margin:0 0 10px;white-space:pre-wrap}.note-card .note-text:only-child{margin:0}.note-gif{max-width:100%;border-radius:8px;display:block;margin-top:8px}.preview .hint{color:var(--muted);font-size:13px;margin:0 0 12px}.preview code{background:var(--panel-2);padding:1px 5px;border-radius:5px}pre{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px;overflow:auto;font-size:12.5px;margin:0}