:root{--mint: #A8D8B9;--beige: #F5E6CC;--fog: #7EB8C9;--mint-deep: #7FBF9A;--ink: #2C3E3A;--ink-soft: #5C6B66;--bg: #FBF8F2;--card: #FFFFFF;--shadow: 0 4px 20px rgba(44, 62, 58, .08);--radius: 16px;--radius-sm: 10px;--maxw: 480px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--fog)}.app-shell{max-width:var(--maxw);margin:0 auto;min-height:100vh;padding:24px 20px 48px;display:flex;flex-direction:column}.brand-title{font-size:22px;font-weight:700;letter-spacing:.5px;color:var(--ink);margin:0}.brand-sub{font-size:13px;color:var(--ink-soft);margin:4px 0 0}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .12s ease;text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--mint);color:var(--ink)}.btn-secondary{background:var(--beige);color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--mint)}.btn:disabled{opacity:.5;cursor:not-allowed}.disclaimer{font-size:12px;line-height:1.7;color:var(--ink-soft);background:#a8d8b924;border-radius:var(--radius-sm);padding:12px 14px}.muted{color:var(--ink-soft);font-size:13px}.center{text-align:center}.stack>*+*{margin-top:16px}.stack-sm>*+*{margin-top:8px}.progress-track{height:6px;background:#7eb8c92e;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--mint);border-radius:999px;transition:width .3s ease}.countdown{font-variant-numeric:tabular-nums;font-weight:700;color:var(--fog)}.likert-options{display:flex;flex-direction:column;gap:10px}.likert-opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;transition:border-color .12s ease,background .12s ease}.likert-opt.selected{border-color:var(--mint);background:#a8d8b92e}.likert-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--fog);flex-shrink:0}.likert-opt.selected .likert-dot{background:var(--mint);border-color:var(--mint)}.binary-grid{display:grid;grid-template-columns:1fr;gap:12px}.binary-opt{padding:22px 18px;border-radius:var(--radius);border:2px solid var(--beige);background:var(--card);cursor:pointer;text-align:left;font-size:16px;font-weight:500;transition:border-color .12s ease,transform .12s ease,background .12s ease}.binary-opt:active{transform:scale(.98)}.binary-opt.selected{border-color:var(--mint);background:#a8d8b933}.result-hero{text-align:center;padding:8px 0 4px}.archetype-name{font-size:30px;font-weight:800;color:var(--mint-deep);margin:8px 0 2px}.archetype-slogan{font-size:15px;color:var(--ink-soft);letter-spacing:1px}.dim-bar-row{display:flex;align-items:center;gap:10px;font-size:14px}.dim-bar-label{width:84px;flex-shrink:0;color:var(--ink-soft)}.dim-bar-track{flex:1;height:8px;background:#7eb8c92e;border-radius:999px;overflow:hidden}.dim-bar-fill{height:100%;background:var(--mint);border-radius:999px}.dim-bar-val{width:34px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.dept-card{background:linear-gradient(135deg,#a8d8b92e,#f5e6cc66);border-radius:var(--radius);padding:16px 18px}.dept-name{font-size:18px;font-weight:700;color:var(--ink)}.qr-wrap{text-align:center}.qr-wrap img{max-width:200px;width:100%;border-radius:var(--radius-sm)}.canvas-host{width:100%;display:flex;justify-content:center}.canvas-host canvas{max-width:100%;height:auto;border-radius:var(--radius-sm)}.fade-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}