:root{--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#eff6ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border:#e5e7eb;--radius:8px;--shadow:0 1px 3px rgba(0,0,0,.08)}*{box-sizing:border-box}body{margin:0;background:var(--gray-100);color:var(--gray-800);font-family:Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:14px;line-height:1.6}a{color:inherit}.wrap{max-width:1320px;margin:0 auto;padding:16px}.header-bar{background:#fff;border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 22px;display:flex;align-items:center;gap:14px;margin-bottom:16px}.header-bar img{height:42px}.header-bar h1{margin:0;font-size:1.4rem;color:var(--gray-900);font-weight:700}.header-bar .brand{font-size:.7rem;color:var(--gray-400);letter-spacing:.15em;margin-top:2px}.header-bar .subtitle{color:var(--gray-500);font-size:.8rem;margin-top:1px}.header-bar .spacer{flex:1 1}.userbox{font-size:.75rem;color:var(--gray-500);text-align:right}.logout{background:#fff;border:1px solid var(--gray-300);color:var(--gray-600);border-radius:7px;padding:6px 12px;font-size:.75rem;cursor:pointer;margin-top:4px}.card.todo{border-left:4px solid var(--warning)}.todorow{display:flex;align-items:center;gap:12px;padding:8px 4px;border-top:1px solid var(--gray-100);font-size:.82rem}.todorow:first-of-type{border-top:none}.todorow .td-when{flex:none;width:76px;text-align:center;font-weight:700;font-size:.72rem;border-radius:6px;padding:3px 0}.todorow.over .td-when{background:#fef2f2;color:#dc2626}.todorow.today .td-when{background:#fffbeb;color:#b45309}.todorow.soon .td-when{background:#f1f5f9;color:#475569}.todorow .td-body{flex:1 1;min-width:0}.todorow .td-act{display:block;color:var(--gray-500);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-tel{display:inline-block;margin-top:2px;color:var(--primary);font-size:.74rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-decoration:none}.td-tel:hover{text-decoration:underline}.r-tel{display:block;margin-top:2px;color:var(--primary);font-size:.7rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-decoration:none}.r-tel:hover{text-decoration:underline}.detailtel{margin:-4px 0 8px;font-size:.8rem;color:var(--gray-500)}.detailtel a{color:var(--primary);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-decoration:none}.detailtel a:hover{text-decoration:underline}.statcell{display:inline-flex;flex-direction:column;gap:3px;align-items:flex-start}.statcell .stat{margin-left:0}.stat-bank{font-size:.64rem;color:var(--gray-500);padding-left:2px;white-space:nowrap}.todorow .td-date{flex:none;color:var(--gray-400);font-size:.72rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.addcond{background:#fffbeb;border:1px solid #fde68a;color:#b45309;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:700;cursor:pointer;white-space:nowrap}.addcond:hover{background:#fef3c7}.stat.pioneer{border-color:#c7d2fe;background:#eef2ff;color:#4338ca;font-weight:700}.note.incnudge{background:#fffbeb;border-color:#fde68a;color:#92400e}.todorow.clickable{cursor:pointer;border-radius:8px}.todorow.clickable:hover{background:#f8fafc}.todorow .td-go{flex:none;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:700;font-size:.7rem;border-radius:999px;padding:3px 10px;white-space:nowrap}.todoform{border:1px solid #cfe0fb;border-radius:10px;overflow:hidden;margin:4px 0 10px}@media(max-width:640px){.todorow .td-date{display:none}}details.glossary{padding:12px 16px}details.glossary summary{cursor:pointer;font-weight:700;font-size:.9rem;color:var(--gray-800)}details.glossary ul{margin:10px 0 0;padding-left:18px;display:grid;grid-gap:6px;gap:6px}details.glossary li{font-size:.8rem;color:var(--gray-700);line-height:1.6}@media(max-width:640px){.tablewrap{overflow:visible;max-height:none;border:none;border-radius:0}table.banks{white-space:normal;min-width:0}.banks thead{display:none}.banks,.banks tbody,.banks td,.banks tr{display:block;width:auto;max-width:100%}.banks tr{border:1px solid var(--border);border-left:4px solid var(--gray-300);border-radius:10px;margin-bottom:10px;padding:10px 12px;background:#fff}.banks td{border:none;padding:3px 0}.banks td.idcol{min-width:0}.banks td.idcol .nm{font-size:1rem;font-weight:700}.banks td[data-l]:before{content:attr(data-l)" ";color:var(--gray-400);font-size:.72rem}.banks .grouprow{border:1px solid #bfdbfe;border-left:4px solid var(--primary);background:#f8fafc;margin-bottom:8px;padding:2px 4px}.banks .grouprow td{background:transparent;border-top:none;padding:8px}.banks .grouprow.gopen{background:#eff6ff}.banks .grouprow.gopen td{background:transparent}.banks .grouprow .gtoggle{width:100%;text-align:center;margin-top:6px;padding:8px 12px;font-size:.82rem}.banks tr.ingroup{border-left-color:#60a5fa;margin-left:10px}.banks tr.ingroup td{background:transparent}.banks tr.ingroup td:first-child{box-shadow:none}.actcol .recbtn{margin-left:auto}}.chip-last{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;font-weight:700}.startguide{background:#fff;border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 18px;margin-bottom:16px}.startguide .sg-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.startguide .sg-head b{font-size:.92rem}.startguide .sg-close{margin-left:auto;background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:.9rem}.startguide .sg-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.startguide .sg-step{display:flex;gap:8px;align-items:flex-start;background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:.78rem}.startguide .sg-step.done{background:#ecfdf5;border-color:#a7f3d0}.startguide .sg-num{flex:none;width:20px;height:20px;border-radius:999px;background:var(--primary);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}.startguide .sg-step.done .sg-num{background:#059669}.startguide .sg-d{display:block;color:var(--gray-500);font-size:.7rem;margin-top:1px}.startguide .sg-foot{color:var(--gray-500);font-size:.72rem;margin-top:8px}@media(max-width:640px){.startguide .sg-steps{grid-template-columns:1fr}}.quicksheet{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:60;width:min(560px,92vw);background:#111827;color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:12px 14px}.quicksheet .qs-line{display:flex;align-items:center;gap:10px}.quicksheet .qs-label{font-size:.82rem;font-weight:600}.quicksheet .qs-undo{margin-left:auto;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.5);color:#fff;border-radius:6px;padding:3px 12px;font-weight:700;cursor:pointer;font-size:.78rem}.quicksheet .qs-close{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:.9rem}.quicksheet .qs-add{display:flex;align-items:center;gap:8px;margin-top:10px}.quicksheet .qs-hint{font-size:.74rem;color:hsla(0,0%,100%,.75);white-space:nowrap}.quicksheet .qs-add input{flex:1 1;min-width:0;height:34px;border-radius:7px;border:1px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.1);color:#fff;padding:0 10px;font-size:.82rem}.quicksheet .qs-add input::placeholder{color:hsla(0,0%,100%,.5)}.quicksheet .qs-save{flex:none;background:var(--primary);border:none;color:#fff;border-radius:7px;padding:0 14px;height:34px;font-weight:700;cursor:pointer;font-size:.8rem}.quicksheet .qs-save:disabled{opacity:.45;cursor:default}.grouprow td{background:#f8fafc;border-top:2px solid #e2e8f0;cursor:pointer;padding:8px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.grouprow:hover td{background:#f1f5f9}.grouprow .gwrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;white-space:normal}.grouprow .gname{font-weight:700;color:var(--gray-800)}.grouprow .gmeta{color:var(--gray-500);font-size:.74rem}.grouprow .gtoggle{margin-left:auto;flex:none;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:700;font-size:.74rem;border-radius:999px;padding:4px 12px;cursor:pointer}.grouprow .gtoggle:hover{background:#dbeafe}.grouprow.gopen td{background:#eff6ff;border-top-color:#93c5fd}.grouprow.gopen .gtoggle{background:var(--primary);border-color:var(--primary);color:#fff}.banks tr.ingroup td{background:#f8fbff}.banks tr.ingroup td:first-child{box-shadow:inset 3px 0 0 #93c5fd}.bankvideo .shade.light{background:linear-gradient(0deg,hsla(0,0%,100%,.96) 0,hsla(0,0%,100%,.62) 36%,rgba(240,247,253,.18) 68%,hsla(0,0%,100%,0))}.hero3{position:relative;overflow:hidden;border-radius:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:#f4f6f8}.hero3>:not(.bankvideo){position:relative;z-index:1}.hero3 .h3top{display:flex;align-items:center;gap:10px;padding:16px 22px;flex-wrap:wrap}.hero3 .h3logo{height:32px}.h3brand{font-weight:700;color:#1e3a5f;font-size:1.1rem;letter-spacing:.08em}.h3brand small{font-weight:400;color:#44607c;font-size:.58rem;letter-spacing:.28em;margin-left:8px}.h3user{margin-left:auto;font-size:.74rem;color:#44607c;background:hsla(0,0%,100%,.78);border:1px solid hsla(0,0%,100%,.95);border-radius:10px;padding:6px 12px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.h3user b{color:#1e3a5f}.h3user .h3next{color:#5b7a94;font-size:.68rem}.h3user .logout{margin-left:10px;margin-top:0;background:hsla(0,0%,100%,.9);border-color:#c8d8e6;color:#44607c;padding:3px 10px}.hero3 .h3copy{margin-top:auto;padding:14px 28px 0}.hero3 .h3copy h1{margin:0;font-size:clamp(26px,4.2vw,46px);line-height:1.32;color:#1e3a5f;letter-spacing:.04em;font-weight:700}.h3sub{margin:9px 0 0;color:#44607c;font-size:.88rem}.h3stats{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;padding:16px 28px 68px}.h3chip{background:hsla(0,0%,100%,.86);border:1px solid #e3ecf3;border-radius:10px;padding:8px 14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.h3label{display:block;font-size:.66rem;color:#5b7a94;margin-bottom:1px}.h3num{font-size:1.4rem;font-weight:700;color:#1e3a5f;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.h3unit{font-size:.72rem;color:#5b7a94;margin-left:2px}.h3chip b{color:#1e3a5f;font-size:.88rem}.h3sub2{margin-left:7px;font-size:.7rem;color:#5b7a94}.h3today{background:#1e3a5f;color:#fff;border:none;border-radius:10px;padding:8px 16px;cursor:pointer;text-align:left;font-size:.8rem}.h3today:hover{background:#27496f}.h3today .h3label{color:#a8c3dc}.h3today b{color:#fff;font-size:.84rem}.h3cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;max-width:1288px;margin:-44px auto 0;padding:0 16px;position:relative;z-index:2}.h3card{background:#fff;border:1px solid #e3ecf3;border-radius:12px;padding:14px 18px;text-align:left;cursor:pointer;box-shadow:0 6px 18px rgba(30,58,95,.09);font-size:1rem;font-weight:700;color:#1e3a5f;font-family:inherit}.h3card small{display:block;font-weight:400;color:#5b7a94;font-size:.74rem;margin-top:3px}.h3card:hover{border-color:#bcd4e8;box-shadow:0 8px 22px rgba(30,58,95,.13)}.h3sentinel{height:1px}.compactbar{position:fixed;top:0;left:0;right:0;z-index:70;background:hsla(0,0%,100%,.93);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:8px 18px;font-size:.8rem;color:#44607c;box-shadow:0 1px 8px rgba(0,0,0,.06)}.compactbar b{color:#1e3a5f;font-size:.9rem;letter-spacing:.06em}.compactbar .cb-top{margin-left:auto;background:#fff;border:1px solid var(--gray-300);border-radius:7px;padding:4px 12px;cursor:pointer;color:var(--gray-600);font-size:.72rem}.login-hero{position:relative;z-index:1;text-align:center;margin:0 0 20px;padding:0 18px}.lh-copy{margin:0;font-size:clamp(24px,4.6vw,42px);line-height:1.35;color:#1e3a5f;letter-spacing:.04em}.lh-sub{margin:10px 0 0;color:#44607c;font-size:.88rem}.login-stage.light footer{color:#5b7a94}@media(max-width:640px){.hero3{min-height:100vh;min-height:100svh}.hero3 .h3copy{padding:10px 16px 0}.hero3 .h3copy h1{font-size:25px}.h3sub{font-size:.78rem}.h3stats{padding:12px 16px 58px;gap:8px}.h3user{flex-basis:100%;margin-left:0}.h3cards{grid-template-columns:1fr;margin:-38px auto 0;padding:0 10px}.compactbar{gap:8px;padding:7px 12px;font-size:.72rem}}.bankvideo{position:absolute;inset:0;overflow:hidden;z-index:0;background:#101826}.bankvideo img,.bankvideo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bankvideo video{transition:opacity 1.2s ease}.bankvideo video.fadeout{opacity:0}.bankvideo .shade{position:absolute;inset:0;background:linear-gradient(160deg,rgba(15,23,42,.74),rgba(30,58,138,.52))}.header-bar.hero{position:relative;overflow:hidden;background:#101826;border:none;border-top:3px solid var(--primary);min-height:190px}.header-bar.hero>:not(.bankvideo){position:relative;z-index:1}.header-bar.hero .bankvideo img,.header-bar.hero .bankvideo video{object-position:center 18%}.header-bar.hero h1{color:#fff}.header-bar.hero .brand{color:#a9c4ec}.header-bar.hero .mehud,.header-bar.hero .subtitle{color:#d7e4f7}.header-bar.hero .mehud .nick{color:#fff}.header-bar.hero .logout{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.45);color:#fff}@media (max-width:640px){.header-bar.hero{min-height:140px}}.login-stage{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.login-stage .bankvideo{position:fixed}.login-stage .login-wrap{position:relative;z-index:1;margin:0 auto;width:100%}.login-stage footer{position:relative;z-index:1;color:hsla(0,0%,100%,.78)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:1.02rem;color:var(--gray-800)}.note{background:var(--primary-light);border:1px solid #cfe0fb;color:#1e40af;padding:9px 12px;border-radius:6px;margin-bottom:14px}.note,label{font-size:12px}label{color:var(--gray-500);display:block;margin-bottom:4px}input[type=email],input[type=text],select{width:100%;background:#fff;border:1px solid var(--gray-300);color:var(--gray-800);border-radius:6px;padding:9px 10px;font-size:14px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.row{display:flex;gap:12px;flex-wrap:wrap}.row>div{flex:1 1;min-width:120px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.chip{background:#fff;border:1px solid var(--gray-300);color:var(--gray-600);border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer}.chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.calc-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:13px 16px;font-size:1rem;font-weight:700;cursor:pointer;flex:2 1;min-width:200px;box-shadow:0 1px 3px rgba(59,130,246,.3)}.calc-btn:hover{background:var(--primary-hover)}.calc-btn.secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300);box-shadow:none;flex:1 1;min-width:180px;font-weight:600}.meta{color:var(--gray-600);font-size:13px;margin:4px 2px 12px}#map{height:360px;border-radius:var(--radius);border:1px solid var(--border)}.pin{width:24px;height:24px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.pin-bank{background:var(--primary)}.pin-shinkin{background:var(--success)}.pin-shinkumi{background:var(--warning)}.pin-origin{background:#111827;border-radius:6px;width:auto;padding:2px 7px;font-size:11px}.tablewrap{overflow:auto;max-height:72vh;border:1px solid var(--border);border-radius:var(--radius)}table.banks{border-collapse:separate;border-spacing:0;font-size:.78rem;white-space:nowrap;min-width:100%;width:100%}table.banks th{background:var(--gray-800);color:#fff;font-weight:500;padding:8px 9px;position:-webkit-sticky;position:sticky;top:0;z-index:3;text-align:left;border-bottom:1px solid var(--gray-700)}table.banks td{padding:6px 9px;border-bottom:1px solid var(--border);vertical-align:middle;background:#fff}table.banks tr:nth-child(2n) td{background:var(--gray-50)}.idcol{min-width:230px;white-space:normal}.idnum{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--gray-700);color:#fff;font-size:11px;margin-right:6px}.idnum,.nm{font-weight:700}.nm{color:var(--gray-800)}.br{color:var(--gray-500);font-size:.72rem}.badge{font-size:10px;padding:2px 6px;border-radius:5px;border:1px solid transparent;display:inline-block}.b-bank{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.b-shinkin{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.b-shinkumi{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.b-yes{background:#fffbeb;color:#b45309;border-color:#fde68a;cursor:help}.b-unknown{background:var(--gray-100);color:var(--gray-500);border-color:var(--gray-200);cursor:help}.dist{color:var(--primary)}.call,.dist{font-weight:700}.call{display:inline-block;background:var(--success);color:#fff;border-radius:6px;padding:5px 9px;font-size:.72rem;text-decoration:none;white-space:nowrap}.call.dim{background:var(--gray-200);font-weight:400}.call.dim,.tel{color:var(--gray-500)}.tel{font-size:.68rem;display:block;margin-top:2px}.src{color:var(--primary);font-size:.72rem;text-decoration:none}.actcol{white-space:nowrap}.recbtn{background:#fff;border:1px solid var(--primary);color:var(--primary);border-radius:7px;padding:7px 12px;font-size:.76rem;font-weight:700;cursor:pointer}.recbtn:hover{background:var(--primary-light)}.recbtn.open{background:var(--primary);color:#fff}.detailwrap{padding:14px 16px;border-top:2px solid var(--primary);background:#f8fafc}.detailwrap h4{margin:0 0 10px;font-size:.85rem;color:var(--gray-700)}.formgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));grid-gap:11px;gap:11px}.field label{font-size:11px;color:var(--gray-500);margin-bottom:3px;display:block}.field input,.field select,.field textarea{width:100%;border:1px solid var(--gray-300);border-radius:6px;padding:7px 8px;font-size:.8rem;font-family:inherit;background:#fff}.field.result select{font-weight:700;border-color:var(--primary)}.field.wide{grid-column:1/-1}.field textarea{resize:vertical;min-height:48px}.detailbtns{margin-top:11px;display:flex;gap:9px;align-items:center}.savebtn{background:var(--success);color:#fff;border:none;border-radius:7px;padding:8px 18px;font-weight:700;font-size:.8rem;cursor:pointer}.savebtn:disabled{opacity:.5;cursor:default}.closebtn{background:#fff;border:1px solid var(--gray-300);color:var(--gray-600);border-radius:7px;padding:8px 14px;font-size:.8rem;cursor:pointer}.flash{color:var(--success);font-size:.75rem;font-weight:700}.login-wrap{max-width:420px;margin:8vh auto;padding:0 16px}.login-card{background:#fff;border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 26px}.login-card h1{font-size:1.3rem;margin:0 0 4px}.login-card p{color:var(--gray-500);font-size:.85rem;margin:0 0 18px}.login-card .calc-btn{width:100%;flex:none;margin-top:12px}footer{color:var(--gray-400);font-size:11px;text-align:center;padding:16px}.mehud{font-size:.78rem;color:var(--gray-600);text-align:right;white-space:nowrap;line-height:1.35}.mehud .nick{font-weight:700;color:var(--gray-800)}.mehud .title{display:inline-block;background:var(--primary-light);color:#1e40af;border:1px solid #cfe0fb;border-radius:999px;padding:1px 8px;font-size:.7rem;margin-left:4px}.ctxbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-left:4px solid var(--success);border-radius:8px;padding:10px 14px;margin-bottom:14px;box-shadow:var(--shadow)}.ctxsummary{flex:1 1;min-width:220px;font-size:.8rem;color:var(--gray-700)}.ctxpanel h4{margin:2px 0 8px;font-size:.85rem;color:var(--gray-700)}.formsec{grid-column:1/-1;font-size:.72rem;font-weight:700;color:var(--primary);border-bottom:1px solid var(--gray-200);padding-bottom:3px;margin-top:6px}.modenav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.modebtn{flex:1 1;min-width:150px;background:#fff;border:1px solid var(--gray-300);color:var(--gray-600);border-radius:9px;padding:11px;font-size:.92rem;font-weight:700;cursor:pointer}.modebtn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 3px rgba(59,130,246,.3)}.ranktabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.ranktab{background:#fff;border:1px solid var(--gray-300);color:var(--gray-600);border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:700;cursor:pointer}.ranktab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.live{font-size:.7rem;color:var(--success);font-weight:700;animation:blink 1.4s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.bigrank{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;margin-bottom:8px}.bigrank.top{border-color:#e2c270;background:linear-gradient(90deg,#fffbeb,#fff)}.bigrank .rk{font-size:1.2rem;font-weight:800;width:44px;text-align:center}.bigrank .who{flex:1 1;font-weight:700;font-size:.95rem}.bigrank .val{font-weight:800;color:var(--primary);font-size:1.05rem;white-space:nowrap}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--success);color:#fff;padding:12px 22px;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.25);z-index:9999;pointer-events:none}.expbtn,.toast{font-weight:700}.expbtn{background:#fff;border:1px solid var(--primary);color:var(--primary);border-radius:7px;padding:6px 12px;font-size:.76rem;cursor:pointer}.rectoolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;padding:10px 12px;background:var(--primary-light);border:1px solid #cfe0fb;border-radius:8px}.rectoolbar .cnt{font-weight:700;color:#1e40af}.stat{display:inline-block;margin-left:7px;font-size:.7rem;padding:2px 8px;border-radius:6px;border:1px solid var(--gray-200);color:var(--gray-500);background:var(--gray-50)}.stat.has{border-color:#a7f3d0;background:#ecfdf5;color:#047857;font-weight:700}.stat.ng{border-color:#fecaca;background:#fef2f2;color:#dc2626;font-weight:700}@media(max-width:640px){body,html{overflow-x:clip}.wrap{padding:12px}.header-bar{flex-wrap:wrap;gap:8px 12px;padding:14px 16px}.header-bar .spacer{display:none}.header-bar .hbrand{flex:1 1;min-width:0}.header-bar img{height:32px}.header-bar h1{font-size:1.15rem;line-height:1.25}.header-bar .brand{font-size:.6rem;letter-spacing:.08em}.header-bar .subtitle{font-size:.72rem;line-height:1.45}.header-bar.hero{min-height:0}.mehud{flex-basis:100%;white-space:normal;text-align:left;line-height:1.55;font-size:.74rem}.header-bar.hero .mehud{border-top:1px solid hsla(0,0%,100%,.22);padding-top:8px;margin-top:2px}.ctxbar{padding:10px 12px;gap:8px}.ctxsummary{min-width:0;flex:1 1 100%}.detailwrap{padding:12px}.formgrid{grid-template-columns:1fr;gap:9px}.formsec{overflow-wrap:anywhere}.actcol,.formsec{white-space:normal}.modebtn{min-width:calc(50% - 4px);padding:10px;font-size:.86rem}.bigrank{gap:8px;padding:10px}.bigrank .rk{width:32px;font-size:1rem}.bigrank .who{font-size:.86rem}}