@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@300;400;500&display=swap);:root{--bg:#0d1117;--surface:#161b22;--surface2:#1c2333;--border:#30363d;--text:#e6edf3;--text2:#8b949e;--accent:#3fb950;--accent2:#238636;--warn:#d29922;--danger:#f85149;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:#0d1117;background:var(--bg);color:#e6edf3;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}.app{margin:0 auto;max-width:1200px;min-height:100vh;padding:24px 20px}.key-screen{align-items:center;display:flex;justify-content:center;min-height:100vh}.key-card{background:#161b22;background:var(--surface);border:1px solid #30363d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);max-width:480px;padding:40px;text-align:center;width:100%}.key-card h1{font-family:"DM Serif Display",serif;font-size:22px;margin:16px 0 8px}.key-card p{color:#8b949e;color:var(--text2);font-size:13px;margin-bottom:24px}.key-card code{background:#1c2333;background:var(--surface2);border-radius:4px;font-size:12px;padding:1px 5px}.key-row{display:flex;gap:8px}.key-row input{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#e6edf3;color:var(--text);flex:1 1;font-size:14px;padding:10px 14px}.key-row button{background:#238636;background:var(--accent2);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.key-row button:hover{background:#3fb950;background:var(--accent)}.logo{font-family:"DM Serif Display",serif;font-size:22px}.logo span{color:#3fb950;color:var(--accent)}.app-header{align-items:baseline;border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);display:flex;gap:16px;margin-bottom:28px;padding-bottom:20px}.header-sub{color:#8b949e;color:var(--text2);font-size:13px}.error-banner{background:#2d1b1b;border:1px solid #f85149;border:1px solid var(--danger);border-radius:10px;border-radius:var(--radius);color:#f85149;color:var(--danger);font-size:13px;margin-bottom:16px;padding:10px 16px}.app-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:360px 1fr}@media (max-width:800px){.app-grid{grid-template-columns:1fr}}.col-left,.col-right{display:flex;flex-direction:column;gap:16px}.chat-panel,.form-card,.pm-panel,.recs-panel{background:#161b22;background:var(--surface);border:1px solid #30363d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);padding:24px}.form-title{font-family:"DM Serif Display",serif;font-size:18px;margin-bottom:4px}.form-sub{color:#8b949e;color:var(--text2);font-size:12px;margin-bottom:20px}.panel-title{font-family:"DM Serif Display",serif;font-size:18px;margin-bottom:4px}.field{margin-bottom:16px}.field label{color:#8b949e;color:var(--text2);display:block;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.optional{font-weight:300;letter-spacing:0;text-transform:none}.field input,.field select{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:8px;color:#e6edf3;color:var(--text);font-family:inherit;font-size:14px;padding:9px 12px;width:100%}.field input:focus,.field select:focus{border-color:#3fb950;border-color:var(--accent);outline:none}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:20px;color:#8b949e;color:var(--text2);cursor:pointer;font-size:12px;padding:4px 12px;transition:all .15s}.chip:hover{color:#e6edf3;color:var(--text)}.chip-on,.chip:hover{border-color:#3fb950;border-color:var(--accent)}.chip-on{background:#1a3a1e;color:#3fb950;color:var(--accent)}.submit-btn{background:#238636;background:var(--accent2);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:12px;transition:background .15s;width:100%}.submit-btn:hover:not(:disabled){background:#3fb950;background:var(--accent)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.persona-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.persona-btn{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:8px;color:#8b949e;color:var(--text2);cursor:pointer;flex:1 1;font-family:inherit;font-size:11px;line-height:1.35;min-width:90px;padding:7px 12px;text-align:left;transition:all .15s}.persona-btn:hover{color:#e6edf3;color:var(--text)}.persona-btn.persona-on,.persona-btn:hover{border-color:#3fb950;border-color:var(--accent)}.persona-btn.persona-on{background:rgba(0,208,132,.1);color:#3fb950;color:var(--accent)}.persona-name{display:block;font-size:12px;font-weight:600}.persona-desc{font-size:10px;opacity:.75}.spinner{animation:spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;vertical-align:middle;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.recs-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:4px}.strategy-toggle{display:flex;gap:4px}.strat-btn{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:6px;color:#8b949e;color:var(--text2);cursor:pointer;font-size:11px;padding:4px 10px}.strat-btn:hover{color:#e6edf3;color:var(--text)}.strat-btn:hover,.strat-on{border-color:#3fb950;border-color:var(--accent)}.strat-on{background:#1a3a1e;color:#3fb950;color:var(--accent)}.strategy-note{color:#8b949e;color:var(--text2);font-size:11px;font-style:italic;margin-bottom:16px}.recs-list{display:flex;flex-direction:column;gap:10px}.rec-card{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;padding:14px 16px;transition:border-color .15s}.rec-card:hover,.rec-expanded{border-color:#3fb950;border-color:var(--accent)}.rec-top{align-items:center;display:flex;gap:12px}.rec-rank{color:#8b949e;color:var(--text2);flex-shrink:0;font-family:"DM Serif Display",serif;font-size:20px;width:28px}.rec-info{flex:1 1;min-width:0}.rec-name{font-size:14px;font-weight:500;margin-bottom:2px}.rec-reason{color:#8b949e;color:var(--text2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.rec-score-wrap{flex-shrink:0}.rec-score{height:44px;position:relative;width:44px}.rec-score svg{height:100%;width:100%}.rec-score span{align-items:center;color:#3fb950;color:var(--accent);display:flex;font-size:10px;font-weight:500;inset:0;justify-content:center;position:absolute}.rec-detail{border-top:1px solid #30363d;border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.rec-desc{color:#e6edf3;color:var(--text);font-size:13px;line-height:1.55;margin-bottom:8px}.disclaimer{background:#2d2400;border-radius:6px;color:#d29922;color:var(--warn);font-size:12px;margin-bottom:8px;padding:6px 10px}.rec-meta{display:flex;flex-wrap:wrap;gap:6px}.meta-tag{background:#161b22;background:var(--surface);border:1px solid #30363d;border:1px solid var(--border);border-radius:20px;color:#8b949e;color:var(--text2);font-size:11px;padding:2px 10px}.low-conf{border-color:#d29922;border-color:var(--warn);color:#d29922;color:var(--warn)}.feedback-row{align-items:center;display:flex;gap:8px;margin-top:4px}.feedback-label{color:#8b949e;color:var(--text2);font-size:11px}.fb-btn{background:#161b22;background:var(--surface);border:1px solid #30363d;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-family:inherit;font-size:13px;padding:3px 11px;transition:all .15s}.fb-btn.voted,.fb-btn:hover{border-color:#3fb950;border-color:var(--accent)}.fb-btn.voted{background:rgba(0,208,132,.15)}.fb-btn.down.voted{background:rgba(255,90,90,.15);border-color:#f85149;border-color:var(--danger)}.feedback-thanks{animation:fadeIn .3s ease;color:#3fb950;color:var(--accent);font-size:11px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fb-summary{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:12px 14px}.fb-sum-title{color:#8b949e;color:var(--text2);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.fb-bar-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.fb-bar-label{color:#8b949e;color:var(--text2);font-size:12px;min-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-bar-wrap{background:#30363d;background:var(--border);flex:1 1}.fb-bar-fill,.fb-bar-wrap{border-radius:4px;height:5px}.fb-bar-fill{transition:width .4s ease}.fb-bar-val{font-size:12px;min-width:24px;text-align:right}.compare-toggle{align-items:center;background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:8px;display:flex;gap:10px;margin-bottom:14px;padding:10px 12px}.compare-label{color:#8b949e;color:var(--text2);flex:1 1;font-size:12px}.toggle-wrap{cursor:pointer;flex-shrink:0;height:20px;position:relative;width:36px}.toggle-wrap input{height:0;opacity:0;position:absolute;width:0}.t-track{background:#30363d;background:var(--border);border-radius:20px;inset:0}.t-thumb,.t-track{position:absolute;transition:all .2s}.t-thumb{background:#8b949e;background:var(--text2);border-radius:50%;height:14px;left:3px;top:3px;width:14px}.toggle-wrap input:checked+.t-track{background:rgba(0,208,132,.3)}.toggle-wrap input:checked~.t-thumb{background:#3fb950;background:var(--accent);left:19px}.compare-view{overflow-x:auto}.compare-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(160px,1fr));min-width:0}.compare-col{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:8px;min-width:0;padding:12px}.compare-col-title{color:#3fb950;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;padding-bottom:6px;text-align:center;text-transform:uppercase}.compare-col-title,.compare-item{border-bottom:1px solid #30363d;border-bottom:1px solid var(--border)}.compare-item{align-items:flex-start;display:flex;font-size:12px;gap:6px;padding:6px 0}.compare-item:last-child{border-bottom:none}.c-rank{color:#8b949e;color:var(--text2);flex-shrink:0;font-size:11px;padding-top:1px;width:16px}.c-name{color:#e6edf3;color:var(--text);font-weight:500}.c-score{color:#8b949e;color:var(--text2);font-size:11px}@keyframes shimmer{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}.skeleton-header{border-radius:6px;height:28px;margin-bottom:20px;width:50%}.skeleton-card,.skeleton-header{animation:shimmer 1.5s ease infinite;background:#1c2333;background:var(--surface2)}.skeleton-card{border-radius:10px;border-radius:var(--radius);height:72px;margin-bottom:10px}.chat-input-row{display:flex;gap:8px;margin-bottom:12px}.chat-input{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#e6edf3;color:var(--text);flex:1 1;font-family:inherit;font-size:14px;padding:10px 14px}.chat-input:focus{border-color:#3fb950;border-color:var(--accent);outline:none}.chat-send{background:#238636;background:var(--accent2);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:16px;padding:10px 18px}.chat-send:hover:not(:disabled){background:#3fb950;background:var(--accent)}.chat-send:disabled{cursor:not-allowed;opacity:.5}.chat-reply{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border-left:3px solid #3fb950;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;border-radius:var(--radius);padding:12px 14px}.chat-badge{color:#3fb950;color:var(--accent);display:block;font-size:10px;font-weight:500;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.chat-reply p{font-size:13px;line-height:1.55}.chat-note{color:#8b949e;color:var(--text2);font-size:11px;font-style:italic;margin-top:8px!important}.mode-bar{flex-wrap:wrap;gap:8px;margin-bottom:20px}.mode-bar,.mode-btn{align-items:center;display:flex}.mode-btn{background:#161b22;background:var(--surface);border:1px solid #30363d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#8b949e;color:var(--text2);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s}.mode-btn:hover{color:#e6edf3;color:var(--text)}.mode-btn:hover,.mode-on{border-color:#3fb950;border-color:var(--accent)}.mode-on{background:#1a3a1e;color:#3fb950;color:var(--accent)}.mode-badge{background:#3fb950;background:var(--accent);border-radius:10px;color:#000;font-size:9px;font-weight:700;letter-spacing:.04em;padding:2px 6px}.mode-hint{color:#8b949e;color:var(--text2);font-size:11px;font-style:italic;margin-left:4px}.conv-container{background:#161b22;background:var(--surface);border:1px solid #30363d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);gap:0;overflow:hidden}.conv-container,.conv-messages{display:flex;flex-direction:column}.conv-messages{gap:14px;max-height:480px;overflow-y:auto;padding:20px 16px 12px}.conv-messages::-webkit-scrollbar{width:4px}.conv-messages::-webkit-scrollbar-track{background:transparent}.conv-messages::-webkit-scrollbar-thumb{background:#30363d;background:var(--border);border-radius:4px}.conv-row{align-items:flex-start;display:flex;gap:10px}.conv-row-user{flex-direction:row-reverse}.conv-avatar{align-items:center;background:#238636;background:var(--accent2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.conv-bubble{border-radius:14px;font-size:13px;line-height:1.55;max-width:82%;padding:11px 14px}.conv-bubble-assistant{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-top-left-radius:4px}.conv-bubble-user{background:#1a3a1e;border:1px solid #238636;border:1px solid var(--accent2);border-top-right-radius:4px;color:#e6edf3;color:var(--text)}.conv-typing{align-items:center;display:flex;gap:5px;padding:14px 16px}.conv-typing span{animation:bounce 1.2s ease infinite;background:#8b949e;background:var(--text2);border-radius:50%;height:7px;width:7px}.conv-typing span:nth-child(2){animation-delay:.2s}.conv-typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.conv-recs{border-top:1px solid #30363d;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px}.conv-recs-label{color:#3fb950;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.conv-rec-card{background:#161b22;background:var(--surface);border:1px solid #30363d;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.conv-rec-top{gap:8px;justify-content:space-between;margin-bottom:4px}.conv-rec-info,.conv-rec-top{align-items:center;display:flex}.conv-rec-info{flex-wrap:wrap;gap:6px}.conv-rec-name{color:#e6edf3;color:var(--text);font-size:12px;font-weight:600}.conv-rec-tag{background:rgba(63,185,80,.15);border-radius:10px;font-size:10px;font-weight:600;padding:1px 7px}.conv-rec-score,.conv-rec-tag{color:#3fb950;color:var(--accent)}.conv-rec-score{flex-shrink:0;font-size:11px;font-weight:700}.conv-rec-reason{line-height:1.4;margin-bottom:8px}.conv-add-btn,.conv-rec-reason{color:#8b949e;color:var(--text2);font-size:11px}.conv-add-btn{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-family:inherit;font-weight:600;padding:4px 10px;transition:all .15s}.conv-add-btn.added,.conv-add-btn:hover:not(.added){border-color:#3fb950;border-color:var(--accent);color:#3fb950;color:var(--accent)}.conv-add-btn.added{background:rgba(63,185,80,.12);cursor:default}.conv-panel-note{color:#8b949e;color:var(--text2);font-size:10px;font-style:italic;margin-top:4px}.conv-input-row{background:#161b22;background:var(--surface);border-top:1px solid #30363d;border-top:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.conv-input{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#e6edf3;color:var(--text);flex:1 1;font-family:inherit;font-size:14px;padding:10px 14px}.conv-input:focus{border-color:#3fb950;border-color:var(--accent);outline:none}.conv-input:disabled{opacity:.5}.conv-send{background:#238636;background:var(--accent2);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;padding:10px 18px}.conv-send:hover:not(:disabled){background:#3fb950;background:var(--accent)}.conv-send:disabled{cursor:not-allowed;opacity:.5}.conv-reset{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#8b949e;color:var(--text2);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:16px;padding:10px 14px}.conv-reset:hover{border-color:#f85149;border-color:var(--danger)}.conv-error,.conv-reset:hover{color:#f85149;color:var(--danger)}.conv-error{font-size:12px;padding:0 16px;text-align:center}.conv-shoplist{background:#1c2333;background:var(--surface2);border:1px solid #238636;border:1px solid var(--accent2);border-radius:8px;margin:0 16px 16px;padding:12px 14px}.conv-shoplist-title{color:#3fb950;color:var(--accent);font-size:12px;font-weight:700;margin-bottom:8px}.conv-shoplist-item{align-items:center;border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);display:flex;font-size:12px;gap:8px;padding:4px 0}.conv-shoplist-item:last-of-type{border-bottom:none}.conv-shoplist-dot{color:#3fb950;color:var(--accent);font-size:16px;line-height:1}.conv-shoplist-score{color:#8b949e;color:var(--text2);font-size:11px;margin-left:auto}.conv-shoplist-note{color:#8b949e;color:var(--text2);font-size:10px;font-style:italic;margin-top:8px}.pm-header{margin-bottom:12px}.pm-tabs{display:flex;gap:4px;margin-bottom:16px}.pm-tab{background:#1c2333;background:var(--surface2);border:1px solid #30363d;border:1px solid var(--border);border-radius:6px;color:#8b949e;color:var(--text2);cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.04em;padding:5px 12px}.pm-tab:hover{color:#e6edf3;color:var(--text)}.pm-tab-on,.pm-tab:hover{border-color:#3fb950;border-color:var(--accent)}.pm-tab-on{background:#1a3a1e;color:#3fb950;color:var(--accent)}.pm-content{display:flex;flex-direction:column;gap:2px}.pm-row{border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:10px 0}.pm-row:last-child{border-bottom:none}.pm-label{color:#8b949e;color:var(--text2);font-size:11px;min-width:90px;padding-top:2px}.pm-value{color:#e6edf3;color:var(--text);font-size:13px;font-weight:500;margin-bottom:2px}.pm-detail{color:#8b949e;color:var(--text2);font-size:12px;line-height:1.45}
/*# sourceMappingURL=main.e1b8c975.css.map*/