#mt-app*,#mt-app*::before,#mt-app*::after{box-sizing:border-box;margin:0;padding:0}
#mt-app{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;max-width:960px;margin:24px auto;background:linear-gradient(145deg,#1a1a2e 0%,#16213e 55%,#0f3460 100%);border-radius:24px;padding:32px 24px;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.35);position:relative}
#mt-app .mt-hd{text-align:center;margin-bottom:28px;padding-top:24px}
#mt-app .mt-logo{height:38px;width:auto;display:none;flex-shrink:0;opacity:.92}
#mt-app .mt-hd-text{text-align:center}
#mt-app:fullscreen .mt-hd,#mt-app:-webkit-full-screen .mt-hd,#mt-app:-moz-full-screen .mt-hd,#mt-app:-ms-fullscreen .mt-hd{display:flex;align-items:center;gap:20px}
#mt-app:fullscreen .mt-logo,#mt-app:-webkit-full-screen .mt-logo,#mt-app:-moz-full-screen .mt-logo,#mt-app:-ms-fullscreen .mt-logo{display:block}
#mt-app .mt-credit{text-align:center;font-size:.72rem;color:#475569;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
#mt-app .mt-credit a{color:#64748b;text-decoration:none}
#mt-app .mt-credit a:hover{color:#94a3b8;text-decoration:underline}
#mt-app .mt-hd h2{font-size:2rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#FFD700,#FF6B6B,#A29BFE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}
#mt-app .mt-hd p{color:#94a3b8;font-size:.88rem}
#mt-app .mt-fsbtn{position:absolute;top:14px;right:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;z-index:10;white-space:nowrap}
#mt-app .mt-fsbtn:hover{background:rgba(255,255,255,.22);transform:scale(1.04)}
#mt-app .mt-cfg{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px;margin-bottom:14px}
#mt-app .mt-modes{display:flex;gap:10px}
#mt-app .mt-mbtn{flex:1;padding:12px;border-radius:12px;border:2px solid rgba(255,255,255,.15);background:transparent;color:#94a3b8;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s}
#mt-app .mt-mbtn:hover{color:#fff;background:rgba(255,255,255,.08)}
#mt-app .mt-mbtn.on{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 20px rgba(102,126,234,.45)}
#mt-app .mt-cdrow{display:none;align-items:center;gap:10px;flex-wrap:wrap}
#mt-app .mt-cdlbl{color:#94a3b8;font-size:.85rem;font-weight:500}
#mt-app .mt-cdbox{display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:8px 12px}
#mt-app .mt-cdinp{width:46px;background:transparent;border:none;color:#FFD700;font-size:1.2rem;font-weight:700;font-family:'Courier New',monospace;text-align:center;outline:none;-moz-appearance:textfield}
#mt-app .mt-cdinp::-webkit-outer-spin-button,#mt-app .mt-cdinp::-webkit-inner-spin-button{-webkit-appearance:none}
#mt-app .mt-cdsep{color:#FFD700;font-size:1.2rem;font-weight:700}
#mt-app .mt-cdhint{color:#64748b;font-size:.78rem}
#mt-app .mt-addrow{display:flex;gap:10px}
#mt-app .mt-ninp{flex:1;padding:10px 16px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:.9rem;outline:none;transition:border-color .25s}
#mt-app .mt-ninp::placeholder{color:#64748b}
#mt-app .mt-ninp:focus{border-color:#667eea}
#mt-app .mt-abtn{padding:10px 20px;background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}
#mt-app .mt-abtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(56,239,125,.4)}
#mt-app .mt-gctrl{display:flex;gap:10px;margin-bottom:8px;flex-wrap:wrap}
#mt-app .mt-gbtn{flex:1;min-width:120px;padding:12px 10px;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .2s}
#mt-app .mt-gbtn:hover{transform:translateY(-2px)}
#mt-app .mt-g1{background:linear-gradient(135deg,#f7971e,#ffd200);color:#1a1a2e}
#mt-app .mt-g2{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#1a1a2e}
#mt-app .mt-g3{background:linear-gradient(135deg,#f953c6,#b91d73);color:#fff}
#mt-app .mt-meta{text-align:right;font-size:.78rem;color:#64748b;margin-bottom:8px}
#mt-app .mt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:22px}
#mt-app .mt-empty{grid-column:1/-1;text-align:center;padding:52px 20px;color:#475569}
#mt-app .mt-empty .ei{font-size:3.5rem;margin-bottom:14px}
#mt-app .mt-empty p{font-size:1rem}
#mt-app .mt-card{background:var(--cl,#f5f5f5);border:2px solid var(--cm,#ccc);border-radius:20px;padding:16px 14px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;color:#1a1a2e}
#mt-app .mt-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--cm,#ccc)}
#mt-app .mt-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.18)}
#mt-app .mt-ctop{display:flex;justify-content:space-between;align-items:center}
#mt-app .mt-cnm{font-weight:800;font-size:.88rem;color:var(--cd,#333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}
#mt-app .mt-cdbtn{width:22px;height:22px;border-radius:50%;border:none;background:rgba(0,0,0,.1);color:#555;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0;line-height:1}
#mt-app .mt-cdbtn:hover{background:rgba(220,0,0,.2);color:#c00}
#mt-app .mt-disp{font-family:'Courier New','Lucida Console',monospace;font-size:2rem;font-weight:700;color:var(--cd,#333);text-align:center;letter-spacing:3px;background:rgba(0,0,0,.07);border-radius:12px;padding:10px 6px;line-height:1}
#mt-app .mt-cst{text-align:center;font-size:.78rem;font-weight:600;color:#555;min-height:18px}
#mt-app .mt-cbtns{display:flex;gap:6px}
#mt-app .mt-cb{flex:1;padding:8px 4px;border-radius:10px;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,opacity .2s}
#mt-app .mt-cb:disabled{opacity:.3;cursor:not-allowed}
#mt-app .mt-cb:not(:disabled):hover{transform:translateY(-2px)}
#mt-app .mt-cb:not(:disabled):active{transform:none}
#mt-app .mt-cs{background:#22c55e;color:#fff}
#mt-app .mt-cp{background:#f97316;color:#fff}
#mt-app .mt-cr{background:#94a3b8;color:#fff}
@keyframes mt-warn{0%,100%{background:#fff0f0;border-color:#ff4444}50%{background:#ffe0e0;border-color:#cc0000;box-shadow:0 0 24px rgba(255,0,0,.55)}}
#mt-app .mt-card.mt-w{animation:mt-warn .55s ease-in-out infinite}
#mt-app .mt-card.mt-w .mt-disp{color:#cc0000!important}
#mt-app .mt-card.mt-w .mt-cst{color:#cc0000!important}
#mt-app .mt-card.mt-w::before{background:#ff0000!important}
@keyframes mt-done{0%,100%{box-shadow:0 0 0 rgba(34,197,94,0)}50%{box-shadow:0 0 28px rgba(34,197,94,.65)}}
#mt-app .mt-card.mt-d{background:#ecfdf5!important;border-color:#22c55e!important;animation:mt-done 1.4s ease-in-out infinite}
#mt-app .mt-card.mt-d .mt-disp{color:#15803d!important}
#mt-app .mt-card.mt-d .mt-cst{color:#15803d!important}
#mt-app .mt-card.mt-d::before{background:#22c55e!important}
#mt-app .mt-res{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px}
#mt-app .mt-res h3{font-size:1.1rem;font-weight:700;margin-bottom:14px}
#mt-app .mt-rtbl{width:100%;border-collapse:collapse;margin-bottom:14px;font-size:.87rem}
#mt-app .mt-rtbl th{background:rgba(255,255,255,.09);color:#94a3b8;padding:10px 12px;text-align:left;font-weight:600}
#mt-app .mt-rtbl td{padding:10px 12px;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.05)}
#mt-app .mt-rtbl tr:last-child td{border-bottom:none}
#mt-app .mt-ttm{font-family:'Courier New',monospace;font-weight:700;color:#FFD700!important}
#mt-app .mt-expbtn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}
#mt-app .mt-expbtn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.5)}
#mt-app:fullscreen,#mt-app:-webkit-full-screen,#mt-app:-moz-full-screen,#mt-app:-ms-fullscreen{max-width:100%;width:100%;border-radius:0;margin:0;min-height:100vh;overflow-y:auto;padding:36px 48px}
@media(max-width:540px){
  #mt-app{padding:20px 14px;border-radius:16px;margin:12px}
  #mt-app .mt-hd h2{font-size:1.5rem}
  #mt-app .mt-grid{grid-template-columns:1fr 1fr}
  #mt-app .mt-disp{font-size:1.3rem;letter-spacing:1px}
  #mt-app .mt-gctrl,#mt-app .mt-modes{flex-direction:column}
}