#root{min-height:100vh}@font-face{font-family:GenSenRounded;src:url(https://lab.helloruru.com/fonts/GenSenRounded-R.ttf)format("truetype");font-display:swap}:root{color:#382f2c;font-synthesis:none;background:#fffaf8;font-family:GenSenRounded,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(145deg,#fffaf8,#f8eff3);min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.app-shell,.results{width:min(100% - 32px,760px);margin:0 auto;padding:48px 0 64px}header{margin-bottom:20px}h1{letter-spacing:-.06em;margin:4px 0 10px;font-size:clamp(2rem,6vw,3rem)}h2{margin:0 0 14px;font-size:1.1rem}p{line-height:1.7}.eyebrow{color:#855c71;letter-spacing:.08em;margin:0;font-size:.9rem;font-weight:700}.progress,.bar{background:#ecdfe4;border-radius:999px;height:8px;overflow:hidden}.progress i,.bar i{border-radius:inherit;background:linear-gradient(90deg,#d4a5a5,#b8a9c9);height:100%;transition:width .25s;display:block}.agent-toggle{align-items:center;gap:8px;width:fit-content;margin:18px 0;font-size:.92rem;display:flex}input{accent-color:#8a6578}.question-card,.agent-panel,.result-card,.insight-grid article{background:#ffffffd1;border:1px solid #eadce0;border-radius:20px;box-shadow:0 10px 32px #6d595414}.question-card{padding:clamp(20px,5vw,38px)}.meta-row{color:#855c71;justify-content:space-between;gap:10px;font-size:.86rem;font-weight:700;display:flex}blockquote{background:#fff7f7;border-left:4px solid #d4a5a5;border-radius:0 12px 12px 0;margin:24px 0;padding:14px 18px;line-height:1.75}.question-card h2{font-size:clamp(1.1rem,4vw,1.35rem);line-height:1.6}.choices{gap:10px;margin:22px 0;display:grid}.choice{text-align:left;color:inherit;background:#fff;border:1px solid #e7d8dd;border-radius:12px;padding:14px 16px;line-height:1.5}.choice:hover:not(:disabled),.choice.selected{background:#fff3f6;border-color:#a77590}.choice.selected{box-shadow:0 0 0 2px #efd5de}.choice:disabled{cursor:default}.choice.correct{background:#edf8f1;border-color:#438367}.choice.wrong{background:#fff0f1;border-color:#b54d57}.primary-button,.secondary-button,.text-button{border:0;border-radius:12px;padding:13px 18px;font-weight:700}.primary-button{color:#fff;background:#77566a;width:100%}.primary-button:disabled{cursor:not-allowed;opacity:.45}.secondary-button{color:#604653;background:#efdfe5}.text-button{color:#77566a;background:0 0}.answer-feedback{text-align:left;border-radius:14px;margin-top:18px;padding:18px}.answer-feedback p{margin:8px 0 16px}.correct-feedback{color:#285c44;background:#edf8f1}.wrong-feedback{color:#843e48;background:#fff0f1}.agent-panel{margin-top:20px;padding:24px}.agent-panel>p{color:#776a6e;margin-top:-8px;font-size:.9rem}.agent-panel ol{gap:14px;padding-left:22px;display:grid}.agent-panel li{padding-left:6px}.agent-panel strong,.agent-panel span{font-size:.9rem;display:block}.agent-panel p{margin:4px 0;font-size:.9rem}.answer{margin-top:3px}.good{color:#35705a}.weak{color:#aa5961}.results{text-align:center}.score{justify-items:center;margin:24px 0 30px;display:grid}.score strong{color:#715263;letter-spacing:-.1em;font-size:clamp(5rem,22vw,8rem);line-height:.8}.score span{color:#8b7b80;margin-top:10px;font-weight:700}.score b{color:#fff;background:#95738a;border-radius:999px;margin-top:12px;padding:7px 12px}.result-card{text-align:left;padding:24px}.skill-row{grid-template-columns:86px 1fr 54px;align-items:center;gap:10px;margin:14px 0;font-size:.9rem;display:grid}.skill-row b{text-align:right;font-size:.8rem}.skill-row em{color:#816f75;grid-column:2/4;font-style:normal}.insight-grid{text-align:left;gap:14px;margin-top:14px;display:grid}.insight-grid article{padding:20px}.insight-grid p{margin:0}.app-bridge{text-align:left;background:#ffffffad;border:1px solid #eadce0;border-radius:16px;margin-top:14px;padding:18px 20px}.app-bridge summary{cursor:pointer;color:#604653;font-weight:700}.app-bridge p,.app-bridge ol{margin:12px 0 0}.app-bridge li{margin:6px 0}.result-actions{gap:10px;max-width:420px;margin:24px auto 10px;display:grid}.growth-note{color:#816f75;font-size:.83rem}@media (width>=640px){.insight-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=420px){.app-shell,.results{width:min(100% - 24px,760px);padding-top:30px}.meta-row{display:grid}.skill-row{grid-template-columns:78px 1fr 30px;gap:7px;font-size:.82rem}}.share-overlay{z-index:10;background:#382f2c8f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.share-modal{background:#fffaf8;border-radius:20px;width:min(100%,420px);padding:18px;box-shadow:0 20px 70px #00000042}.share-modal h2{text-align:center}.share-modal img{border:1px solid #eadce0;border-radius:12px;width:100%;display:block}.close-button{margin-left:auto;padding:5px 8px;display:block}.download-button{text-align:center;margin-top:14px;text-decoration:none;display:block}.demo-controls{flex-wrap:wrap;gap:8px;margin:16px 0 8px;display:flex}.mode-button{color:#77566a;background:#fff;border:1px solid #dac8d0;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.mode-button.active{color:#fff;background:#77566a;border-color:#77566a}.decision-status{color:#705d66;background:#f0e5e9;border-radius:8px;margin:0 0 12px;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-block}.decision-status.ai{color:#285c44;background:#e7f4eb}.decision-status.fallback{color:#8a4c3d;background:#fff0e9}