:root,[data-theme=light]{--color-bg:#f5f5f5;--color-card:#fff;--color-border:#e0e0e0;--color-text:#1a1a1a;--color-text-muted:#888;--color-accent:#333;--color-accent-text:#fff;--color-tag-bg:#eee;--color-type-bg:#d0e8ff;--color-input-bg:#fff}[data-theme=dark]{--color-bg:#121212;--color-card:#1e1e1e;--color-border:#333;--color-text:#f0f0f0;--color-text-muted:#888;--color-accent:#e0e0e0;--color-accent-text:#1a1a1a;--color-tag-bg:#2a2a2a;--color-type-bg:#1a2f44;--color-input-bg:#2a2a2a}[data-theme=sakura]{--color-bg:#fff0f5;--color-card:#fff8fb;--color-border:#f5c6d8;--color-text:#3a1a24;--color-text-muted:#b07a90;--color-accent:#e87fa0;--color-accent-text:#fff;--color-tag-bg:#fde0ec;--color-type-bg:#fce4f4;--color-input-bg:#fff8fb}[data-theme=mint]{--color-bg:#f0faf5;--color-card:#f8fffc;--color-border:#b2e0cc;--color-text:#1a3328;--color-text-muted:#6aaa88;--color-accent:#2dbb7e;--color-accent-text:#fff;--color-tag-bg:#d4f0e4;--color-type-bg:#d4eef8;--color-input-bg:#f8fffc}[data-theme=lavender]{--color-bg:#f4f0ff;--color-card:#faf8ff;--color-border:#d0c0f0;--color-text:#1e1040;--color-text-muted:#8870bb;--color-accent:#7c5cbf;--color-accent-text:#fff;--color-tag-bg:#e8deff;--color-type-bg:#dde8ff;--color-input-bg:#faf8ff}[data-theme=blue]{--color-bg:#e8f0fe;--color-card:#f0f5ff;--color-border:#a8c4f8;--color-text:#0d1f4a;--color-text-muted:#5a7ab5;--color-accent:#2563eb;--color-accent-text:#fff;--color-tag-bg:#dbeafe;--color-type-bg:#e0f2fe;--color-input-bg:#f0f5ff}[data-theme=orange]{--color-bg:#fff7ed;--color-card:#fffaf5;--color-border:#fcd09a;--color-text:#3a1a00;--color-text-muted:#b06a20;--color-accent:#ea6c0a;--color-accent-text:#fff;--color-tag-bg:#ffe9cc;--color-type-bg:#fef3c7;--color-input-bg:#fffaf5}[data-theme=pudding]{--color-bg:#fdf5e3;--color-card:#fffdf7;--color-border:#f2dec1;--color-text:#3a2410;--color-text-muted:#b98c79;--color-accent:#8b5e3c;--color-accent-text:#fff;--color-tag-bg:#f5e19a;--color-type-bg:#f2dec1;--color-input-bg:#fffdf7}:root{--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem}html{font-size:100%}html[data-font-scale=small]{font-size:87.5%}html[data-font-scale=large]{font-size:112.5%}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}html{scrollbar-gutter:stable}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:"M PLUS Rounded 1c",-apple-system,BlinkMacSystemFont,sans-serif;transition:background .2s,color .2s}input,button,textarea,select{font-family:inherit}button{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);border-radius:8px;padding:8px 16px;font-family:inherit;transition:background .15s,color .15s,border-color .15s,opacity .15s,filter .15s}button:not(:disabled):hover{background:var(--color-tag-bg);opacity:1}button:disabled{opacity:.5;cursor:not-allowed}button.danger{color:#e55;border-color:#e55}button.danger:hover{color:#fff;background:#e55}button.selected{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}img{max-width:100%}.btn-circle{background:var(--color-card);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.btn-circle:hover{background:var(--color-tag-bg);color:var(--color-text);border-color:var(--color-text-muted);opacity:1}.btn-circle svg{width:16px;height:16px}.back-btn{cursor:pointer;font-size:var(--text-sm);color:var(--color-text-muted);background:0 0;border:none;border-radius:8px;align-self:flex-start;align-items:center;margin:0 0 16px -10px;padding:6px 10px;font-family:inherit;display:inline-flex}.back-btn:hover{background:var(--color-tag-bg);color:var(--color-text);opacity:1}.avatar{object-fit:cover;background:var(--color-card);border:1px solid var(--color-border);border-radius:50%;display:block}.radio-group{background:var(--color-tag-bg);border:1px solid var(--color-border);border-radius:999px;padding:3px;display:inline-flex}.radio-group input[type=radio]{opacity:0;pointer-events:none;position:absolute;width:auto!important;padding:0!important}.radio-group label{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;transition:background .15s,color .15s;color:var(--color-text-muted)!important;font-size:var(--text-sm)!important;margin:0!important;padding:6px 18px!important;font-weight:400!important;display:inline-flex!important}.radio-group label:hover{color:var(--color-text)!important}.radio-group input[type=radio]:checked+label{background:var(--color-accent);color:var(--color-accent-text)!important;font-weight:600!important}.app-form{color:var(--color-text)}.app-form label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:14px;font-weight:600;display:block}.app-form label:first-of-type{margin-top:0}.app-form input:not([type=checkbox]),.app-form textarea,.app-form select{border:1px solid var(--color-border);background:var(--color-input-bg);width:100%;color:var(--color-text);font-size:var(--text-sm);border-radius:8px;padding:9px 12px}.app-form input:not([type=checkbox]):focus,.app-form textarea:focus,.app-form select:focus{border-color:var(--color-accent);outline:none}.app-form textarea{overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.app-form textarea::-webkit-scrollbar{width:4px}.app-form textarea::-webkit-scrollbar-track{background:0 0}.app-form textarea::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.app-form textarea::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.app-form button{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;border-radius:8px;padding:9px 18px}.app-form button:not(:disabled):hover{background:var(--color-tag-bg);opacity:1}.app-form button:disabled{opacity:.5;cursor:not-allowed}.app-form .primary-button{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.app-form .primary-button:not(:disabled):hover{background:var(--color-accent);filter:brightness(.9)}.app-form .danger-button{color:#e55;background:0 0;border-color:#e55}.app-form .danger-button:not(:disabled):hover{opacity:1;background:#fff0f0}.app-form .field-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.6}.app-form .char-count{font-size:var(--text-xs);text-align:right;color:var(--color-text-muted)}.app-form .char-count.warn,.app-form .error,.app-form .field-error{color:#e55}.app-form .tags{flex-wrap:wrap;gap:8px;display:flex}.app-form .tags button{font-size:var(--text-sm);border-radius:20px;padding:6px 14px}.app-form .tags button:not(:disabled):hover{border-color:var(--color-accent)}.app-form .tags button.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.app-form .tags button.active:hover{filter:brightness(.9)}.app-form .url-input-row{gap:8px;display:flex}.app-form .url-input-row input{flex:1}.app-form .url-input-row button{white-space:nowrap;flex-shrink:0}.app-form .detected-info{background:var(--color-tag-bg);color:var(--color-text);font-size:var(--text-sm);border-radius:8px;padding:12px;line-height:1.8}.app-form .detected-thumbnail{border:1px solid var(--color-border);object-fit:cover;border-radius:8px;width:100%;max-height:220px;margin-bottom:10px;display:block}.app-form .reset-btn{color:var(--color-text-muted);font-size:var(--text-xs);background:0 0;border:none;margin-top:4px;padding:0;text-decoration:underline}.app-form .reset-btn:not(:disabled):hover{color:var(--color-text);background:0 0}@media (width<=640px){.app-form .url-input-row{flex-direction:column}.app-form .url-input-row button{width:100%}}.user-avatar[data-v-6c2ffc54]{color:var(--color-text);align-items:center;gap:6px;display:flex}.user-avatar.clickable[data-v-6c2ffc54]{cursor:pointer}.user-avatar.clickable:hover .avatar-img[data-v-6c2ffc54],.user-avatar.clickable:hover .avatar-placeholder[data-v-6c2ffc54]{opacity:.8}.avatar-img[data-v-6c2ffc54]{flex-shrink:0;transition:opacity .15s}.size-sm .avatar-img[data-v-6c2ffc54]{width:18px;height:18px}.size-sm .avatar-name[data-v-6c2ffc54]{font-size:var(--text-xs);color:var(--color-text-muted)}.size-md .avatar-img[data-v-6c2ffc54]{width:32px;height:32px}.size-md .avatar-name[data-v-6c2ffc54]{font-size:var(--text-sm)}.size-lg .avatar-img[data-v-6c2ffc54]{width:160px;height:160px}.size-lg .avatar-name[data-v-6c2ffc54]{display:none}.app-header[data-v-2608c626]{z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.inner[data-v-2608c626]{justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto;padding:10px 20px;display:flex}.brand[data-v-2608c626]{font-size:var(--text-2xl);color:var(--color-text);letter-spacing:.5px;font-weight:700;text-decoration:none}.brand[data-v-2608c626]:hover{color:var(--color-accent)}.right[data-v-2608c626]{align-items:center;gap:10px;display:flex}.btn-sign-in[data-v-2608c626]{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;border-radius:20px;padding:7px 16px}.btn-sign-in[data-v-2608c626]:hover{border-color:var(--color-accent);opacity:1}.user-menu[data-v-2608c626]{position:relative}.dropdown[data-v-2608c626]{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;min-width:160px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 6px 20px #0000001f}.dropdown-item[data-v-2608c626]{text-align:left;width:100%;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:10px 14px;font-family:inherit;text-decoration:none;display:block}.dropdown-item[data-v-2608c626]:hover{background:var(--color-tag-bg)}.dropdown-fade-enter-active[data-v-2608c626],.dropdown-fade-leave-active[data-v-2608c626]{transform-origin:100% 0;transition:opacity .12s,transform .12s}.dropdown-fade-enter-from[data-v-2608c626],.dropdown-fade-leave-to[data-v-2608c626]{opacity:0;transform:scale(.96)translateY(-4px)}
