:root{
  --green:#064f27;
  --green2:#16a34a;
  --border:#bbf7d0;
  --text:#12342b;
  --red:#b91c1c;
  --orange:#d97706;
  --blue:#1d4ed8;
  --purple:#7c3aed;
}
*{box-sizing:border-box}
html,body{margin:0;background:linear-gradient(180deg,#f8fcf9,#ecfdf5);font-family:Arial,Helvetica,sans-serif;color:var(--text)}
body{min-height:100vh}
#gbsq-app{max-width:1100px;margin:0 auto;padding:18px 14px 50px}
.gbsq-head{text-align:center;padding:14px 0 12px}
.gbsq-brand{display:inline-block;background:#fff;border:2px solid var(--border);border-radius:999px;padding:8px 14px;color:var(--green);font-weight:950;font-size:14px}
.gbsq-head h1{margin:12px 0 6px;color:var(--green);font-size:clamp(34px,7vw,64px);line-height:1.02}
.gbsq-head p{margin:0;color:#315246;font-size:clamp(19px,3vw,26px);font-weight:850}
.gbsq-emergency{margin:14px 0}
.gbsq-emergency-btn{min-height:104px;border-radius:28px;background:linear-gradient(135deg,#991b1b,#dc2626);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:18px;font-size:clamp(30px,6vw,50px);font-weight:950;box-shadow:0 16px 30px rgba(185,28,28,.24)}
.gbsq-emergency-btn span{font-size:1.15em}
.gbsq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gbsq-tile{min-height:168px;border:3px solid var(--border);border-radius:28px;background:#fff;color:var(--green);padding:16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;font-size:22px;font-weight:950;line-height:1.08;cursor:pointer;text-decoration:none;box-shadow:0 14px 28px rgba(6,79,39,.09)}
.gbsq-tile .pic{font-size:58px;line-height:1}
.gbsq-tile.red{border-color:#fecaca;color:#991b1b;background:#fff7f7}
.gbsq-tile.orange{border-color:#fed7aa;color:#9a3412;background:#fffaf5}
.gbsq-tile.blue{border-color:#bfdbfe;color:#1e40af;background:#f8fbff}
.gbsq-tile.purple{border-color:#ddd6fe;color:#6d28d9;background:#fbfaff}
.gbsq-tile:hover,.gbsq-tile:focus{transform:translateY(-2px);outline:4px solid rgba(22,163,74,.15)}
.gbsq-footer{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.gbsq-footer a{min-height:58px;border:2px solid var(--border);border-radius:999px;background:#fff;color:var(--green);display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:17px;font-weight:950}
.gbsq-modal{position:fixed;inset:0;background:rgba(15,23,42,.62);display:none;align-items:center;justify-content:center;padding:14px;z-index:999999}
.gbsq-modal.open{display:flex}
.gbsq-modal-card{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border:4px solid var(--border);border-radius:30px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.gbsq-modal-card h2{margin:0 0 14px;color:var(--green);font-size:clamp(28px,5vw,42px)}
.gbsq-modal-card p,.gbsq-modal-card li{font-size:18px;line-height:1.55;font-weight:750}
.gbsq-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.gbsq-wide{width:100%;min-height:58px;border:0;border-radius:999px;padding:12px 16px;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;font-size:18px;font-weight:950;cursor:pointer}
.gbsq-wide.secondary{background:#fff;color:var(--green);border:2px solid var(--border)}
.gbsq-wide.red{background:var(--red)}
.gbsq-wide.orange{background:var(--orange);color:#fff}
.gbsq-field{display:grid;gap:6px;margin:12px 0}
.gbsq-field label{font-size:16px;font-weight:950;color:var(--green)}
.gbsq-field input,.gbsq-field textarea,.gbsq-field select{width:100%;min-height:54px;border:2px solid var(--border);border-radius:15px;padding:11px 13px;background:#f8fffb;color:var(--text);font-size:18px;font-weight:750}
.gbsq-field textarea{min-height:95px;resize:vertical}
.gbsq-check{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:17px;font-weight:800}
.gbsq-check input{width:23px;height:23px;flex:0 0 23px}
.gbsq-note{background:#fff7ed;border:2px solid #fb923c;color:#7c2d12;border-radius:18px;padding:14px;font-size:15px;line-height:1.5;font-weight:800;margin:14px 0}
.gbsq-list{display:grid;gap:10px;margin-top:12px}
.gbsq-reminder-row{border:2px solid var(--border);border-radius:18px;padding:13px;background:#f8fffb}
.gbsq-reminder-row strong{font-size:20px;color:var(--green)}
#gbsq-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);max-width:90vw;background:#12342b;color:#fff;border-radius:999px;padding:12px 18px;font-weight:850;display:none;z-index:1000000;text-align:center}
#gbsq-toast.show{display:block}
@media(max-width:850px){.gbsq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  #gbsq-app{padding-left:10px;padding-right:10px}
  .gbsq-grid{grid-template-columns:1fr}
  .gbsq-tile{min-height:138px;flex-direction:row;justify-content:flex-start;text-align:left;padding:16px 20px;font-size:24px}
  .gbsq-tile .pic{font-size:54px;flex:0 0 62px;text-align:center}
  .gbsq-emergency-btn{min-height:92px}
  .gbsq-footer,.gbsq-modal-actions{grid-template-columns:1fr}
}

.hidden{display:none!important}
.gbsq-sync-status{display:inline-block;margin-top:12px;padding:8px 13px;border-radius:999px;background:#fff;border:2px solid #bbf7d0;color:#064f27;font-size:14px;font-weight:950}
.gbsq-pair-code{margin:16px auto;padding:16px;border:4px dashed #16a34a;border-radius:20px;background:#f0fdf4;color:#064f27;text-align:center;font-size:clamp(30px,7vw,52px);font-weight:950;letter-spacing:.16em}
.gbsq-lock{position:fixed;inset:0;z-index:1000001;background:linear-gradient(180deg,#eefbf2,#dcfce7);display:flex;align-items:center;justify-content:center;padding:16px}
.gbsq-lock-card{width:min(600px,100%);background:#fff;border:4px solid #bbf7d0;border-radius:32px;padding:28px;text-align:center;box-shadow:0 24px 60px rgba(6,79,39,.18)}
.gbsq-lock-icon{font-size:64px}.gbsq-lock-card h1{color:#064f27;font-size:clamp(32px,7vw,50px);margin:8px 0}.gbsq-lock-card p{font-size:20px;font-weight:800;color:#315246}
.gbsq-lock-card input{width:100%;min-height:62px;border:3px solid #bbf7d0;border-radius:18px;padding:10px 14px;font-size:26px;text-align:center;letter-spacing:.2em;margin:12px 0}
.gbsq-lock-status{min-height:24px;margin-top:10px;color:#b91c1c;font-weight:900}.gbsq-app-locked{visibility:hidden}