:root{color:#111317;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111317;--muted:#66706c;--paper:#fffefa;--paper-soft:#f5f3ea;--line:#1113171f;--line-strong:#1113173d;--theme:#76bd8e;--theme-strong:#347f5e;--theme-soft:#e5f6eb;--theme-complement:#c98b9f;--mint:var(--theme);--coral:#ff6848;--blue:#4f8d70;--violet:#7b3ff2;--gold:#f6b73c;--danger:#c0264e;--shadow:0 24px 72px #1113171f;--shadow-lift:0 28px 86px #1113172e;background:#faf9f4;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(115deg,#76bd8e29,#0000 34%),linear-gradient(245deg,#c98b9f21,#0000 38%),repeating-linear-gradient(90deg,#11131709 0 1px,#0000 1px 72px),#faf9f4;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{border:0}h1,h2,h3,h4,p{margin-top:0}h1{color:var(--theme-strong);letter-spacing:0;margin-bottom:0;font-size:clamp(28px,4vw,52px);line-height:.98}h2{color:var(--theme-strong);letter-spacing:0;margin-bottom:12px;font-size:22px;line-height:1.18}h3{color:var(--theme-strong);letter-spacing:0;margin-bottom:10px;font-size:16px}.app{width:min(1220px,100% - 32px);margin:0 auto;padding:18px 0 64px}.app-header,.admin-head,.section-title,.nav-row,.button-row,.progress-meta,.dimension-labels,.modal-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.app-header{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffefac2;border-radius:8px;justify-content:flex-start;margin-bottom:18px;padding:8px;position:relative;box-shadow:0 14px 42px #11131714}.brand-lockup{max-width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border-radius:6px;padding:9px 10px;display:block}.brand-lockup strong{overflow-wrap:anywhere;color:var(--theme-strong);font-size:15px;line-height:1.25;display:block}.brand-lockup span{color:var(--muted);margin-top:3px;font-size:12px;font-weight:850;display:block}.page-shell{min-height:640px}.panel-in{animation:.38s cubic-bezier(.2,.8,.2,1) both panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--theme-strong);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.start-stage{place-items:center;min-height:calc(100vh - 132px);padding:36px 0;display:grid;position:relative}.start-stage:before,.start-stage:after{z-index:-1;content:"";border:1px solid #1113171a;width:min(48vw,520px);height:min(28vh,240px);position:absolute}.start-stage:before{background:linear-gradient(135deg,#c98b9fc7,#f6b73cad);top:8%;left:0;transform:rotate(-8deg)}.start-stage:after{background:linear-gradient(135deg,#76bd8ec2,#347f5e94);bottom:10%;right:0;transform:rotate(7deg)}.floating-window,.quiz-panel,.result-hero,.analysis-panel,.content-card,.login-card,.empty-state,.submission-panel,.admin-empty,.detail-modal,.confirm-modal{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefae6;border-radius:8px}.entry-panel{gap:18px;width:min(520px,100%);padding:clamp(22px,4vw,38px);display:grid}.form-head{align-items:flex-start;gap:14px;margin-bottom:4px;display:flex}.form-head p,.detail-panel p,.modal-head p{color:var(--muted);margin-bottom:0;line-height:1.55}.step-mark{color:#fff;background:var(--theme-strong);border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.field,.cap-field,label{color:#4f5855;gap:7px;font-size:13px;font-weight:850;display:grid}.field.invalid input,.cap-field.invalid .cap-box,.cap-field.invalid .cap-fallback{border-color:var(--danger);box-shadow:0 0 0 3px #c0264e1f}.field-error{color:var(--danger);font-size:12px;line-height:1.35}input,select,textarea{width:100%;color:var(--ink);background:#ffffffeb;border:1px solid #11131733;border-radius:8px;transition:border-color .18s,box-shadow .18s,background .18s}input,select{min-height:42px;padding:0 12px}textarea{resize:vertical;min-height:104px;padding:10px;line-height:1.6}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--theme-strong)}input:focus,select:focus,textarea:focus{border-color:var(--theme-strong);outline:none;box-shadow:0 0 0 3px #76bd8e3d}.cap-box,.cap-fallback{background:#ffffffe0;border:1px solid #11131729;border-radius:8px;min-height:48px}.cap-box{gap:8px;padding:10px;display:grid}.cap-fallback{color:var(--muted);place-items:center;padding:12px;font-size:13px;display:grid}.cap-fallback.danger{color:var(--danger);background:#ffeef2e0}cap-widget{--cap-background:#fffefa;--cap-border-color:#11131729;--cap-border-radius:8px;--cap-color:#111317;--cap-font:Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--cap-spinner-color:var(--theme-strong);max-width:100%}.primary-action,.secondary-action,.ghost-action{cursor:pointer;border-radius:8px;min-height:42px;padding:0 18px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.primary-action{color:#fff;background:var(--theme-strong);box-shadow:0 14px 32px #347f5e3d}.primary-action.compact,.secondary-action.compact{min-height:38px}.primary-action.danger{background:var(--danger)}.secondary-action{color:var(--ink);background:#fff;border:1px solid #11131733}.ghost-action{color:#59645f;background:0 0}.primary-action:hover,.secondary-action:hover,.ghost-action:hover{transform:translateY(-2px)}.primary-action:hover{box-shadow:0 20px 42px #347f5e47}.danger-text{color:var(--danger)}button:disabled,input:disabled{cursor:not-allowed;opacity:.48;transform:none}.notice{border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.55}.notice.danger{color:#9f1239;background:#ffe4ea}.notice.soft{color:#31544f;background:#e4faf4}.duplicate-notice{text-align:left;margin:20px 0 24px}.quiz-panel{padding:clamp(20px,4vw,34px)}.progress-meta{color:var(--muted);margin-bottom:9px;font-size:13px}.progress-track{background:#11131714;border:1px solid #11131714;border-radius:999px;height:10px;overflow:hidden}.progress-track div{border-radius:inherit;background:var(--theme-strong);height:100%;transition:width .26s cubic-bezier(.2,.8,.2,1)}.question-head{flex-wrap:wrap;gap:8px;margin:26px 0 14px;display:flex}.badge,.character-tag,.risk,.player-chip,.result-pill{border-radius:6px;align-items:center;min-height:30px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.badge{color:var(--theme-strong);background:var(--theme-soft)}.character-tag{color:#8c2f17;background:#ffe4da}.scenario{border-left:5px solid var(--theme-strong);color:#202527;background:#ffffffb8;border-radius:8px;margin-bottom:24px;padding:20px;line-height:1.78}.rating-group{border:0;margin:0 0 22px;padding:0}.rating-group legend{color:#22282a;margin-bottom:10px;font-weight:950}.rating-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.rating-option{color:#46504c;cursor:pointer;background:#fff;border:2px solid #1113171f;border-radius:8px;min-height:90px;padding:12px 8px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.rating-option:hover,.type-card:hover,.submission-row:hover{border-color:#11131761;transform:translateY(-4px);box-shadow:0 18px 34px #1113171f}.rating-option strong,.rating-option span{display:block}.rating-option strong{color:var(--ink);margin-bottom:6px;font-size:21px}.rating-option span{overflow-wrap:anywhere;font-size:13px;line-height:1.36}.rating-option.selected.primary,.rating-option.selected.neutral{border-color:var(--theme-strong);color:var(--ink);background:linear-gradient(135deg,#76bd8e2e,#c98b9f1f),#fff;box-shadow:0 18px 34px #347f5e26}.nav-row{color:var(--muted);margin-top:28px}.result-layout{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:16px;display:grid}.result-hero,.analysis-panel,.content-card,.empty-state{padding:clamp(20px,3vw,30px)}.result-hero{text-align:center}.player-chip{color:#39433f;background:#efeadc}.result-code{color:var(--theme-strong);margin:16px 0 8px;font-size:clamp(46px,7vw,76px);font-weight:950;line-height:.92}.result-en{color:var(--muted)}.risk.green{color:#125742;background:#ddfaec}.risk.yellow{color:#7b4d00;background:#fff1c2}.risk.red{color:#991b1b;background:#fee2e2}blockquote{color:#3f4b47;background:#f6f3e9;border-radius:8px;margin:18px 0;padding:16px;line-height:1.65}.confidence-row{align-items:center;gap:18px;margin-bottom:24px;display:flex}.confidence-row.compact{margin-bottom:18px}.confidence-ring{background:radial-gradient(circle at center, #fffefa 56%, transparent 57%), conic-gradient(var(--theme-strong) calc(var(--pct) * 1%), #1113171f 0);border-radius:50%;flex:none;place-items:center;width:88px;height:88px;display:grid}.confidence-ring.small{width:64px;height:64px}.confidence-ring span{font-size:20px;font-weight:950}.confidence-ring.small span{font-size:15px}.dimension-list{gap:16px;display:grid}.dimension-item p{color:var(--muted);text-align:center;margin:6px 0 0;font-size:13px}.dimension-labels{color:var(--muted);margin-bottom:8px;font-size:13px}.dimension-track{background:linear-gradient(90deg, var(--theme), var(--theme-complement));border-radius:999px;height:10px;position:relative}.dimension-track div{background:var(--theme-strong);border:3px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:-5px;transform:translate(-50%);box-shadow:0 4px 12px #347f5e3d}.profile-section,.button-section{grid-column:1/-1}.profile-section p,.profile-list li,.profile-note p,.modal-body p,.answer-card p{color:#3d4a46;line-height:1.75}.profile-note strong{color:var(--theme-strong)}.profile-list ul{padding-left:20px}.type-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:16px;display:grid}.type-card{min-height:108px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #1113171f;border-radius:8px;padding:18px 14px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.type-card strong,.type-card span{display:block}.type-card strong{overflow-wrap:anywhere;color:var(--theme-strong);font-size:24px;line-height:1.05}.type-card span{color:var(--muted);margin-top:10px;font-size:13px;font-weight:850}.login-shell{place-items:center;min-height:560px;display:grid}.login-card{gap:16px;width:min(420px,100%);padding:30px;display:grid}.admin-shell{gap:18px;display:grid}.admin-empty{padding:28px}.admin-empty h2{margin-bottom:0}.admin-stats-panel,.admin-results-panel,.admin-detail-hero{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefae6;border-radius:8px}.admin-stats-panel{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px;display:grid}.admin-results-panel,.admin-detail-hero{padding:18px}.search-toolbar{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:10px;margin-bottom:16px;display:grid}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.stat{background:#ffffffb8;border:1px solid #1113171c;border-radius:8px;min-width:108px;padding:13px 15px}.admin-stats-panel .stat{min-width:0;padding:11px 12px}.stat span{color:var(--muted);font-size:12px;display:block}.stat strong{color:var(--theme-strong);margin-top:4px;font-size:20px;display:block}.answer-detail,.submission-list,.admin-records,.answer-browser{gap:12px;display:grid}.admin-records.grid,.answer-browser.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin-record-card{width:100%;color:var(--ink);background:#fff;border:1px solid #1113171f;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.record-main{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 12px;padding:4px;display:grid}.record-main span{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-size:13px}.record-main .record-name,.record-main .record-code{color:var(--theme-strong);font-weight:950}.record-main .risk{justify-content:center;width:fit-content}.record-main .record-name{font-size:18px}.admin-records.grid .record-main{grid-template-columns:1fr}.empty-copy{color:var(--muted);margin:10px 0 0}.check-cell{place-items:center;display:grid}.result-pill{color:#fff;background:var(--theme-strong)}.answer-card{background:#fff;border:1px solid #1113171c;border-radius:8px;padding:13px}.answer-card summary{cursor:pointer;justify-content:space-between;gap:12px;display:flex}.answer-line{color:#59645f;border-top:1px solid #11131714;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;display:grid}.answer-line strong{color:var(--ink)}.detail-identity,.detail-analysis-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:16px;display:grid}.detail-identity h1{margin-bottom:6px}.detail-summary-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-top:16px;display:grid}.detail-analysis-grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:start}.detail-management-note{background:#76bd8e1a;border:1px solid #347f5e2e;border-radius:8px;margin-top:16px;padding:16px}.detail-management-note strong{color:var(--theme-strong)}.detail-management-note p{color:#3d4a46;margin:8px 0 0;line-height:1.75}.dimension-list.compact{gap:10px}.answer-stage-list{gap:20px;display:grid}.answer-stage-group{gap:12px;display:grid}.section-title.compact{margin-top:4px}.section-title.compact h3{margin-bottom:0}.section-title.compact span{color:var(--muted);font-size:13px;font-weight:850}.answer-preview{min-height:130px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #1113171f;border-radius:8px;gap:8px;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.answer-preview:hover,.admin-record-card:hover{border-color:#11131757;transform:translateY(-3px);box-shadow:0 18px 34px #1113171a}.answer-preview strong{color:var(--theme-strong);font-size:18px}.answer-tag{width:fit-content;color:var(--theme-strong);background:var(--theme-soft);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:950}.answer-preview small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.answer-preview div{flex-wrap:wrap;gap:6px;display:flex}.answer-preview em{color:#30413d;background:#eff8f4;border-radius:6px;padding:5px 8px;font-size:12px;font-style:normal;font-weight:850}.infinite-loader{width:100%;min-height:44px;color:var(--theme-strong);cursor:pointer;background:#e5f6eb7a;border:1px dashed #347f5e47;border-radius:8px;justify-content:center;align-items:center;gap:9px;font-weight:900;display:inline-flex}.infinite-loader span{border:3px solid #347f5e2e;border-top-color:var(--theme-strong);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite loader-spin}.infinite-loader em{font-style:normal}@keyframes loader-spin{to{transform:rotate(360deg)}}.question-modal-body{gap:10px;display:grid}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11131761;place-items:center;padding:22px;animation:.18s both modal-fade-in;display:grid;position:fixed;inset:0}.modal-backdrop.closing{animation:.18s both modal-fade-out}.detail-modal,.confirm-modal{width:min(760px,100%);max-height:min(780px,100vh - 44px);padding:clamp(20px,3vw,28px);animation:.22s cubic-bezier(.2,.9,.22,1.2) both modal-pop-in;overflow:auto}.modal-backdrop.closing .detail-modal,.modal-backdrop.closing .confirm-modal{animation:.18s both modal-pop-out}.confirm-modal{gap:14px;width:min(460px,100%);display:grid}.modal-body{margin-top:18px}.modal-profile{gap:6px;display:grid}@keyframes modal-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}@keyframes modal-fade-out{0%{opacity:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-pop-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.97)}}.screen-transition{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#faf9f4f5;animation:.42s both screen-fade;position:fixed;inset:0}@keyframes screen-fade{0%{opacity:0}42%,58%{opacity:1}to{opacity:0}}.language-switcher{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffefae0;border-radius:8px;grid-template-columns:auto minmax(120px,auto);align-items:center;gap:8px;padding:8px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 32px #1113171a}.scroll-top-button{z-index:51;border:1px solid var(--line);color:#fff;background:var(--theme-strong);cursor:pointer;border-radius:8px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:950;display:grid;position:fixed;bottom:78px;right:18px;box-shadow:0 12px 32px #347f5e38}.language-switcher span{color:var(--muted);font-size:12px;font-weight:850}.language-switcher select{min-height:34px;padding:0 30px 0 10px;font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=980px){.result-layout,.detail-analysis-grid{grid-template-columns:1fr}.admin-stats-panel,.detail-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-toolbar{grid-template-columns:1fr}.toolbar-actions{justify-content:flex-start}.record-main{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats-panel,.detail-summary-grid{padding-bottom:4px;overflow-x:auto}.rating-options{grid-template-columns:repeat(5,minmax(104px,1fr));padding-bottom:4px;overflow-x:auto}}@media (width<=680px){.app{width:min(100% - 20px,1220px);padding-top:10px}.app-header,.section-title,.nav-row,.modal-head{flex-direction:column;align-items:flex-start}.button-row{width:100%;overflow-x:auto}.start-stage{min-height:calc(100vh - 110px)}.start-stage:before,.start-stage:after{width:72vw;height:160px}.entry-panel,.quiz-panel,.result-hero,.analysis-panel,.content-card,.admin-results-panel,.admin-detail-hero,.admin-empty,.login-card,.empty-state{padding:18px}.admin-stats-panel,.detail-summary-grid,.record-main{grid-template-columns:1fr}.toolbar-actions,.toolbar-actions .secondary-action,.toolbar-actions .ghost-action{width:100%}.confidence-row{flex-direction:column;align-items:flex-start}.answer-line{grid-template-columns:1fr}.language-switcher{grid-template-columns:1fr;width:min(180px,100% - 20px);bottom:10px;right:10px}.scroll-top-button{bottom:88px;right:10px}}
