:root{color:#d1d9e6;background:#080b10;font-family:Sarabun,Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#080b10;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.mobile-shell{color:#d1d9e6;background:#080b10;max-width:520px;min-height:100vh;margin:0 auto}.app-header{background:linear-gradient(135deg,#064e3b,#080b10);border-bottom:1px solid #243044;align-items:center;gap:10px;padding:14px 16px;display:flex}.brand-mark{color:#080b10;background:#10b981;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:900;display:flex}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1rem}.app-header p{color:#10b981;margin:1px 0 0;font-size:.7rem;font-weight:800}.tabs{background:#0e1219;border-bottom:1px solid #243044;display:flex;overflow-x:auto}.tabs button{color:#5e6e82;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 0 auto;min-height:48px;padding:9px 10px 7px;font-size:.72rem;font-weight:800}.tabs button.active{color:#10b981;border-bottom-color:#10b981}main{padding:14px}.panel{background:#1a2232;border:1px solid #243044;border-radius:12px;margin-bottom:14px;padding:14px;box-shadow:0 22px 60px #00000038}.panel h2{margin-bottom:12px;font-size:1rem}.segmented,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.segmented button,.action-grid button,.primary,.good,.danger,.list-card button{color:#d1d9e6;border:1px solid #243044;border-radius:8px;min-height:42px;padding:9px 10px;font-weight:850}.segmented button{color:#5e6e82;background:#0e1219;font-size:.75rem}.segmented button.active{color:#10b981;background:#10b98126;border-color:#10b981}.primary{color:#06110f;background:#10b981;border-color:#10b981}.good{color:#10b981;background:#10b9811f;border-color:#10b981}.danger{color:#ef4444;background:#ef444421;border-color:#ef4444}.form-grid,.master-grid{gap:10px;display:grid}.field{gap:4px;margin-bottom:9px;display:grid}.field span{color:#5e6e82;font-size:.75rem;font-weight:800}input,select{color:#d1d9e6;background:#0e1219;border:1px solid #243044;border-radius:8px;outline:none;width:100%;min-height:42px;padding:9px 10px}.spec-line,.note,.api-line,.empty{color:#8da0b8;font-size:.78rem;font-weight:650}.spec-line{background:#0e1219;border:1px solid #243044;border-radius:8px;margin-bottom:10px;padding:7px 10px}.spec-line strong,.api-line{color:#10b981}.result,.list-card,.master-list{background:#0e1219;border:1px solid #243044;border-radius:10px;gap:4px;margin-top:8px;padding:10px 12px;display:grid}.result strong,.list-card strong,.master-list h3{font-size:.86rem}.result small,.list-card span,.master-list small{color:#8da0b8;font-size:.76rem}.result.pass{border-color:#10b9818c}.result.fail,.result.hold{border-color:#ef444494}.result p{color:#f59e0b;margin-bottom:0;font-size:.78rem}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metric{background:#0e1219;border:1px solid #243044;border-left:4px solid #10b981;border-radius:10px;padding:12px}.metric span{color:#8da0b8;font-size:.74rem;font-weight:800;display:block}.metric strong{margin-top:4px;font-family:JetBrains Mono,monospace;font-size:1.8rem;line-height:1.05;display:block}.timeline{gap:8px;margin:12px 0;display:grid}.timeline div{color:#10b981;background:#10b9811a;border:1px solid #10b98157;border-radius:8px;padding:9px 10px;font-size:.82rem;font-weight:850}.master-list small{border-bottom:1px solid #243044b3;padding:6px 0;display:block}@media (width>=760px){.mobile-shell{border-left:1px solid #243044;border-right:1px solid #243044}.form-grid,.master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
