@charset "UTF-8";
:root{--bg:#f5f7ef;--paper:#fffefa;--ink:#233a2e;--muted:#7b857c;--line:#e1e7dc;--green:#2d563d;--lime:#d4edb6;--mint:#e6efda;--peach:#f8dcc9;--radius:24px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #86af65;outline-offset:4px}input:focus-visible,textarea:focus-visible{outline:none}button{border:0}p,h1,h2,h3{margin:0}.wrap{max-width:1184px;margin:0 auto;padding:0 32px}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:24px;letter-spacing:-.8px}.brand>span:nth-child(2){display:flex;align-items:baseline;gap:9px}.brand-en{font-size:10px;letter-spacing:1.6px;font-weight:650}.brand-mark{height:36px;width:36px;border-radius:12px 13px 12px 6px;display:grid;place-items:center;transform:rotate(-9deg);background:var(--green);color:var(--lime)}.brand-mark svg{width:24px;height:24px;fill:currentColor;stroke-width:0}.beta{background:#e5e9df;border:1px solid #d9dfd3;padding:3px 7px;font-size:10px;font-weight:500;letter-spacing:0;border-radius:5px;align-self:center}.site-header nav{display:flex;gap:30px;align-items:center}.how-link{font-size:13px;color:#5e6d60}.how-link span{margin-left:7px}.pass-button{border:1px solid #d3dccb;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:30px;font-size:12px;font-weight:600;min-height:42px}.pass-button:hover{background:#e8eddf}.pass-button.is-active{background:#e1edcf;border-color:#ccdcb8}.pass-button svg{width:17px;height:17px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:44px;padding:38px 13px 42px;min-height:352px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;line-height:1.6;color:#7d8d74;display:flex;align-items:center;gap:8px}.status-dot{height:6px;width:6px;background:#7ca663;border-radius:50%;box-shadow:0 0 0 4px #e5eedc}.hero h1{font-size:57px;line-height:1.32;letter-spacing:-2.5px;font-weight:800;margin-top:18px}.title-highlight{position:relative;display:inline-flex;align-items:center;gap:12px;isolation:isolate}.title-highlight:before{content:"";position:absolute;bottom:5px;left:-3px;right:34px;height:18px;background:#d3e8b7;z-index:-1;border-radius:10px 1px 12px 4px;transform:rotate(-1deg)}.title-highlight svg{height:34px;width:34px;fill:#8ba572;stroke:0;transform:rotate(15deg);margin-top:14px}.hero-description{font-size:14px;line-height:1.9;color:#7a8479;margin-top:17px;letter-spacing:.1px}.mobile-break{display:none}.hero-tags{display:flex;gap:17px;margin-top:24px;flex-wrap:wrap}.hero-tags>span{display:flex;align-items:center;gap:4px;font-size:11px;color:#75836c}.hero-tags svg{height:13px;width:13px;color:#8ca970}.hero-art{position:relative;height:300px;display:grid;place-items:center}.mascot{background-image:url('/static/assets/mascots.png');background-size:300% 300%;background-position:var(--art-x,0%) var(--art-y,0%);background-repeat:no-repeat;aspect-ratio:1;width:100%;flex-shrink:0}.art-bean{--art-x:0%;--art-y:0%}.art-human{--art-x:50%;--art-y:0%}.art-openai{--art-x:100%;--art-y:0%}.art-claude{--art-x:0%;--art-y:50%}.art-deepseek{--art-x:50%;--art-y:50%}.art-kimi{--art-x:100%;--art-y:50%}.art-qwen{--art-x:0%;--art-y:100%}.art-gemini{--art-x:50%;--art-y:100%}.art-hybrid{--art-x:100%;--art-y:100%}.hero-mascot{width:300px;position:relative;z-index:1;transform:rotate(-7deg);animation:bob 5s ease-in-out infinite}.orbit{position:absolute;border-radius:50%;border:1px dashed #d4ddc9;width:280px;height:230px;transform:rotate(-28deg)}.orbit-two{width:340px;height:176px;transform:rotate(26deg);border-color:#e1e6d9}.hero-art:before{content:"";position:absolute;width:225px;height:225px;border-radius:50%;background:#e3edcf;filter:blur(2px)}.art-sticker{position:absolute;z-index:2;background:#fffdf5;border:1px solid #e2e3d7;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:600;box-shadow:0 4px 8px #233a2e06;white-space:nowrap}.sticker-one{top:35px;left:24px;transform:rotate(-9deg)}.sticker-two{bottom:45px;right:0;transform:rotate(8deg);display:flex;align-items:center;gap:7px;background:#f5dfce;border-color:#ecd3c0}.sticker-two svg{width:17px;height:17px;fill:#b69273;stroke:0}.art-spark{position:absolute;color:#b7c59b;font-size:30px}.spark-one{top:20px;right:48px}.spark-two{left:27px;bottom:52px;font-size:40px}.art-caption{position:absolute;bottom:4px;letter-spacing:3px;font-size:8px;color:#97a28c;font-weight:600}
.workspace{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:stretch}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:27px 26px;box-shadow:0 6px 24px #4f644107;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.panel-heading h2{font-size:15px;display:flex;align-items:center;gap:9px;letter-spacing:.1px}.step-number{font-size:10px;font-family:monospace;color:#8e9e83;font-weight:500;background:#eff2e9;padding:5px 6px;border-radius:6px;letter-spacing:.3px}.text-button{padding:7px 0;background:none;font-size:11px;font-weight:500;color:#78896c;min-height:30px}.text-button:hover{color:#294d33}.text-button>span{margin-left:4px}.textarea-wrap{background:#f7f8f2;border:1px solid #e8ebe1;border-radius:13px;transition:border-color .2s,box-shadow .2s}.textarea-wrap:focus-within{border-color:#9eb98c;box-shadow:0 0 0 3px #a8c79420}textarea{resize:vertical;display:block;width:100%;min-height:258px;max-height:600px;border:0;background:none;padding:20px 18px 10px;color:#445344;line-height:1.95;font-size:13px}textarea::placeholder{color:#a5ad9e;font-size:12px;line-height:2}.textarea-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px 14px;color:#a4ae9a;font-size:10px;line-height:1.5}#character-count{font-variant-numeric:tabular-nums;white-space:nowrap}.input-actions{display:flex;gap:12px;margin-top:20px}.clear-button{padding:12px 19px;background:transparent;border:1px solid #e1e6d8;border-radius:11px;color:#809073;font-size:12px;min-height:48px}.clear-button:hover{background:#f2f5eb}.primary-button{min-height:48px;border-radius:11px;background:var(--green);color:#f9fff0;display:flex;gap:9px;align-items:center;justify-content:center;font-size:13px;font-weight:600;padding:13px 21px;transition:background .2s,transform .2s}.primary-button:hover:not(:disabled){background:#21472f;transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button svg{width:17px;height:17px;stroke-width:1.6}.input-actions .primary-button{flex:1}.button-arrow{margin-left:auto}.input-actions .primary-button>svg:first-child{color:#c5ddac}.input-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;font-size:9px;color:#a1aa97;line-height:1.7}.input-bottom>span:first-child{display:flex;gap:4px;align-items:center}.input-bottom svg{width:12px;height:12px}.reference-tag{font-size:9px;border:1px solid #e5e9dd;color:#9aa68e;border-radius:5px;padding:4px 6px;white-space:nowrap}.result-card{padding-bottom:21px;min-height:454px}.result-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 4px}.empty-art{position:relative;height:184px;width:230px;margin-top:-5px}.empty-art:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:#eef2e5;left:45px;bottom:9px}.empty-mascot{width:218px;position:relative;margin:0 auto}.empty-bubble{position:absolute;top:6px;right:-12px;font-size:10px;background:#fffdf5;border:1px solid #e5e8dd;border-radius:9px 9px 9px 0;padding:8px 12px;z-index:1;transform:rotate(7deg)}.result-empty h3{font-size:16px;letter-spacing:.3px;margin-top:3px}.result-empty p{font-size:11px;line-height:1.9;color:#a3aa9c;margin-top:11px}.empty-tags{display:flex;justify-content:center;gap:9px;margin-top:20px}.empty-tags span{padding:5px 12px;font-size:10px;background:#f1f3eb;color:#a1ac94;border-radius:6px}.result-loading{text-align:center;min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center}.scanner-art{height:190px;width:190px;position:relative;border-radius:50%;background:#eef3e5}.scanner-art .mascot{width:220px;margin:-15px}.scan-line{position:absolute;left:12px;right:12px;top:10%;height:2px;background:#8db263;box-shadow:0 0 14px #a8d58a;animation:scan 2s ease-in-out infinite}.result-loading h3{font-size:16px;margin-top:23px}.result-loading p{font-size:11px;color:var(--muted);margin-top:10px}.loading-dots{display:flex;gap:7px;margin-top:18px}.loading-dots i{width:5px;height:5px;border-radius:50%;background:#a7bd8c;animation:pulse 1s infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}
.winner-card{display:flex;align-items:center;gap:4px;justify-content:space-between;background:#ecf2e3;border-radius:14px;padding:20px 14px 20px 20px;min-height:135px;margin-top:-3px}.winner-card.theme-bean{background:#f5e7d6}.winner-card.theme-human,.winner-card.theme-hybrid{background:#f8e6e2}.winner-card.theme-claude{background:#f9e6d9}.winner-card.theme-deepseek{background:#e9effb}.winner-card.theme-kimi{background:#e9eaf4}.winner-card.theme-qwen{background:#f0eaf9}.winner-card.theme-gemini{background:#e8f1f4}.winner-card>div:first-child{flex:1;min-width:0}.winner-kicker{font-size:9px;letter-spacing:1px;color:#8d987f}.winner-card h3{font-size:24px;letter-spacing:-.7px;margin-top:8px;line-height:1.4}.winner-card p:not(.winner-kicker){font-size:10px;color:#8b9380;line-height:1.8;margin-top:8px}.winner-card .mascot{width:126px;margin:-12px -13px -12px -4px}.uncertain-tag{display:inline-block;margin-top:7px;font-size:9px;color:#8b8468}.ranking-heading{display:flex;justify-content:space-between;align-items:center;margin:21px 1px 13px}.ranking-heading h3{font-size:11px;font-weight:650}.ranking-heading>span{font-size:9px;color:#a2ab99}.ranking-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.ranking-row{display:flex;align-items:center;gap:10px;animation:appear .4s both}.ranking-row:nth-child(2){animation-delay:.07s}.ranking-row:nth-child(3){animation-delay:.14s}.rank-number{font-size:9px;min-width:10px;color:#a7b09b;font-variant-numeric:tabular-nums}.rank-avatar{width:36px;height:36px;border-radius:11px;background:#eef2e5;flex-shrink:0;overflow:hidden}.rank-avatar .mascot{width:48px;margin:-6px}.rank-main{flex:1;min-width:0}.rank-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:600;margin-bottom:7px}.rank-label>span:last-child{font-size:11px;font-variant-numeric:tabular-nums;color:#5a6f4c}.rank-track{width:100%;height:4px;border-radius:9px;background:#edf0e7;overflow:hidden}.rank-fill{height:100%;width:var(--bar-width);border-radius:9px;background:#a3bd82;transition:width .5s ease}.ranking-row:first-child .rank-fill{background:#6e9360}.result-note{font-size:9px;color:#a6ad9c;line-height:1.7;margin-top:17px;padding-top:13px;border-top:1px dashed #e4e9db}
.little-guide{margin:57px 6px 0;display:grid;grid-template-columns:1fr 3fr;gap:40px;align-items:start}.little-guide .eyebrow{font-size:8px;letter-spacing:2px;color:#a4ae98}.little-guide h2{font-size:19px;line-height:1.7;letter-spacing:-.6px;margin-top:10px;color:#55674b}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.guide-grid article>span{font-size:9px;font-family:monospace;color:#adb99d}.guide-grid h3{font-size:12px;margin-top:12px;font-weight:600}.guide-grid p{font-size:10px;line-height:1.9;color:#9da691;margin-top:8px}.gentle-note{display:flex;justify-content:center;align-items:center;gap:8px;margin:36px 0 38px;color:#a2ac95;font-size:10px;line-height:1.8;text-align:center}.gentle-note svg{height:14px;width:14px;color:#b5beaa}.site-footer{border-top:1px solid #e3e8db;display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:83px;font-size:9px;color:#a4ae98}.footer-brand{font-size:15px;font-weight:700;color:#81916f;display:flex;align-items:baseline;gap:7px}.footer-brand>span{font-size:8px;letter-spacing:1.5px}.footer-dot{color:#8da978;font-size:13px;margin-left:4px}
dialog{border:1px solid #e0e5d8;border-radius:25px;background:var(--paper);color:var(--ink);padding:36px;max-width:calc(100vw - 32px);width:410px;box-shadow:0 28px 100px #243a2e30}dialog::backdrop{background:#233a2e45;backdrop-filter:blur(6px)}dialog[open]{animation:dialog-in .23s ease-out}.dialog-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:transparent;color:#8a977f}.dialog-close:hover{background:#eef2e6}.dialog-close svg{height:17px;width:17px}.invite-illustration{height:74px;width:132px;background:#e4edcf;border-radius:10px;margin:4px auto 27px;transform:rotate(-9deg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;outline:1px dashed #aabc8e;outline-offset:-7px;color:#739354}.invite-illustration svg{width:26px;height:26px}.invite-illustration span{font-size:6px;letter-spacing:2px;font-weight:700}.invite-dialog>.eyebrow{justify-content:center;font-size:9px;letter-spacing:1px}.invite-dialog h2{font-size:22px;letter-spacing:-1px;margin-top:9px;text-align:center}.dialog-description{font-size:11px;line-height:1.9;color:#919c85;margin-top:12px;text-align:center}.invite-dialog form{margin-top:25px}.invite-dialog label{font-size:11px;display:block;margin-bottom:9px;font-weight:600}.invite-dialog input{width:100%;min-height:48px;border:1px solid #dce4d2;background:#f5f7ef;border-radius:10px;padding:12px 14px;color:var(--ink);font-size:14px}.invite-dialog input:focus{border-color:#90ac75;box-shadow:0 0 0 3px #a8c79420}.invite-dialog input::placeholder{color:#adb69f;font-size:12px}.invite-dialog .primary-button{width:100%;margin-top:15px}.invite-fine-print{font-size:9px;text-align:center;color:#9fa991;line-height:1.8;margin-top:15px}.invite-dialog>#logout-button{display:block;margin:15px auto 0}.inline-error{font-size:11px;color:#b75e45;margin:10px 0 0;line-height:1.7}.discovery-dialog{text-align:center;background:#f7f4e8;padding:38px 30px 25px;width:390px;overflow:hidden}.discovery-dialog .eyebrow{justify-content:center;font-size:10px;letter-spacing:2px}.discovery-dialog h2{font-size:38px;margin-top:12px;font-weight:800;letter-spacing:-2px}.popup-mascot{width:260px;margin:-7px auto -15px;animation:bean-pop .7s ease-out both}.discovery-dialog>p:not(.eyebrow){font-size:12px;color:#8d9781;line-height:1.8}.discovery-dialog .primary-button{width:100%;margin-top:24px;background:#365838}.discovery-dialog small{display:block;font-size:9px;color:#a6ae99;margin-top:14px}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;color:#aac18b;font-size:24px;font-style:normal;animation:twinkle 1.5s infinite alternate}.confetti i:nth-child(1){top:116px;left:34px;transform:rotate(-15deg)}.confetti i:nth-child(2){top:150px;right:26px;color:#dea987;font-size:34px;animation-delay:.4s}.confetti i:nth-child(3){top:260px;left:38px;font-size:15px;color:#d2b493;animation-delay:.2s}.confetti i:nth-child(4){top:301px;right:53px;font-size:19px;animation-delay:.6s}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:13px 21px;line-height:1.8;font-size:12px;background:#2d473a;color:#f4f8ed;box-shadow:0 5px 24px #1b322b20;border-radius:14px;z-index:10;text-align:center}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-9px) rotate(-4deg)}}@keyframes scan{0%,100%{top:15%;opacity:.1}50%{top:85%;opacity:.9}}@keyframes pulse{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bean-pop{0%{opacity:0;transform:translateY(20px) rotate(-13deg) scale(.8)}60%{opacity:1;transform:translateY(-8px) rotate(6deg) scale(1.05)}100%{transform:translateY(0) rotate(0) scale(1)}}@keyframes twinkle{to{opacity:.4;scale:.8}}
@media(min-width:1280px){.hero{padding-top:48px;padding-bottom:53px}.hero h1{font-size:62px}.workspace{gap:24px}.panel{padding:28px}.hero-art{height:310px}.hero-mascot{width:320px}}
@media(max-width:900px){.wrap{padding:0 24px}.hero{gap:10px;padding:25px 5px 35px}.hero h1{font-size:49px}.hero-art{height:275px}.hero-mascot{width:270px}.orbit{width:230px;height:210px}.orbit-two{width:275px;height:160px}.sticker-one{left:0;top:20px;font-size:10px;padding:9px 12px}.sticker-two{bottom:30px;font-size:10px;padding:9px 12px}.hero-tags{gap:12px}.hero-tags>span{font-size:10px}.workspace{gap:16px}.panel{padding:23px 19px}.panel-heading h2{font-size:13px;gap:7px}.panel-heading{gap:6px}.text-button{font-size:10px}.textarea-footer{font-size:9px;padding:12px}.textarea-footer>span:first-child{max-width:135px}.input-actions{gap:8px}.primary-button{padding:13px 16px;font-size:12px}.clear-button{padding:12px 14px}.input-bottom{font-size:8px;gap:5px}.winner-card{padding-left:16px}.winner-card .mascot{width:100px;margin-right:-13px}.winner-card h3{font-size:20px}.little-guide{grid-template-columns:1fr 3fr;gap:25px}.guide-grid{gap:17px}.site-footer{font-size:8px;gap:12px}}
@media(max-width:680px){.wrap{padding:0 20px}.site-header{height:78px;gap:12px}.brand{font-size:23px;gap:8px}.brand-en{display:none}.brand-mark{width:32px;height:32px;border-radius:10px}.brand-mark svg{width:21px;height:21px}.beta{font-size:8px;padding:3px 5px}.site-header nav{gap:10px}.how-link{display:none}.pass-button{padding:9px 12px;font-size:10px;gap:6px;min-height:38px}.pass-button svg{width:15px;height:15px}.hero{grid-template-columns:1fr 120px;gap:0;min-height:0;padding:24px 1px 33px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:8px;letter-spacing:1.5px;gap:6px}.status-dot{height:5px;width:5px;box-shadow:0 0 0 3px #e5eedc}.hero h1{font-size:39px;line-height:1.32;letter-spacing:-1.7px;margin-top:15px}.title-highlight{gap:3px;white-space:nowrap}.title-highlight:before{height:13px;bottom:4px;right:25px}.title-highlight svg{width:22px;height:22px;margin-top:9px}.hero-description{font-size:11px;line-height:1.9;margin-top:15px;white-space:nowrap}.mobile-break{display:block}.hero-tags{gap:10px;margin-top:18px;flex-wrap:nowrap;width:calc(100vw - 42px)}.hero-tags>span{font-size:8px;gap:2px;white-space:nowrap}.hero-tags svg{height:10px;width:10px}.hero-art{height:180px;width:150px;margin-left:-24px;margin-top:1px;align-self:start;top:19px;pointer-events:none;opacity:.95}.hero-mascot{width:170px}.hero-art:before{width:108px;height:108px}.orbit{width:148px;height:119px}.orbit-two{width:163px;height:95px}.sticker-one{left:9px;top:10px;font-size:8px;padding:6px 9px;border-radius:6px;transform:rotate(8deg)}.sticker-two{bottom:13px;right:-6px;font-size:8px;padding:6px 8px;border-radius:6px}.sticker-two svg{width:12px;height:12px}.spark-one{font-size:17px;right:-4px;top:13px}.spark-two{font-size:18px;left:5px;bottom:35px}.art-caption{display:none}.workspace{grid-template-columns:1fr;gap:18px}.panel{padding:23px 20px;border-radius:20px}.panel-heading{margin-bottom:18px}.panel-heading h2{font-size:14px;gap:8px}.text-button{font-size:11px}.step-number{font-size:9px}.textarea-wrap{border-radius:12px}textarea{min-height:235px;font-size:14px;padding:17px 14px 7px;line-height:1.9}textarea::placeholder{font-size:12px}.textarea-footer{font-size:9px;padding:10px 13px 12px}.textarea-footer>span:first-child{max-width:180px}.input-actions{margin-top:17px;gap:10px}.primary-button{font-size:13px;min-height:49px}.clear-button{padding:13px 17px;font-size:12px;min-height:49px}.input-bottom{font-size:8px;margin-top:14px}.input-bottom svg{width:11px;height:11px}.result-card{min-height:390px}.result-empty{padding-bottom:3px}.empty-art{height:166px;margin-top:-6px}.empty-mascot{width:205px}.empty-art:before{height:123px;width:123px;left:54px}.empty-bubble{top:4px;right:2px}.result-empty h3{font-size:15px}.result-empty p{font-size:11px;margin-top:8px}.empty-tags{margin-top:17px}.winner-card{padding:18px;min-height:128px}.winner-card h3{font-size:23px}.winner-card .mascot{width:115px;margin-right:-13px}.winner-card p:not(.winner-kicker){font-size:10px}.ranking-heading{margin-top:21px}.ranking-list{gap:14px}.rank-avatar{width:37px;height:37px}.rank-avatar .mascot{width:49px}.rank-label{font-size:12px;margin-bottom:8px}.rank-label>span:last-child{font-size:12px}.rank-track{height:5px}.result-note{margin-top:17px;font-size:9px;padding-top:13px}.little-guide{margin:37px 1px 0;grid-template-columns:1fr;gap:22px}.little-guide>div:first-child{display:flex;align-items:center;gap:17px}.little-guide h2{margin:0;font-size:17px;line-height:1.6}.little-guide h2 br{display:none}.little-guide .eyebrow{font-size:7px;max-width:50px;line-height:1.8}.guide-grid{gap:15px}.guide-grid article>span{font-size:8px}.guide-grid h3{font-size:11px;margin-top:9px}.guide-grid p{font-size:9px;line-height:1.9;margin-top:7px}.gentle-note{margin:26px 1px 27px;font-size:9px;align-items:flex-start;gap:5px;text-align:left}.gentle-note svg{width:12px;height:12px;margin-top:2px}.site-footer{padding-top:19px;padding-bottom:22px;min-height:0;flex-wrap:wrap;gap:10px 16px;justify-content:space-between}.site-footer>span:nth-child(2){display:none}.footer-brand{font-size:13px}.footer-brand>span{font-size:7px}.site-footer>span{font-size:8px}.invite-dialog{padding:33px 25px 26px;width:365px}.invite-dialog h2{font-size:22px}.dialog-description{font-size:11px}.discovery-dialog{padding:35px 25px 25px;width:350px}.discovery-dialog h2{font-size:35px}.popup-mascot{width:235px}.toast{bottom:18px;width:max-content;font-size:11px;padding:12px 17px}}
@media(max-width:360px){.wrap{padding:0 15px}.hero{grid-template-columns:1fr 100px}.hero h1{font-size:35px}.hero-art{width:128px;margin-left:-20px}.hero-mascot{width:150px}.hero-tags{gap:7px}.hero-tags>span{font-size:7px}.panel{padding:20px 16px}.hero-description{font-size:10px}.brand{font-size:21px}.pass-button{font-size:9px;padding:9px 10px}.winner-card h3{font-size:21px}.winner-card .mascot{width:95px}.input-bottom{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-copy{min-width:0}
.empty-art{height:200px}.empty-mascot{width:200px}
@media(max-width:680px){.hero{grid-template-columns:minmax(0,1fr) 120px;overflow:clip}textarea,.invite-dialog input{font-size:16px}.empty-art{height:184px}.empty-mascot{width:188px}.dialog-close{width:44px;height:44px;top:8px;right:8px}.pass-button{min-height:42px}}
@media(max-width:360px){.hero{grid-template-columns:minmax(0,1fr) 100px}}

.discovery-dialog.theme-human{background:#f8ece7}.discovery-dialog.theme-openai{background:#edf3e6}.discovery-dialog.theme-claude{background:#f9ece2}.discovery-dialog.theme-deepseek{background:#edf2fa}.discovery-dialog.theme-kimi{background:#eeedf6}.discovery-dialog.theme-qwen{background:#f2edfa}.discovery-dialog.theme-gemini{background:#eaf4f5}.discovery-dialog.theme-hybrid{background:#f4ece8}

/* Quiet, focused interface; illustrations stay expressive inside the result. */
:root{--bg:#f8faf6;--paper:#fff;--ink:#24342a;--muted:#7c887e;--line:#e5eae1;--radius:20px}
.site-header{height:84px}.brand-mark{width:31px;height:31px;border-radius:9px;transform:none}.brand-mark svg{width:21px;height:21px}.brand{font-size:23px}.brand-en{font-size:9px}.beta{display:none}.pass-button{background:#fff;border-color:#e0e6da}
.hero{grid-template-columns:minmax(0,1fr) 210px;gap:40px;padding:28px 5px 38px;min-height:0}.hero h1{font-size:47px;letter-spacing:-2px;margin-top:14px;line-height:1.4}.hero h1>br{display:none}.title-highlight{gap:0;display:inline}.title-highlight:before,.title-highlight svg{display:none}.hero-description{font-size:14px;margin-top:13px;line-height:1.9}.hero-tags{margin-top:18px;gap:21px}.hero-art{height:190px;width:210px;margin:0}.hero-mascot{width:195px;animation:none;transform:rotate(-6deg)}.hero-art:before,.orbit,.art-sticker,.art-spark,.art-caption{display:none}.eyebrow{font-size:10px;letter-spacing:1.4px}
.panel{box-shadow:0 6px 28px #2c442005;padding:25px 26px}.panel-heading h2{font-size:14px}.panel-heading{margin-bottom:20px}.step-number{background:#f2f5ee;color:#8b9c80;font-size:9px}.textarea-wrap{background:#fafbf7;border-color:#e8ece2}textarea{min-height:265px;font-size:15px}textarea::placeholder{font-size:13px;color:#9aa493}.textarea-footer{font-size:10px}.input-bottom{font-size:10px;color:#8c9882}.input-actions{margin-top:18px}.primary-button{border-radius:10px;min-height:49px}.clear-button{border-radius:10px}.text-button{font-size:11px}.result-card{min-height:450px}.winner-card{background:#f1f5ea;padding:18px 17px 18px 20px}.winner-card h3{font-size:24px}.winner-card p:not(.winner-kicker){font-size:11px}.winner-card .mascot{width:116px}.ranking-heading h3{font-size:12px}.ranking-heading>span{font-size:10px}.rank-label,.rank-label>span:last-child{font-size:12px}.rank-label>span:last-child{font-variant-numeric:tabular-nums;font-weight:650}.rank-track{height:4px}.ranking-list{gap:13px}.rank-number{font-size:10px}.rank-avatar{background:#f3f6ed}.ranking-heading{margin-top:22px}.result-note{font-size:10px;color:#8d9983;line-height:1.8}.winner-kicker{font-size:10px}.reference-tag{border:0;background:#f3f5ee;padding:5px 7px}.result-empty h3{font-size:15px}.result-empty p{font-size:12px;color:#95a08d}.empty-bubble{display:none}.empty-art:before{background:#f1f5e9}
.little-guide{margin:32px 5px 0;display:block}.little-guide>div:first-child{display:none}.guide-grid{gap:36px}.guide-grid article{display:grid;grid-template-columns:27px 1fr;column-gap:6px;align-items:baseline}.guide-grid article>span{grid-row:1/3}.guide-grid h3{font-size:11px;margin-top:0}.guide-grid p{font-size:10px;grid-column:2;margin-top:6px}.gentle-note{margin:25px 0 29px;font-size:10px}.site-footer{min-height:72px}
.feedback-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:10px;color:#8a957f}.feedback-row>div{display:flex;gap:7px}.feedback-button{border:1px solid #e0e6d9;background:transparent;min-height:34px;padding:7px 11px;border-radius:8px;font-size:11px;color:#6b7c5f;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:background .15s,border-color .15s}.feedback-button svg{width:13px;height:13px}.feedback-button:hover{background:#edf3e5}.feedback-button.is-selected{background:#e8f0dd;border-color:#aabc93;color:#35502c}.feedback-button[data-feedback=incorrect].is-selected{background:#f8ebe5;border-color:#d3b5a1;color:#986851}.feedback-note{font-size:10px;color:#81946b;line-height:1.7;margin-top:9px;text-align:center}.popup-feedback{justify-content:center;flex-direction:column;gap:8px;margin-top:16px}.popup-feedback .feedback-button{min-height:38px;padding:8px 19px;background:#ffffff70}.discovery-dialog{padding:34px 28px 24px;background:#fbfcf6}.discovery-dialog h2{font-size:32px;letter-spacing:-1.4px;line-height:1.4}.discovery-dialog .eyebrow{font-size:10px}.popup-mascot{width:220px;margin:0 auto -4px}.discovery-dialog>p:not(.eyebrow){font-size:12px;line-height:1.8}.discovery-dialog .discovery-probability{font-size:11px!important;color:#6b8056;margin-top:11px;font-variant-numeric:tabular-nums}.discovery-dialog .primary-button{margin-top:18px}.discovery-dialog .feedback-note{font-size:10px!important}.discovery-dialog.theme-uncertain{background:#f3f3fa}.winner-card.theme-uncertain{background:#f1f0f6}.winner-card.theme-uncertain h3{font-size:23px}.uncertain-mascot{position:relative;aspect-ratio:1;width:100%;flex-shrink:0}.uncertain-mascot>.mascot{position:absolute;width:73%;left:-5%;top:17%;transform:rotate(-10deg)}.uncertain-mascot>.mascot:nth-child(2){left:auto;right:-7%;top:24%;transform:rotate(10deg)}.uncertain-question{position:absolute;left:43%;top:5%;display:grid;place-items:center;background:#fff;width:28px;height:33px;border-radius:10px;color:#9a91ad;font-size:23px;font-weight:750;transform:rotate(7deg);box-shadow:0 4px 14px #5142630c}.winner-card>.uncertain-mascot{width:116px;margin:-10px -6px -10px 0}.winner-card .uncertain-mascot>.mascot{width:73%;margin:0}.winner-card .uncertain-question{width:22px;height:26px;font-size:18px}.discovery-dialog .uncertain-question{width:38px;height:45px;font-size:32px}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr) 160px;gap:20px}.hero h1{font-size:40px}.hero-art{width:160px;height:160px}.hero-mascot{width:165px}.panel{padding:23px 20px}.input-bottom{font-size:9px}.hero-description{font-size:12px}.hero-tags{gap:14px}}
@media(max-width:680px){.site-header{height:73px}.brand{font-size:22px}.hero{grid-template-columns:minmax(0,1fr) 85px;gap:8px;padding:23px 1px 29px;overflow:clip}.hero h1{font-size:34px;line-height:1.38;margin-top:12px;letter-spacing:-1.7px}.title-highlight{display:block;white-space:nowrap}.hero h1>br{display:none}.hero-description{font-size:11px;line-height:1.9;margin-top:12px;white-space:normal}.hero-description .mobile-break{display:none}.hero-art{width:100px;height:120px;top:29px;margin-left:-13px}.hero-mascot{width:113px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-tags{gap:12px;margin-top:16px}.hero-tags>span{font-size:8px}.hero-tags svg{width:10px;height:10px}.panel{padding:22px 20px;border-radius:18px}.workspace{gap:17px}.panel-heading{margin-bottom:17px}.panel-heading h2{font-size:14px}textarea{font-size:16px;min-height:226px}textarea::placeholder{font-size:12px}.textarea-footer{font-size:9px}.input-bottom{font-size:8px}.result-card{min-height:390px}.rank-label,.rank-label>span:last-child{font-size:12px}.feedback-button{min-height:40px;padding:9px 13px}.feedback-row{font-size:10px}.result-note{font-size:9px}.winner-card{padding-left:16px}.winner-card h3{font-size:22px}.winner-card .mascot{width:105px}.winner-card>.uncertain-mascot{width:105px}.winner-card.theme-uncertain h3{font-size:21px}.winner-card p:not(.winner-kicker){font-size:10px}.winner-card .uncertain-mascot>.mascot{width:73%}.little-guide{margin:25px 0 0}.guide-grid{gap:16px}.guide-grid article{display:block}.guide-grid h3{margin-top:8px;font-size:10px}.guide-grid p{font-size:9px}.gentle-note{font-size:9px;margin:24px 0}.site-footer{min-height:0;padding-top:19px;padding-bottom:22px}.discovery-dialog{padding:32px 24px 23px;max-height:calc(100dvh - 24px);overflow-y:auto}.discovery-dialog h2{font-size:30px}.popup-mascot{width:205px}.discovery-dialog .feedback-button{min-height:42px}.discovery-dialog .discovery-probability{font-size:10px!important}.discovery-dialog>p:not(.eyebrow){font-size:11px}.popup-feedback{gap:7px;margin-top:13px}}
@media(max-width:360px){.hero{grid-template-columns:minmax(0,1fr) 62px}.hero h1{font-size:30px}.hero-mascot{width:97px}.hero-art{width:80px;margin-left:-14px}.panel{padding:20px 16px}.hero-tags{gap:7px}.hero-tags>span{font-size:7px}.winner-card.theme-uncertain h3{font-size:19px}.winner-card>.uncertain-mascot{width:94px}}

/* Doubao brand identification uses the official female avatar. */
.art-bean{background-image:url("/static/assets/doubao-official-icon.png");background-size:contain;background-position:center}
.rank-avatar .art-bean{background-image:url("/static/assets/doubao-official-icon.png");background-size:contain;background-position:center}

/* Playful illustration based on the official short-haired female avatar. */
.art-bean{background-image:url("/static/assets/doubao-girl.png");background-size:contain;background-position:center}
.rank-avatar .art-bean{background-image:url("/static/assets/doubao-official-icon.png");background-size:contain;background-position:center}