:root{--green: #58CC02;--green-dark: #46A302;--green-soft: #D7FFB8;--green-line: #A5ED6E;--blue: #1CB0F6;--blue-dark: #1899D6;--blue-soft: #DDF4FF;--blue-line: #84D8FF;--red: #FF4B4B;--red-dark: #EA2B2B;--red-soft: #FFDFE0;--red-line: #FFB2B2;--gold: #FFC800;--gold-dark: #E0A600;--orange: #FF9600;--ink: #1E293B;--mut: #475569;--line: #CBD5E1;--snow: #F8FAFC}*{margin:0;padding:0;box-sizing:border-box}button{font-family:inherit;color:inherit}html,body,#root,.app-container{height:100%;width:100%;overflow:hidden;margin:0;padding:0;-webkit-touch-callout:none}body{font-family:Nunito,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow:hidden}body.modal-open{overflow:hidden}.screen{width:100%;height:100%;overflow:hidden;position:relative}.ic{display:block}.wrap{max-width:600px;margin:0 auto;padding:22px 20px 60px}.btn{border:none;cursor:pointer;border-radius:18px;font-weight:800;font-size:clamp(17px,2vh,20px);letter-spacing:.8px;text-transform:uppercase;padding:clamp(14px,1.8vh,18px) 28px;transition:transform .06s,box-shadow .06s;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px}.btn:active:not(:disabled){transform:translateY(3px)}.btn:disabled{cursor:default}.btn-primary{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-dark)}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--green-dark)}.btn-primary:disabled{background:var(--line);color:var(--mut);box-shadow:0 4px #d8d8d8}.btn-danger{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-dark)}.btn-danger:active{box-shadow:0 1px 0 var(--red-dark)}.btn-ghost{background:#fff;color:var(--blue-dark);box-shadow:inset 0 0 0 2px var(--line)}.btn-white-g{background:#fff;color:var(--green-dark);box-shadow:0 3px #9fdd66}.btn-white-r{background:#fff;color:var(--red-dark);box-shadow:0 3px #f2a6a6}.btn-teal{background:#0d9488;color:#fff;box-shadow:0 3px #0a7a70}.btn-teal:active{box-shadow:0 1px #0a7a70}.icon-btn{width:48px;height:48px;border:none;background:transparent;border-radius:14px;color:var(--mut);display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:var(--snow);color:var(--ink)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;z-index:80;display:grid;place-items:center;padding:20px;animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:28px;padding:32px 28px 26px;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 40px #0003;animation:popIn .25s cubic-bezier(.3,1.4,.6,1)}.modal-ic{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}.modal-ic.green{background:var(--green-soft);color:var(--green-dark)}.modal-ic.red{background:var(--red-soft);color:var(--red)}.modal-ic.gold{background:#fff3d6;color:var(--orange)}.modal h3{font-size:clamp(24px,3vh,28px);font-weight:900;color:var(--ink)}.modal p{color:#334155;font-weight:700;font-size:clamp(17px,2vh,19px);line-height:1.55;margin-top:10px}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}.modal-actions .btn{width:100%}.identity-screen-wrap{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:#fff;box-sizing:border-box;scrollbar-width:thin}.identity-inner{width:100%;max-width:620px;min-height:100%;margin:0 auto;padding:clamp(14px,2.2vh,28px) clamp(18px,3vw,28px);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;gap:clamp(12px,2vh,22px)}.identity-hero{display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0;margin-top:clamp(2px,1vh,8px)}.identity-mascot{width:clamp(96px,14vh,136px);margin:0 auto;animation:bob 3.4s ease-in-out infinite;display:flex;justify-content:center}.identity-mascot svg{width:100%;height:auto;display:block}.identity-bubble{position:relative;max-width:520px;border:2px solid var(--line);border-radius:18px;padding:clamp(10px,1.6vh,16px) clamp(16px,2.5vw,22px);font-weight:800;font-size:clamp(16.5px,2.1vh,20px);color:var(--ink);text-align:center;margin-top:clamp(8px,1.2vh,12px);line-height:1.5;background:#fff;box-shadow:0 4px 14px #0000000a}.identity-bubble b{color:var(--green-dark)}.identity-bubble:before{content:"";position:absolute;top:-9px;left:50%;width:14px;height:14px;margin-left:-7px;background:#fff;border-left:2px solid var(--line);border-top:2px solid var(--line);transform:rotate(45deg)}.identity-card{background:var(--snow);border:2px solid var(--line);border-radius:24px;padding:clamp(18px,2.8vh,28px) clamp(18px,2.8vw,26px);flex-shrink:0;box-sizing:border-box}.identity-title-group{text-align:center;margin-bottom:clamp(14px,2vh,22px)}.identity-title{font-family:"Baloo 2",sans-serif;font-size:clamp(26px,3.8vh,34px);font-weight:900;color:var(--ink);line-height:1.15}.identity-sub{font-size:clamp(15px,1.9vh,18px);font-weight:700;color:var(--mut);margin-top:4px}.identity-form{display:flex;flex-direction:column;gap:clamp(14px,2vh,18px)}.id-field-group{display:flex;flex-direction:column}.id-field-group label{font-size:clamp(14.5px,1.8vh,16.5px);font-weight:900;letter-spacing:.8px;color:#475569;margin-bottom:8px;display:flex;align-items:center;gap:6px}.id-field-group input,.id-field-group select{width:100%;padding:clamp(14px,1.8vh,17px) 18px;border:2.5px solid var(--line);border-radius:16px;font-family:Nunito,sans-serif;font-size:clamp(17px,2.1vh,20px);font-weight:800;color:var(--ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.id-field-group input:focus,.id-field-group select:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.id-field-group input::placeholder{color:#94a3b8;font-weight:600}.identity-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.identity-actions{display:flex;flex-direction:column;gap:12px;margin-top:clamp(8px,1.4vh,16px);flex-shrink:0}.btn-submit-identity{width:100%;padding:clamp(15px,2vh,19px) 28px;font-size:clamp(17px,2.2vh,20px);min-height:58px}.btn-cancel-identity{width:100%;padding:clamp(12px,1.8vh,16px) 24px;font-size:clamp(15.5px,2vh,18px);color:var(--mut)}.home-slider-wrap{width:100%;height:100%;overflow:hidden;position:relative;background:#fff}.home-slider-track{display:flex;width:200%;height:100%;transition:transform .4s cubic-bezier(.2,.8,.3,1)}.home-slide{width:50%;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box;scrollbar-width:thin}.home-slide-inner{width:100%;max-width:620px;min-height:100%;margin:0 auto;padding:clamp(12px,2vh,24px) clamp(16px,2.5vw,24px);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;gap:clamp(8px,1.4vh,16px)}.home-top{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.brand{display:flex;align-items:center;gap:8px;font-size:clamp(15px,1.8vh,18px);font-weight:900;letter-spacing:1.2px;color:var(--mut)}.brand .ic{color:var(--green)}.slide-dots{display:flex;align-items:center;gap:7px}.slide-dot{width:10px;height:10px;border-radius:99px;background:var(--line);transition:all .3s ease}.slide-dot.active{width:26px;background:var(--green)}.hero{display:flex;flex-direction:column;align-items:center;margin-top:clamp(2px,.8vh,8px);flex-shrink:0}.mascot-wrap{width:clamp(96px,14vh,140px);animation:bob 3.4s ease-in-out infinite;display:flex;justify-content:center}.mascot-wrap svg{width:100%;height:auto;display:block}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.bubble{position:relative;max-width:520px;border:2px solid var(--line);border-radius:18px;padding:clamp(8px,1.4vh,14px) clamp(14px,2vw,20px);font-weight:800;font-size:clamp(16.5px,2.1vh,20px);color:var(--ink);text-align:center;margin-top:clamp(6px,1vh,10px);line-height:1.5;background:#fff;box-shadow:0 4px 12px #0000000a}.bubble b{color:var(--green-dark)}.bubble:before{content:"";position:absolute;top:-9px;left:50%;width:14px;height:14px;margin-left:-7px;background:#fff;border-left:2px solid var(--line);border-top:2px solid var(--line);transform:rotate(45deg)}.title-group{text-align:center;flex-shrink:0;margin-top:clamp(2px,.6vh,6px)}.display{font-family:"Baloo 2",sans-serif;font-weight:900;font-size:clamp(34px,5.2vh,48px);line-height:1;text-align:center;letter-spacing:.5px}.display .g{color:var(--green)}.subtitle{text-align:center;color:var(--mut);font-weight:800;font-size:clamp(15px,1.9vh,18px);margin-top:5px}.rules{margin-top:clamp(4px,1vh,10px);border:2px solid var(--line);border-radius:18px;padding:clamp(10px,1.6vh,16px) clamp(14px,2vw,20px);display:flex;flex-direction:column;gap:clamp(8px,1.4vh,12px);flex-shrink:0;background:var(--snow)}.rule{display:flex;gap:12px;align-items:flex-start;font-size:clamp(16px,2vh,19px);font-weight:700;color:#334155;line-height:1.5}.rule .ic{flex-shrink:0;margin-top:2px}.rule b{color:var(--ink);font-weight:900}.siswa-tag{display:flex;align-items:center;gap:10px;background:var(--green-soft);border:1.5px solid var(--green-line);border-radius:14px;padding:clamp(8px,1.3vh,12px) 16px;font-size:clamp(15px,1.9vh,18px);font-weight:800;color:var(--green-dark);margin-top:clamp(4px,1vh,8px);flex-shrink:0}.siswa-tag .change-btn{margin-left:auto;background:none;border:none;color:var(--ink);font-size:14.5px;font-weight:900;cursor:pointer;text-decoration:underline;padding:2px 6px;border-radius:6px;transition:color .15s}.siswa-tag .change-btn:hover{color:var(--red)}.db-status{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:900;letter-spacing:.5px;padding:3px 10px;border-radius:99px}.db-status.ok{background:#dcfce7;color:#15803d}.db-status.saving{background:#fef3c7;color:#b45309}.db-status.err{background:var(--red-soft);color:var(--red-dark)}.db-status.off{background:var(--snow);color:var(--mut)}.btn-slider-next{width:100%;margin-top:clamp(6px,1.2vh,12px);padding:clamp(14px,2vh,18px);font-size:clamp(17px,2.2vh,20px);flex-shrink:0}.slide2-top{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.btn-back-clean{background:#fff;border:2px solid var(--line);border-radius:14px;padding:10px 20px;font-size:16.5px;font-weight:800;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.btn-back-clean:hover{background:var(--snow);border-color:var(--mut)}.ch-header{text-align:center;margin-top:clamp(2px,.8vh,8px);flex-shrink:0}.ch-title{font-family:"Baloo 2",sans-serif;font-size:clamp(26px,3.8vh,32px);font-weight:900;color:var(--ink)}.ch-sub{font-size:clamp(15px,1.9vh,18px);font-weight:700;color:var(--mut);margin-top:3px;line-height:1.4}.path-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(6px,1.8vh,18px) 0}.path{width:100%}.path-row{display:flex;align-items:center;gap:20px}.path-text{flex:1}.node{width:clamp(84px,12vh,102px);height:clamp(84px,12vh,102px);border-radius:50%;border:none;display:grid;place-items:center;color:#fff;cursor:pointer;flex-shrink:0;transition:transform .06s}.node:active{transform:translateY(4px)}.node.green{background:var(--green);box-shadow:0 6px 0 var(--green-dark)}.node.gold{background:var(--gold);box-shadow:0 6px 0 var(--gold-dark)}.node.lock{background:var(--line);box-shadow:0 6px #94a3b8;color:#64748b}.path-title{font-size:clamp(20px,2.6vh,25px);font-weight:900;letter-spacing:.8px;color:var(--ink)}.path-sub{font-size:clamp(15px,1.9vh,18px);font-weight:700;color:var(--mut);margin-top:3px;line-height:1.4}.done-badge{display:inline-block;margin-top:8px;font-size:14.5px;font-weight:900;padding:4px 14px;border-radius:99px}.connector{display:block;width:100%;height:clamp(38px,6.5vh,56px);margin:4px 0}.slide2-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0;margin-top:clamp(6px,1.5vh,16px)}.guru-link{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:2px solid var(--line);border-radius:14px;padding:clamp(12px,1.6vh,14px) 18px;color:#334155;font-weight:800;font-size:16px;cursor:pointer;width:100%;transition:border-color .15s,color .15s,background .15s}.guru-link:hover{border-color:var(--green);color:var(--green-dark);background:#f0fdf4}.linkish{display:block;margin:0 auto;background:none;border:none;color:var(--mut);font-weight:800;font-size:14.5px;cursor:pointer;text-decoration:underline;padding:6px}.linkish:hover{color:var(--red)}.quiz-screen-container{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#fff;box-sizing:border-box}.q-header{flex-shrink:0;background:#fff;z-index:20;display:flex;align-items:center;gap:16px;padding:clamp(12px,1.8vh,18px) 20px;max-width:680px;width:100%;margin:0 auto;box-sizing:border-box}.progress{flex:1;height:16px;background:var(--line);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:99px;transition:width .4s cubic-bezier(.2,.8,.3,1)}.combo{display:flex;align-items:center;gap:4px;background:#fff3d6;color:var(--orange);font-weight:900;font-size:16px;padding:4px 12px;border-radius:99px}.combo.pop{animation:pop .3s}@keyframes questionSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.q-main{flex:1;max-width:680px;width:100%;margin:0 auto;padding:clamp(4px,1vh,14px) clamp(16px,2.5vw,24px);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;animation:questionSlideIn .32s cubic-bezier(.2,.8,.3,1)}.q-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:clamp(6px,1.2vh,12px);flex-shrink:0}.q-meta .num{font-size:clamp(14.5px,1.8vh,17px);font-weight:900;letter-spacing:1.2px;color:var(--mut)}.topic{font-size:clamp(14px,1.8vh,16px);font-weight:900;letter-spacing:.8px;padding:4px 14px;border-radius:99px}.topic.t0{background:var(--blue-soft);color:var(--blue-dark)}.topic.t1{background:#fff3d6;color:#b47b00}.topic.t2{background:var(--green-soft);color:var(--green-dark)}.q-text{font-size:clamp(24px,3.4vh,30px);font-weight:900;line-height:1.35;margin-bottom:clamp(12px,2vh,20px);color:var(--ink);letter-spacing:-.2px}.opts{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,13px)}.opt{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:16px;padding:clamp(11px,1.8vh,16px) 18px;font-size:clamp(19px,2.4vh,22px);font-weight:800;cursor:pointer;min-height:60px;transition:background .12s,border-color .12s,color .12s,transform .08s}.opt:hover:not(.locked){background:var(--snow)}.opt:active:not(.locked){transform:translateY(2px)}.opt .key{flex-shrink:0;width:36px;height:36px;border:2px solid;border-radius:10px;display:grid;place-items:center;font-size:19px;font-weight:900;opacity:.65}.opt .txt{flex:1;font-size:clamp(19px,2.4vh,22px);font-weight:800;line-height:1.35}.opt .mark{display:none}.opt.selected{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue-dark)}.opt.selected .key{opacity:1}.opt.right{background:var(--green-soft);border-color:var(--green-line);color:var(--green-dark)}.opt.wrongpick{background:var(--red-soft);border-color:var(--red-line);color:var(--red-dark);animation:shake .4s}.opt.right .mark,.opt.wrongpick .mark{display:block}.opt.dim{opacity:.5}.opt.locked{cursor:default}.q-footer{flex-shrink:0;position:relative;background:#fff;border-top:2px solid var(--line);z-index:30;transition:background .2s,border-color .2s;width:100%}.q-footer.good{background:var(--green-soft);border-color:transparent}.q-footer.bad{background:var(--red-soft);border-color:transparent}.q-footer-inner{max-width:680px;margin:0 auto;padding:clamp(12px,1.8vh,18px) 20px;display:flex;align-items:center;gap:18px;box-sizing:border-box}.fb{flex:1;display:flex;gap:14px;align-items:flex-start;animation:slideUp .25s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fic{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 10px #00000014}.q-footer.good .fic{color:var(--green-dark)}.q-footer.bad .fic{color:var(--red-dark)}.fb-title{font-size:clamp(20px,2.5vh,24px);font-weight:900}.q-footer.good .fb-title{color:#14532d}.q-footer.bad .fb-title{color:#7f1d1d}.fb-body{font-size:clamp(16.5px,2vh,19.5px);font-weight:800;line-height:1.45;margin-top:3px}.q-footer.good .fb-body{color:#166534}.q-footer.bad .fb-body{color:#991b1b}.fb-why{font-weight:700;opacity:.95;margin-top:4px;font-size:clamp(15px,1.8vh,17.5px);line-height:1.4}.btn-main{flex-shrink:0;min-width:170px;padding:clamp(14px,2vh,18px) 30px;font-size:clamp(17px,2.2vh,20px);min-height:56px}@media(max-width:560px){.q-footer-inner{flex-direction:column;align-items:stretch;gap:12px}.btn-main{width:100%}}.result-screen-wrap{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;scrollbar-width:thin}.result-inner{width:100%;max-width:660px;min-height:100%;margin:0 auto;padding:clamp(16px,2.6vh,32px) clamp(16px,3vw,28px);display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;box-sizing:border-box;gap:clamp(10px,1.6vh,18px)}.res-hero{display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0}.res-mascot{width:clamp(82px,11.5vh,120px);margin:0 auto}.res-mascot svg{width:100%;height:auto;display:block}.mode-chip{display:inline-block;margin-top:clamp(4px,.8vh,8px);font-size:clamp(12.5px,1.5vh,14.5px);font-weight:900;letter-spacing:1.5px;color:var(--mut)}.r-title{font-family:"Baloo 2",sans-serif;font-weight:900;font-size:clamp(28px,4.2vh,40px);line-height:1.1;margin-top:2px;color:var(--ink)}.r-msg{color:#334155;font-weight:700;font-size:clamp(15px,1.9vh,18px);max-width:520px;margin:4px auto 0;line-height:1.45}.ring{position:relative;width:clamp(170px,23vh,206px);height:clamp(170px,23vh,206px);aspect-ratio:1 / 1;margin:clamp(4px,1vh,12px) auto 0;flex-shrink:0;display:grid;place-items:center}.ring svg{width:100%;height:100%;transform:rotate(-90deg);display:block;overflow:visible}.ring .track{stroke:var(--line)}.ring .val{transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.3,1)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;box-sizing:border-box;padding:10px}.ring-center .big{font-size:clamp(38px,5.2vh,48px);font-weight:900;line-height:1;color:var(--ink);display:flex;align-items:baseline;justify-content:center}.ring-center .den{font-size:clamp(19px,2.6vh,24px);font-weight:800;color:var(--mut);margin-left:2px}.ring-center .sub{font-size:clamp(11.5px,1.4vh,12.5px);font-weight:900;letter-spacing:.8px;color:var(--mut);margin-top:3px;text-transform:uppercase;white-space:nowrap}.stat-strip{display:flex;border:2px solid var(--line);border-radius:18px;margin-top:clamp(6px,1.2vh,12px);overflow:hidden;flex-shrink:0;background:var(--snow)}.stat{flex:1;padding:clamp(10px,1.5vh,15px) 8px;text-align:center}.stat+.stat{border-left:2px solid var(--line)}.stat .sv{font-size:clamp(20px,2.8vh,26px);font-weight:900;line-height:1.1}.stat .sl{font-size:13.5px;font-weight:900;letter-spacing:1px;color:var(--mut);margin-top:3px;display:flex;align-items:center;justify-content:center;gap:6px}.c-gold{color:var(--gold-dark)}.c-green{color:var(--green-dark)}.c-blue{color:var(--blue-dark)}.result-actions{display:flex;flex-direction:column;gap:clamp(10px,1.4vh,14px);margin-top:clamp(8px,1.6vh,16px);flex-shrink:0}.btn-angket-main{display:flex;align-items:center;justify-content:center;gap:12px;background:#22c55e!important;color:#fff!important;box-shadow:0 5px #15803d,0 8px 18px #22c55e47!important;font-size:clamp(16px,2.1vh,19.5px);font-weight:900;line-height:1.35;padding:clamp(14px,2vh,18px) 24px;min-height:60px;border-radius:18px;border:none;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;text-align:center;animation:pulseAngket 2.5s infinite ease-in-out}@keyframes pulseAngket{0%,to{box-shadow:0 5px #15803d,0 8px 18px #22c55e47}50%{box-shadow:0 5px #15803d,0 12px 26px #22c55e80}}.btn-angket-main:active{transform:translateY(3px)!important;box-shadow:0 2px #15803d!important}.result-actions .btn-ghost{min-height:52px;font-size:clamp(15.5px,1.9vh,18px);font-weight:800;color:var(--mut);padding:12px 20px;border-radius:16px;border:2px solid transparent;text-align:center;background:transparent;cursor:pointer;transition:all .15s ease}.result-actions .btn-ghost:hover{background:var(--snow);color:var(--ink);border-color:var(--line)}.id-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141414bf;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s}.id-card{background:#fff;border-radius:28px;padding:36px 32px 30px;max-width:480px;width:100%;text-align:center;box-shadow:0 20px 60px #00000040;animation:popIn .4s cubic-bezier(.3,1.4,.6,1)}.id-avatar{width:96px;height:96px;margin:0 auto 16px;background:linear-gradient(135deg,#d7ffb8,#ddf4ff);border-radius:50%;display:grid;place-items:center;font-size:48px}.id-title{font-family:"Baloo 2",sans-serif;font-size:30px;font-weight:900;color:var(--ink);line-height:1.15}.id-sub{font-size:16.5px;font-weight:700;color:#334155;margin-top:8px;line-height:1.5}.id-form{margin-top:22px;display:flex;flex-direction:column;gap:16px;text-align:left}.id-field label{display:block;font-size:14.5px;font-weight:900;letter-spacing:1.2px;color:#475569;margin-bottom:7px}.id-field input,.id-field select{width:100%;padding:14px 18px;border:2px solid var(--line);border-radius:16px;font-family:Nunito,sans-serif;font-size:18px;font-weight:700;color:var(--ink);background:#fff;outline:none;transition:border-color .15s}.id-field input:focus,.id-field select:focus{border-color:var(--green)}.id-field input::placeholder{color:#94a3b8;font-weight:600}.id-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.id-submit{width:100%;margin-top:10px;padding:16px;font-size:18px;letter-spacing:1px}.dash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141414b3;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow-y:auto;animation:fadeIn .25s}.dash-card{background:#fff;border-radius:24px;max-width:720px;width:100%;overflow:hidden;animation:popIn .3s cubic-bezier(.3,1.2,.6,1);margin:auto}.dash-head{background:linear-gradient(135deg,#0f172a,#15803d);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;color:#fff}.dash-head h2{font-size:24px;font-weight:900}.dash-head p{font-size:15px;opacity:.9;font-weight:700;margin-top:3px}.dash-close{width:42px;height:42px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;display:grid;place-items:center;font-size:20px;transition:background .15s}.dash-close:hover{background:#ffffff59}.dash-body{padding:24px 28px 32px}.dash-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin-bottom:22px}.dash-stat{background:var(--snow);border:1.5px solid var(--line);border-radius:16px;padding:16px 12px;text-align:center}.dash-stat .dsv{font-size:28px;font-weight:900;color:var(--ink)}.dash-stat .dsl{font-size:13px;font-weight:900;letter-spacing:1px;color:var(--mut);margin-top:4px}.dash-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.dash-toolbar .btn{font-size:15px;padding:12px 20px;border-radius:14px;letter-spacing:.5px}.dash-table-wrap{overflow-x:auto;border:2px solid var(--line);border-radius:16px}table.dash-tbl{width:100%;border-collapse:collapse;font-size:15.5px;font-weight:700}.dash-tbl th{background:var(--snow);padding:12px 14px;text-align:left;font-size:13.5px;font-weight:900;letter-spacing:1px;color:#475569;border-bottom:2px solid var(--line)}.dash-tbl td{padding:12px 14px;border-bottom:1px solid var(--line)}.dash-tbl tr:last-child td{border-bottom:none}.dash-tbl tr:hover td{background:var(--snow)}.badge-pre{background:#ddf4ff;color:#0369a1;padding:4px 10px;border-radius:99px;font-size:13px;font-weight:900}.badge-post{background:#dcfce7;color:#15803d;padding:4px 10px;border-radius:99px;font-size:13px;font-weight:900}.dash-empty{padding:40px;text-align:center;color:var(--mut);font-size:16px;font-weight:700}.pin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;z-index:400;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pin-card{background:#fff;border-radius:28px;padding:36px 32px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #00000040;animation:popIn .3s cubic-bezier(.3,1.4,.6,1)}.pin-card h3{font-size:24px;font-weight:900;margin-bottom:10px;color:var(--ink)}.pin-card p{font-size:16px;font-weight:700;color:#334155;margin-bottom:22px;line-height:1.5}.pin-input{width:100%;padding:16px;font-size:24px;font-weight:900;letter-spacing:8px;text-align:center;border:2px solid var(--line);border-radius:16px;font-family:Nunito,sans-serif;outline:none;margin-bottom:14px;transition:border-color .15s}.pin-input:focus{border-color:var(--green)}.pin-err{color:var(--red);font-size:15px;font-weight:800;min-height:20px;margin-bottom:14px}.pin-submit{width:100%;padding:16px;font-size:18px;border-radius:16px}