: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}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}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{transition:background .15s,color .15s,border-color .15s,opacity .15s,filter .15s}button:not(:disabled):hover{opacity:.82}img{max-width:100%}.app-form{color:var(--color-text)}.app-form label{color:var(--color-text-muted);margin-top:14px;font-size:13px;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);border-radius:8px;padding:9px 12px;font-size:14px}.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);cursor:pointer;border-radius:8px;padding:9px 18px;font-size:14px}.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{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.6}.app-form .char-count{text-align:right;color:var(--color-text-muted);font-size:12px}.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{border-radius:20px;padding:6px 14px;font-size:13px}.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);border-radius:8px;padding:12px;font-size:13px;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);background:0 0;border:none;margin-top:4px;padding:0;font-size:12px;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%}}