:root{color-scheme:light;font-family:Inter,Helvetica Neue,Segoe UI,sans-serif;--bg: #f6f1ec;--text: #111111;--muted: #6b6560;--border: rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{margin:0;background:#f7f3ee;color:var(--text)}a{color:inherit;text-decoration:none}.page,.auth-page{min-height:100vh;padding:28px 24px 140px;display:flex;flex-direction:column;align-items:center;gap:48px}.top-nav{width:min(980px,100%);display:flex;justify-content:center}.nav-pill{width:100%;background:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 10px 20px #11111114}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-name{font-weight:600}.nav-links{display:flex;gap:18px;color:var(--muted);font-size:14px}.nav-cta{padding:8px 18px;background:#111;color:#fff;border-radius:999px;font-weight:600}.nav-user{color:var(--muted);font-size:14px;font-weight:600;max-width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.nav-user-phone{margin-right:10px}.nav-logout-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.12);background:#fff;color:#111;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:13px}.nav-logout-btn:hover{border-color:#111;background:#f5f5f5}.hero{width:min(980px,100%);text-align:center;display:grid;gap:18px}.hero h1{margin:0;font-size:clamp(42px,6vw,78px);font-weight:700;letter-spacing:-1.4px}.hero p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}.primary-btn{align-self:center;background:#111;color:#fff;border:none;border-radius:999px;padding:12px 26px;font-weight:600;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:24px}.stats strong{font-size:24px;display:block}.stats span{color:var(--muted);font-size:13px}.agent-stage{width:min(1540px,calc(100vw - 64px));position:relative;display:flex;justify-content:center;min-height:125vh}.agent-card{width:100%;height:655px;position:sticky;top:calc(50vh - 328px);overflow:visible}.agent-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0 auto;padding:44px 56px;background:#e6dff2;border-radius:36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:44px;align-items:center;opacity:1;transform:translateY(100vh);pointer-events:none;z-index:1}.agent-panel.active{transform:translateY(0);pointer-events:auto;z-index:3}.agent-panel.cover-base{transform:translateY(0);z-index:2}.agent-panel.cover-base.dir-next{animation:pushBackNext .4s ease forwards}.agent-panel.cover-base.dir-prev{animation:pushBackPrev .36s ease forwards}.agent-panel.active.dir-next{animation:riseFromBottom .4s cubic-bezier(.2,.8,.2,1)}.agent-panel.active.dir-prev{animation:dropFromTop .36s cubic-bezier(.2,.8,.2,1)}@keyframes riseFromBottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes dropFromTop{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@keyframes pushBackNext{0%{transform:translateY(0) scale(1);filter:saturate(1)}to{transform:translateY(-18px) scale(.965);filter:saturate(.9)}}@keyframes pushBackPrev{0%{transform:translateY(0) scale(1);filter:saturate(1)}to{transform:translateY(18px) scale(.965);filter:saturate(.9)}}.agent-copy h2{margin:0 0 14px;font-size:clamp(40px,3.4vw,54px);font-weight:700;letter-spacing:-.8px}.agent-copy p{margin:0 0 20px;color:var(--muted);line-height:1.5;font-size:clamp(22px,1.7vw,30px)}.agent-copy ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:12px;color:var(--muted);font-size:clamp(18px,1.2vw,22px)}.agent-copy li:before{content:"•";margin-right:6px;color:#6c4cff}.ghost-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fff;font-size:15px}.agent-visual{display:grid;gap:14px;justify-items:end}.bubble{background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 12px 24px #1111111f;display:grid;gap:8px}.bubble-lg{width:360px}.bubble-mid{width:310px;transform:translate(-24px)}.bubble-sm{width:260px;transform:translate(-52px)}.bubble-chip{background:#6c4cff;color:#fff;border-radius:999px;font-size:13px;padding:5px 11px;width:fit-content}.bubble-line{height:10px;border-radius:999px;background:#ece7f5}.auth-card{width:min(420px,100%);background:#fff;border-radius:20px;padding:32px;box-shadow:0 16px 30px #11111114;display:grid;gap:12px}.auth-card h1{margin:0;font-size:28px}.auth-card label{font-size:13px;color:var(--muted)}.auth-card input{border-radius:12px;border:1px solid var(--border);padding:12px 14px}.auth-card textarea{border-radius:12px;border:1px solid var(--border);padding:12px 14px;font-family:inherit;font-size:14px;width:100%;resize:vertical}.agents{width:min(980px,100%);display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px}.agent-list{display:grid;gap:10px}.agent-list button{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;text-align:left;cursor:pointer}.agent-list button.active{border-color:#111}.agent-work{background:#fff;border-radius:20px;padding:28px;display:grid;gap:12px;box-shadow:0 12px 24px #11111114}.agent-work textarea{border-radius:12px;border:1px solid var(--border);padding:12px;width:100%}.input-hint{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.chat-messages{display:grid;gap:14px;padding:6px 0 2px}.chat-row{display:flex}.chat-row-user{justify-content:flex-end}.chat-row-assistant{justify-content:flex-start}.chat-user-bubble{background:#111;color:#fff;border-radius:14px;padding:12px 14px;max-width:84%;white-space:pre-wrap;word-break:break-word;line-height:1.6}.chat-input-area{display:grid;gap:10px}.chat-input-area textarea{width:100%}.chat-messages .rich-output{margin:0;min-height:unset}.ip-form{display:grid;gap:14px}.ip-question-block{background:#fafafd;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:12px}.ip-q-title{font-weight:900;color:var(--text);margin-bottom:8px}.ip-question-block textarea{width:100%;border-radius:12px;border:1px solid rgba(0,0,0,.08);padding:12px;font-family:inherit;font-size:14px;resize:vertical}.ip-questions-card{margin:0 0 10px}.ip-questions-card .rich-output{background:#6c4cff0f;border-color:#6c4cff2e}.example-card{margin:0 0 10px}.example-card .rich-output{background:#6c4cff0f;border-color:#6c4cff2e}.output{border-radius:14px;border:1px solid var(--border);padding:12px;min-height:120px;color:var(--muted)}.rich-output{border-radius:14px;border:1px solid var(--border);background:#fff;padding:16px;min-height:120px;color:var(--text);line-height:1.75}.rich-output-p{margin:0 0 12px;color:var(--muted);font-size:14px;white-space:pre-wrap;word-break:break-word}.rich-output-h{margin:0 0 10px;color:var(--text)}.rich-output h3.rich-output-h{font-size:18px;font-weight:900;letter-spacing:-.2px}.rich-output h4.rich-output-h{font-size:16px;font-weight:900;letter-spacing:-.1px}.rich-output h5.rich-output-h{font-size:14px;font-weight:800;color:#2a2a2a}.rich-output-hr{height:1px;background:#00000014;margin:14px 0}.rich-output-list{margin:0 0 14px;padding-left:18px;color:var(--muted);font-size:14px}.rich-output-ol{padding-left:20px}.rich-output-list li{margin:6px 0;white-space:pre-wrap;word-break:break-word}.rich-output-quote{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#6c4cff14;border-left:4px solid #6c4cff;color:var(--muted);font-size:14px;white-space:pre-wrap}.rich-output-pre{margin:0 0 12px;padding:14px;border-radius:12px;background:#0b0b0f;color:#e7e7ea;overflow:auto;font-size:12px;line-height:1.6;white-space:pre}.rich-output-code{background:#6c4cff1f;color:#3d2bff;padding:2px 6px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.rich-output-table-wrap{margin:0 0 14px;overflow:auto;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.rich-output-table{width:100%;border-collapse:collapse;min-width:520px;background:#fff}.rich-output-table th,.rich-output-table td{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:top}.rich-output-table th{text-align:left;font-weight:900;color:var(--text);background:#6c4cff0f}.rich-output-table td{color:var(--muted);font-size:14px}.rich-output-table tr:last-child td{border-bottom:none}.error{color:#b42318;font-size:13px}.agent-list-link{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;text-align:left;cursor:pointer;display:block;font-size:inherit;font-family:inherit;color:inherit}.agent-list-link:hover{border-color:#6c4cff;background:#f8f6ff}.youtube-download{width:min(820px,100%);display:grid;gap:16px}.youtube-header h1{margin:0 0 8px;font-size:28px}.youtube-header p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.youtube-header a{color:#6c4cff}.youtube-download label{font-size:13px;color:var(--muted)}.youtube-input{width:100%;border-radius:12px;border:1px solid var(--border);padding:14px;font-family:inherit;font-size:14px;resize:vertical}.youtube-count{font-size:14px;color:var(--muted)}.youtube-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.youtube-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 12px #1111110f;display:block;transition:transform .2s,box-shadow .2s}.youtube-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1111111a}.youtube-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.youtube-id{display:block;padding:8px 12px;font-size:12px;color:var(--muted);font-family:monospace}.youtube-actions{display:flex;flex-wrap:wrap;gap:12px}.secondary-btn{padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:14px;cursor:pointer}.secondary-btn:hover:not(:disabled){border-color:#111;background:#f5f5f5}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.youtube-command{background:#1a1a1a;color:#e0e0e0;border-radius:12px;padding:14px}.youtube-command label{color:#999;display:block;margin-bottom:8px}.youtube-command pre{margin:0;font-size:12px;font-family:ui-monospace,monospace;white-space:pre-wrap;word-break:break-all}.youtube-disclaimer{margin:0;font-size:12px;color:var(--muted)}.markdown-converter{width:min(1320px,100%);display:grid;gap:24px}.markdown-converter h1{margin:0;text-align:center;font-size:clamp(34px,4.4vw,64px);letter-spacing:-1px}.markdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.markdown-panel{background:#efeff2;border-radius:24px;border:1px solid rgba(0,0,0,.06);padding:22px;display:grid;gap:14px}.markdown-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.markdown-head h2{margin:0;font-size:40px;font-size:clamp(22px,2.1vw,38px)}.markdown-head span{color:var(--muted);font-size:14px;white-space:nowrap}.markdown-input,.markdown-output{width:100%;min-height:520px;border-radius:16px;border:1px solid rgba(0,0,0,.12);padding:18px;background:#f8f8fb;font-size:32px;font-size:clamp(16px,1.3vw,31px);line-height:1.6;resize:vertical;font-family:PingFang SC,Noto Sans SC,Inter,sans-serif}.markdown-output{background:#fafafd}.markdown-actions{display:flex;justify-content:center;gap:14px}@media (max-width: 900px){.nav-pill{flex-direction:column}.nav-links{flex-wrap:wrap;justify-content:center}.agent-card{height:562px;top:calc(50vh - 281px)}.agent-panel{padding:22px;grid-template-columns:1fr;gap:24px;overflow:hidden}.agent-visual{width:100%;justify-items:start}.agent-copy h2{font-size:clamp(30px,8.4vw,44px);line-height:1.1}.agent-copy p{font-size:clamp(18px,5.2vw,24px);line-height:1.35;word-break:break-word}.agent-copy ul{font-size:18px;gap:8px}.bubble{width:min(100%,320px);max-width:100%}.bubble-lg,.bubble-mid,.bubble-sm{width:100%;transform:none}.agents,.markdown-grid{grid-template-columns:1fr}.markdown-input,.markdown-output{min-height:320px;font-size:16px}.markdown-head{flex-direction:column;align-items:flex-start}.markdown-actions{flex-wrap:wrap}}.catalog-home{width:min(1320px,100%);display:grid;gap:44px}.catalog-section{display:grid;gap:14px}.catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.catalog-title{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:-.4px}.catalog-emoji{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#6c4cff14}.catalog-more{font-size:13px;color:var(--muted)}.catalog-more:hover{color:var(--text);text-decoration:underline}.catalog-subtitle{font-size:13px;color:var(--muted)}.agents-catalog-layout{width:min(1320px,100%);display:grid;grid-template-columns:1fr;justify-items:center;gap:32px;align-items:start}.agents-catalog{display:grid;gap:44px;width:min(620px,100%)}.agent-detail{position:sticky;top:20px;align-self:start}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.agent-tile,.agent-tile-btn{background:#fff;border:1px solid var(--border);border-left:8px solid transparent;border-radius:18px;padding:16px;box-shadow:0 10px 24px #1111110f;min-height:158px;display:flex;flex-direction:column;gap:10px;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.agent-tile-link{display:block;text-decoration:none;color:inherit}.agent-tile-link:hover .agent-tile{transform:translateY(-2px);box-shadow:0 16px 36px #1111111a}.agent-tile-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:8px solid transparent;cursor:pointer;text-align:left}.agent-tile-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px #1111111a}.agent-tile-btn.selected{border-color:#6c4cff;box-shadow:0 18px 40px #6c4cff2e}.agent-tile-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.agent-badge{font-size:12px;background:#111;color:#fff;border-radius:999px;padding:4px 10px;font-weight:700}.agent-icon{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.agent-tile-title{font-weight:800;font-size:16px;line-height:1.3;letter-spacing:-.2px}.agent-tile-desc{color:var(--muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-tile-bullets{list-style:none;padding:0;margin:0;display:grid;gap:6px;color:var(--muted);font-size:12px}.agent-tile-bullets li:before{content:"•";margin-right:6px;color:#6c4cff}@media (max-width: 1100px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1050px){.agents-catalog-layout{grid-template-columns:1fr}.agent-detail{position:static}}@media (max-width: 650px){.agent-grid{grid-template-columns:1fr}.catalog-title{font-size:18px}}