:root{--paper: #fff7f3;--paper-2: #ffe6df;--rose: #f3a3aa;--rose-deep: #dc6f7a;--plum: #5a263a;--honey: #f8c259;--leaf: #8fa872;--ink: #1f1924;--muted: #6a5e64;--line: #f5d3cf;--shadow: 0 12px 32px rgba(220, 111, 122, .18);--shadow-sm: 0 4px 12px rgba(220, 111, 122, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased;min-height:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(700px 500px at 100% -50px,rgba(243,163,170,.2),transparent 60%),radial-gradient(600px 500px at -50px 100%,rgba(248,194,89,.15),transparent 55%)}a{color:inherit}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.app{max-width:980px;margin:0 auto;padding:28px 22px 64px}.app-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--plum);font-size:18px}.brand .heart{color:var(--rose-deep)}.brand-sub{font-size:11px;color:var(--muted);font-weight:500;margin-top:2px}.tier-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--rose-deep)}.tier-pill.pro{background:var(--rose-deep);color:#fff;border-color:transparent}.tier-pill .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:14px 0;box-shadow:var(--shadow)}.card h2{font-size:16px;font-weight:900;color:var(--plum);margin-bottom:8px;letter-spacing:-.01em}.card .muted{color:var(--muted);font-size:13px}.flow-h3{font-size:14px;font-weight:800;color:var(--plum);margin:0 0 6px;letter-spacing:-.01em}.card-row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.chev{font-size:14px;color:var(--muted);transition:transform .15s}.chev.open{transform:rotate(90deg)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}@media (max-width: 720px){.fields{grid-template-columns:1fr}}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:700}label.field input,label.field textarea{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--ink);width:100%;font-weight:500;outline:none;transition:border-color .12s,box-shadow .12s}label.field input:focus,label.field textarea:focus{border-color:var(--rose-deep);box-shadow:0 0 0 4px #dc6f7a1f}label.field textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;resize:vertical}label.field .hint{font-size:11px;color:var(--muted);font-weight:400}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}button.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:700;border:0;cursor:pointer;transition:transform .12s,box-shadow .12s,opacity .12s}button.btn:disabled{opacity:.5;cursor:not-allowed}button.btn-primary{background:var(--rose-deep);color:#fff;box-shadow:var(--shadow-sm)}button.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow)}button.btn-ghost{background:#fff;color:var(--plum);border:1.5px dashed var(--line)}button.btn-ghost:not(:disabled):hover{border-color:var(--rose-deep);color:var(--rose-deep)}button.btn-link{background:transparent;color:var(--rose-deep);text-decoration:underline;padding:4px 8px;border-radius:6px;font-size:13px;font-weight:700}.alert{border-radius:12px;padding:10px 14px;font-size:13px;margin:12px 0;white-space:pre-wrap;word-break:break-word}.alert.info{background:var(--paper-2);border:1px solid var(--line);color:var(--plum)}.alert.error{background:#ffeaea;border:1px solid #f5a3a8;color:#8a1d28}.alert.success{background:#effbef;border:1px solid #b9e6bd;color:#1f5a26}.alert.warn{background:#fff7e6;border:1px solid #f1c87a;color:#6e4a00}.alert.warn b{color:#5a3a00}.alert.warn u{text-decoration-color:#d3a141;text-underline-offset:3px}.candidates{display:grid;gap:12px;margin-top:12px}.cand{display:grid;grid-template-columns:80px 1fr;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px;cursor:pointer;transition:border-color .12s,transform .12s}.cand:hover{border-color:var(--rose-deep);transform:translateY(-1px)}.cand.selected{border-color:var(--rose-deep);background:#fff;box-shadow:var(--shadow-sm)}.cand img{width:80px;height:80px;object-fit:cover;border-radius:10px;background:var(--paper-2)}.cand .meta{font-size:12px;color:var(--muted)}.cand .title{font-size:13px;font-weight:700;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.cand .price{color:var(--rose-deep);font-weight:900;font-size:14px}.cand-body{display:flex;flex-direction:column;gap:4px;min-width:0}.cand-actions{margin-top:6px}.cand-link{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;text-decoration:none;background:#fff;color:var(--rose-deep);border:1px solid var(--rose-deep);transition:background .12s,color .12s,transform .06s}.cand-link:hover{background:var(--rose-deep);color:#fff;transform:translateY(-1px)}.cand.main{box-shadow:0 0 0 2px var(--rose-deep) inset}.cand-order{display:inline-block;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#ffe6df;color:var(--plum);align-self:flex-start;margin-bottom:2px}.cand-order.main{background:linear-gradient(135deg,#ff9ec7,#ffc4dc);color:#fff}.cand-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0 0;padding:8px 12px;background:#fff;border:1px dashed var(--line);border-radius:12px}.compare-toggle{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--plum);cursor:pointer}.compare-toggle input{transform:translateY(1px)}.compare-hint{font-size:11.5px;color:var(--muted)}.compare-summary{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;padding:8px 12px;background:#fff5fa;border:1px solid #f7c4d8;border-radius:12px;font-size:12.5px;color:var(--plum)}.compare-summary .pill{display:inline-block;padding:3px 9px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:11.5px}.compare-summary .pill.main{background:linear-gradient(135deg,#ff9ec7,#ffc4dc);color:#fff;border-color:#f06ea0;font-weight:800}.compare-summary .pill-x{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:13px;line-height:1;border-radius:999px;opacity:.6}.compare-summary .pill-x:hover{background:#00000014;opacity:1}.compare-summary .pill.main .pill-x{color:#fff}.lookup-row{background:#fff8f3;border:1px dashed #f3c5a3;border-radius:12px;padding:10px 12px}.lookup-label{display:flex;flex-direction:column;gap:6px}.lookup-label-text{font-size:12.5px;color:var(--ink);font-weight:700}.lookup-label-text small{font-weight:400;color:var(--muted);font-size:11.5px}.lookup-label-text code{background:#fff;border:1px solid var(--line);padding:1px 5px;border-radius:4px;font-size:11px}.lookup-input-row{display:flex;gap:8px;align-items:stretch}.lookup-input-row input{flex:1}.ai-style-row{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}@media (max-width: 720px){.ai-style-row{grid-template-columns:1fr}}.ai-style-col{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.ai-style-label{font-size:12px;font-weight:800;color:var(--plum);letter-spacing:.04em;margin-bottom:8px}.ai-style-options{display:flex;gap:8px;flex-wrap:wrap}.ai-style-pill{flex:1 1 30%;min-width:130px;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1.5px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .12s,background .12s}.ai-style-pill input{position:absolute;opacity:0;pointer-events:none}.ai-style-pill.on{border-color:var(--rose-deep);background:#fff5fa;box-shadow:0 0 0 2px #dc6f7a26}.ai-style-pill-title{font-size:12.5px;font-weight:800;color:var(--plum)}.ai-style-pill-desc{font-size:10.5px;color:var(--muted);line-height:1.45}.articles{display:grid;gap:16px;margin-top:14px}.article{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.article h3{color:var(--plum);font-size:15px;font-weight:900;margin-bottom:6px}.article-title-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin:0 0 6px}.article-title-text{flex:1 1 auto;margin:0;font-size:18px;line-height:1.5;word-break:break-word}.article-no{background:var(--accent, #d33);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;margin-right:6px;vertical-align:1px}.btn-copy-title{flex:0 0 auto;white-space:nowrap}.btn-copy{background:#fff;color:var(--accent, #d33);border:1.5px solid var(--accent, #d33);font-weight:700;padding:6px 14px;border-radius:999px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .08s ease;cursor:pointer}.btn-copy:not(:disabled):hover{background:#ffeef0}.btn-copy:active{transform:scale(.97)}.btn-copy.copied{background:#2e7d32;color:#fff;border-color:#2e7d32;animation:copyPulse .42s ease}@keyframes copyPulse{0%{transform:scale(1)}35%{transform:scale(1.06)}to{transform:scale(1)}}.article-actions{display:flex;gap:8px;margin:8px 0 12px;flex-wrap:wrap}.article-html{background:#fff;border:1px dashed var(--line);border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.6;white-space:pre-wrap;word-break:break-all;max-height:320px;overflow:auto;color:var(--muted)}.catches{display:grid;gap:8px;margin-top:8px}.catch{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}.app-foot{margin-top:28px;padding-top:18px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.app-foot a{color:var(--rose-deep);font-weight:700}.kbd,code.kbd{display:inline-block;background:var(--paper-2);border:1px solid var(--line);border-radius:5px;padding:0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--plum)}h3.settings-h3{margin-top:22px;margin-bottom:4px;font-size:14px;font-weight:900;color:var(--plum);display:flex;align-items:center;gap:8px}h4.settings-h4{margin:0;font-size:13px;font-weight:800;color:var(--muted)}.dot-shop{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-rakuten{background:#bf0000}.dot-amazon{background:#f90}.dot-yahoo{background:#6001d2}.dot-misc{background:#888}.dot-gemini{background:linear-gradient(135deg,#6a4cff,#ff66b3)}.dot-danger{background:#c62828}.badge-ai{display:inline-block;background:linear-gradient(135deg,#6a4cff,#ff66b3);color:#fff;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;margin-right:6px;vertical-align:2px;letter-spacing:1px}.badge-pro{display:inline-block;background:linear-gradient(135deg,#ff8a3d,#e91e8c);color:#fff;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;margin-right:6px;vertical-align:2px;letter-spacing:1px}.ai-kind-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 6px}@media (max-width: 720px){.ai-kind-row{grid-template-columns:1fr}}.ai-kind{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px solid var(--line);background:var(--paper);border-radius:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .08s ease}.ai-kind:hover{border-color:#c8b8ff}.ai-kind.on{border-color:#6a4cff;background:linear-gradient(180deg,#faf6ff,#fff5fa);box-shadow:0 2px #ece1ff inset}.ai-kind.disabled{opacity:.42;cursor:not-allowed;background:#f6f4f8}.ai-kind.disabled:hover{transform:none}.ai-kind-badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:linear-gradient(135deg,#6a4cff,#b29bff);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;vertical-align:1px}.ai-kind input[type=radio]{margin-top:4px;accent-color:#6a4cff}.ai-kind-title{font-weight:800;color:#422a8f;line-height:1.4}.ai-kind.on .ai-kind-title{color:#2a1a6a}.ai-kind-desc{font-size:12px;color:#6e6383;margin-top:3px;line-height:1.55}.ai-prompt-textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:10px 12px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:13px;line-height:1.55;border:1px solid var(--line);border-radius:10px;resize:vertical;min-height:140px;background:#fafafa}.ai-custom-prompt{grid-column:1 / -1}h3.settings-h3.danger{color:#8a1d28}hr.settings-sep{border:0;border-top:1px dashed var(--line);margin:20px 0 8px}button.btn-danger{background:#fff;color:#8a1d28;border:1.5px solid #f5a3a8;box-shadow:0 1px 2px #dc6f7a1a}button.btn-danger:not(:disabled):hover{background:#ffeaea;border-color:#c62828}.autosave-badge{position:fixed;bottom:24px;left:24px;z-index:4;background:#fff;border:1px solid #b9e6bd;color:#1f5a26;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #0000000f;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.autosave-badge.show{opacity:1;transform:translateY(0)}.autosave-badge .check{display:inline-block;background:#2e7d32;color:#fff;width:16px;height:16px;border-radius:50%;text-align:center;line-height:16px;font-size:11px;margin-right:4px;vertical-align:-2px}.diag-details{margin-top:8px;background:#ffffff80;border:1px dashed var(--line);border-radius:8px;padding:8px 12px}.diag-details>summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--plum);-webkit-user-select:none;user-select:none}.diag-details[open]>summary{margin-bottom:6px}.diag-list{list-style:disc;margin:4px 0 0 18px;padding:0;font-size:12px;line-height:1.7;color:var(--ink)}.diag-list li{margin-bottom:3px}.diag-list code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;background:var(--paper-2);border-radius:4px;padding:0 4px;color:var(--plum)}.diag-code{display:inline-block;word-break:break-all;background:var(--paper-2);padding:2px 6px;border-radius:4px;font-size:11px}.diag-pre{background:#fff;border:1px dashed var(--line);border-radius:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;margin-top:4px;white-space:pre-wrap;word-break:break-all;max-height:220px;overflow:auto;color:var(--muted)}.diag-hint{margin-top:8px;font-size:12px;background:#fff7ec;border:1px solid #f3d39c;border-radius:8px;padding:8px 10px;color:#8a5c11}.diag-hint ul{margin:6px 0 0 18px;padding:0}.diag-hint li{margin-bottom:3px}label.field select{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--ink);width:100%;font-weight:500;outline:none;transition:border-color .12s,box-shadow .12s}label.field select:focus{border-color:var(--rose-deep);box-shadow:0 0 0 4px #dc6f7a1f}.conn-test-codes{font-size:13px;line-height:1.65}.conn-test-codes code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:var(--paper-2);border-radius:4px;padding:1px 5px}.copy-error-block{margin-top:8px;margin-bottom:4px;border:1px solid #e0b0b8;background:#fff8f9;border-radius:10px;padding:10px 12px}.copy-error-block--compact{margin-top:6px}.copy-error-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.copy-error-block-label{font-size:12px;font-weight:700;color:var(--plum)}.copy-error-block-pre{margin:0;font-size:11px;line-height:1.55;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#5a3040;max-height:200px;overflow:auto}.btn-sm{font-size:12px;padding:4px 10px}