:root{--bg:#f8f9fa;--text:#212529;--border:rgba(0,0,0,0.1);--card-bg:rgba(0,0,0,0.05);--shadow:rgba(0,0,0,0.1);--subtitle:#666;--card-title:#212529;--card-desc:#666;--accent:#6c63ff;--input-bg:#fff;--table-header-bg:rgba(108,99,255,0.12);--badge-bg:#e9ecef;--badge-text:#495057;--keypad-bg:#fff;}[data-theme="dark"]{--bg:#0f2027;--text:#fff;--border:rgba(255,255,255,0.2);--card-bg:rgba(255,255,255,0.1);--shadow:rgba(0,0,0,0.3);--subtitle:#aaa;--card-title:#fff;--card-desc:#aaa;--input-bg:rgba(255,255,255,0.08);--table-header-bg:rgba(108,99,255,0.25);--badge-bg:#343a40;--badge-text:#f8f9fa;--keypad-bg:#25343b;}*{margin:0;padding:0;box-sizing:border-box;}html{scrollbar-gutter:stable;}body{font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text);padding:16px 12px;min-height:100vh;transition:background 0.3s,color 0.3s;}.container{max-width:960px;margin:0 auto;}header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);}.header-spacer{flex:1;}.header-controls{display:flex;align-items:center;gap:6px;}h1{font-size:18px;font-weight:bold;display:flex;align-items:center;line-height:22px;white-space:nowrap;margin-right:4px;}h1 a{display:inline-flex;align-items:center;text-decoration:none;color:inherit;}.theme-toggle{background:var(--card-bg);color:var(--text);border:1px solid var(--border);height:34px;width:34px;padding:0;border-radius:8px;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;}.theme-toggle:hover{opacity:0.8;}.inputs{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:10px 12px 10px;margin-bottom:12px;position:relative;}.tab-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--border);}.mode-btn{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--subtitle);cursor:pointer;font-size:13px;height:34px;padding:0 12px;white-space:nowrap;transition:background 0.15s,color 0.15s;display:inline-flex;align-items:center;justify-content:center;}.mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;}.mode-btn:hover:not(.active){background:rgba(108,99,255,0.1);}.input-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:8px;}.input-row:last-child{margin-bottom:0;}.input-group{display:flex;flex-direction:column;gap:3px;}.price-input-row>.price-input-group{order:-1;}.input-group label{font-size:13px;color:var(--subtitle);white-space:nowrap;font-weight:600;}.input-group input:not([type="checkbox"]):not([type="radio"]),.input-group select{background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:15px;height:36px;padding:0 10px;width:100%;}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--accent);}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type="number"]{-moz-appearance:textfield;}.keypad-container{background:var(--keypad-bg);border:1px solid var(--border);border-radius:8px;padding:8px;box-shadow:0 10px 25px rgba(0,0,0,0.15),0 0 1px var(--border);transition:all 0.2s ease;width:220px;position:absolute;bottom:0;left:172px;z-index:100;}[data-theme="dark"] .keypad-container{box-shadow:0 10px 25px rgba(0,0,0,0.5),0 0 1px var(--border);}@media (max-width:768px){.keypad-container{top:62px;bottom:auto;left:auto;right:0;}}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}.keypad-btn{height:42px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none;transition:background 0.15s,transform 0.05s;}.keypad-btn:hover{background:rgba(108,99,255,0.1);}.keypad-btn:active{background:var(--accent);color:#fff;transform:scale(0.95);}.keypad-btn.action-btn{background:var(--badge-bg);color:var(--text);font-size:15px;}.keypad-btn.action-btn:active{background:var(--accent);color:#fff;}#keypad-toggle-btn.active{background:var(--accent) !important;color:#fff !important;border-color:var(--accent) !important;}.btn-group{display:flex;gap:4px;background:var(--badge-bg);padding:3px;border-radius:8px;height:36px;align-items:center;width:100%;}.group-btn{flex:1;background:transparent;border:none;color:var(--subtitle);cursor:pointer;font-size:13px;height:30px;border-radius:6px;transition:background 0.15s,color 0.15s;padding:0 4px;white-space:nowrap;font-weight:500;}.group-btn.active{background:var(--bg);color:var(--text);box-shadow:0 2px 6px var(--shadow);font-weight:600;}.checkbox-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:var(--text);user-select:none;}.checkbox-label input{width:16px;height:16px;accent-color:var(--accent);}.ins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:10px;max-height:200px;overflow-y:auto;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);}.ins-item{display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer;}.ins-item input{accent-color:var(--accent);}.table-wrap{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow-x:auto;margin-bottom:12px;}table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap;}th{background:var(--table-header-bg);padding:10px 16px;text-align:left;font-weight:600;border-bottom:1px solid var(--border);}td{padding:8px 16px;border-bottom:1px solid var(--border);text-align:left;}tr:last-child td{border-bottom:none;}tbody tr:nth-child(even) td{background:rgba(0,0,0,0.02);}[data-theme="dark"] tbody tr:nth-child(even) td{background:rgba(255,255,255,0.02);}.badge{display:inline-block;padding:2px 6px;font-size:11px;border-radius:4px;font-weight:bold;background:var(--badge-bg);color:var(--badge-text);}.badge.buy{background:rgba(231,76,60,0.15);color:#e74c3c;}.badge.sell{background:rgba(46,204,113,0.15);color:#2ecc71;}.badge.bless{background:rgba(241,196,15,0.2);color:#d4ac0d;margin-left:4px;}.badge.noroi{background:rgba(155,89,182,0.15);color:#9b59b6;margin-left:4px;}.badge.shingi{background:rgba(230,126,34,0.15);color:#e67e22;margin-left:4px;}.badge.select-scroll{background:rgba(52,152,219,0.12);color:#2980b9;border:1px solid rgba(52,152,219,0.24);margin-left:4px;}[data-theme="dark"] .badge.select-scroll{background:rgba(52,152,219,0.25);color:#70bce1;border-color:rgba(52,152,219,0.4);}.exact-match-buy{color:#e74c3c !important;font-weight:bold;}[data-theme="dark"] .exact-match-buy{color:#ff6b6b !important;}.badge.buy.exact-badge{background:#e74c3c !important;color:#fff !important;box-shadow:0 0 6px rgba(231,76,60,0.5);}.exact-match-sell{color:#198754 !important;font-weight:bold;}[data-theme="dark"] .exact-match-sell{color:#2ecc71 !important;}.badge.sell.exact-badge{background:#198754 !important;color:#fff !important;box-shadow:0 0 6px rgba(25,135,84,0.5);}[data-theme="dark"] .badge.sell.exact-badge{background:#2ecc71 !important;color:#000 !important;box-shadow:0 0 6px rgba(46,204,113,0.5);}.badge.kusa{background:rgba(46,204,113,0.2);color:#27ae60;}.badge.makimono{background:rgba(52,152,219,0.2);color:#2980b9;}.badge.udewa{background:rgba(155,89,182,0.2);color:#8e44ad;}.badge.tue{background:rgba(241,196,15,0.2);color:#f39c12;}.badge.tubo{background:rgba(26,188,156,0.2);color:#16a085;}.badge.okou{background:rgba(235,104,160,0.2);color:#c2185b;}.badge.ishi_ya{background:rgba(52,73,94,0.15);color:#34495e;}.badge.shokuryo{background:rgba(243,156,18,0.15);color:#e67e22;}.badge.buki{background:rgba(230,126,34,0.2);color:#d35400;}.badge.tate{background:rgba(149,165,166,0.25);color:#7f8c8d;}.guide-box{font-size:14px;color:var(--subtitle);line-height:1.7;padding:14px 18px;background:rgba(108,99,255,0.06);border:1px solid rgba(108,99,255,0.3);border-radius:12px;margin-bottom:16px;}[data-theme="dark"] .guide-box{background:rgba(108,99,255,0.1);}.guide-box-title{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:15px;font-weight:bold;color:var(--text);background:transparent;border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit;}.guide-box-body{margin-top:8px;max-height:500px;overflow-y:auto;}.guide-box-chevron{color:var(--subtitle);font-size:13px;transition:transform 0.2s;}.guide-box.collapsed .guide-box-body{display:none;}.guide-box.collapsed .guide-box-chevron{transform:rotate(-90deg);}.monster-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px;}.monster-table th,.monster-table td{padding:8px 10px;border:1px solid var(--border);text-align:left;vertical-align:middle;white-space:normal !important;}.monster-table th{background:var(--table-header-bg);font-weight:600;}.monster-table tr:nth-child(even) td{background:rgba(0,0,0,0.02);}[data-theme="dark"] .monster-table tr:nth-child(even) td{background:rgba(255,255,255,0.02);}.m-danger{color:#e74c3c;font-weight:bold;}[data-theme="dark"] .m-danger{color:#ff6b6b;}.m-warning{color:#b58900;font-weight:bold;}[data-theme="dark"] .m-warning{color:#f39c12;}.m-status{color:#9b59b6;font-weight:bold;}[data-theme="dark"] .m-status{color:#c39bd3;}.m-gain{color:#27ae60;font-weight:bold;}[data-theme="dark"] .m-gain{color:#2ecc71;}.m-bold{text-decoration:underline;}.hidden{display:none !important;}.warning{color:#e74c3c;font-weight:bold;}@media (max-width:600px){body{padding:8px 6px !important;}.inputs{padding:8px 8px 8px !important;margin-bottom:10px !important;}header{margin-bottom:10px !important;padding-bottom:6px !important;}.tab-row{padding-bottom:6px !important;margin-bottom:6px !important;}.input-row{gap:6px !important;margin-bottom:6px !important;}.input-group{width:100% !important;}.ins-grid{grid-template-columns:repeat(2,1fr);}table{font-size:12px !important;}th,td{padding:6px 4px !important;}.badge{padding:1px 4px !important;font-size:10px !important;}th:first-child,td:first-child{width:55px !important;text-align:center;}td:nth-child(2){white-space:normal !important;min-width:80px;word-break:break-all;}.monster-table{font-size:11px !important;}.monster-table th,.monster-table td{padding:4px 4px !important;}.monster-table th:first-child,.monster-table td:first-child{width:32px !important;padding:4px 1px !important;}.monster-table th:nth-child(3),.monster-table td:nth-child(3){width:48px !important;padding:4px 1px !important;}.monster-table th:nth-child(4),.monster-table td:nth-child(4){width:48px !important;padding:4px 1px !important;}}