/*
Theme Name: Give Advice Take None
Theme URI: https://giveadvicetakenone.com
Author: Jared + ChatGPT
Description: A private, colorful, slapstick communication portal disguised as the world's least qualified therapy office.
Version: 1.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: give-advice-take-none
*/

:root{
  --ink:#241b2f;
  --paper:#fffaf1;
  --pink:#ff5aa5;
  --yellow:#ffd84d;
  --blue:#47c7ff;
  --green:#5ee6a8;
  --purple:#9e74ff;
  --red:#ff5c5c;
  --orange:#ff9e4a;
  --white:#fff;
  --shadow:8px 8px 0 var(--ink);
  --shadow-sm:4px 4px 0 var(--ink);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.gatn-body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 10% 20%, rgba(255,216,77,.55) 0 7%, transparent 8%),
    radial-gradient(circle at 88% 15%, rgba(71,199,255,.45) 0 8%, transparent 9%),
    radial-gradient(circle at 78% 80%, rgba(255,90,165,.36) 0 10%, transparent 11%),
    linear-gradient(135deg,#fff8cf 0%,#eafaff 48%,#ffe8f3 100%);
  font-family:"Comic Sans MS","Trebuchet MS",system-ui,sans-serif;
  min-height:100vh;
}

a{color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}

.gatn-squiggle{
  position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:-1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cpath d='M14 36 Q42 8 70 36 T126 36 T182 36' fill='none' stroke='%23241b2f' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M25 118 q18-24 36 0t36 0t36 0' fill='none' stroke='%23241b2f' stroke-width='4'/%3E%3Ccircle cx='144' cy='92' r='8' fill='none' stroke='%23241b2f' stroke-width='4'/%3E%3C/svg%3E");
}

.gatn-wrap{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:24px 0 70px}
.gatn-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.gatn-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:1000;letter-spacing:-1px}
.gatn-brand-badge{width:58px;height:58px;border:4px solid var(--ink);border-radius:17px;background:var(--yellow);box-shadow:var(--shadow-sm);display:grid;place-items:center;font-size:32px;transform:rotate(-5deg)}
.gatn-brand-title{font-size:clamp(22px,3vw,36px);line-height:.95;text-transform:uppercase}
.gatn-tiny{font-size:12px;font-weight:800;opacity:.72;text-transform:uppercase;letter-spacing:1.2px}
.gatn-nav{display:flex;gap:10px;flex-wrap:wrap}
.gatn-pill{border:3px solid var(--ink);border-radius:999px;background:var(--white);padding:9px 14px;font-weight:900;text-decoration:none;box-shadow:3px 3px 0 var(--ink)}
.gatn-pill:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}

.gatn-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;margin:28px 0 36px}
.gatn-kicker{display:inline-block;background:var(--pink);border:4px solid var(--ink);padding:8px 13px;border-radius:14px;box-shadow:var(--shadow-sm);font-weight:1000;text-transform:uppercase;transform:rotate(-1deg)}
.gatn-h1{font-size:clamp(52px,8vw,108px);line-height:.82;letter-spacing:-5px;margin:22px 0 16px;text-transform:uppercase;text-shadow:5px 5px 0 var(--white),8px 8px 0 var(--ink)}
.gatn-sub{font-size:clamp(18px,2.2vw,28px);line-height:1.12;font-weight:900;max-width:760px}
.gatn-hero-card{background:var(--white);border:5px solid var(--ink);border-radius:28px;box-shadow:var(--shadow);padding:22px;position:relative;transform:rotate(1.2deg)}
.gatn-couch{font-size:92px;text-align:center;filter:drop-shadow(5px 5px 0 rgba(36,27,47,.18))}
.gatn-duck{position:absolute;right:18px;top:-34px;font-size:66px;transform:rotate(8deg)}
.gatn-note{background:var(--yellow);border:3px solid var(--ink);padding:13px 15px;box-shadow:var(--shadow-sm);font-weight:900;transform:rotate(-2deg);margin-top:8px}
.gatn-note strong{font-size:19px}
.gatn-danger-tape{margin-top:18px;padding:11px;border:4px dashed var(--ink);background:repeating-linear-gradient(-45deg,var(--yellow) 0 18px,var(--ink) 18px 36px);color:var(--ink);border-radius:12px}
.gatn-danger-tape span{display:inline-block;background:var(--white);padding:6px 12px;border:3px solid var(--ink);font-weight:1000;transform:rotate(1deg)}

.gatn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}
.gatn-card{background:var(--white);border:4px solid var(--ink);border-radius:22px;box-shadow:var(--shadow-sm);padding:20px;min-height:190px;position:relative;overflow:hidden}
.gatn-card:nth-child(1){background:#fff0f7}.gatn-card:nth-child(2){background:#effcff}.gatn-card:nth-child(3){background:#f4efff}
.gatn-card-emoji{font-size:48px;position:absolute;right:14px;top:10px}
.gatn-card h3{font-size:27px;line-height:1;margin:4px 54px 12px 0;text-transform:uppercase}
.gatn-card p{font-size:17px;font-weight:700;line-height:1.32}

.gatn-cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px}
.gatn-btn{appearance:none;border:4px solid var(--ink);border-radius:18px;background:var(--yellow);padding:15px 20px;font-weight:1000;text-transform:uppercase;box-shadow:var(--shadow-sm);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.12s transform,.12s box-shadow}
.gatn-btn:hover{transform:translate(3px,3px) rotate(-.4deg);box-shadow:1px 1px 0 var(--ink)}
.gatn-btn.pink{background:var(--pink)}
.gatn-btn.blue{background:var(--blue)}
.gatn-btn.green{background:var(--green)}
.gatn-btn.purple{background:var(--purple);color:#17101e}
.gatn-btn.red{background:var(--red);color:#190c0c}
.gatn-btn.ghost{background:var(--white)}

.gatn-footer{margin-top:50px;border-top:4px dashed var(--ink);padding-top:18px;font-weight:800;text-align:center;opacity:.8}

/* portal */
.gatn-portal-shell{display:grid;grid-template-columns:310px 1fr;gap:22px;align-items:start}
.gatn-side{position:sticky;top:16px;background:#fff;border:4px solid var(--ink);border-radius:24px;box-shadow:var(--shadow-sm);padding:18px}
.gatn-avatar{height:170px;border:4px solid var(--ink);border-radius:20px;background:linear-gradient(135deg,var(--yellow),#fff0f7 55%,var(--blue));display:grid;place-items:center;font-size:78px;position:relative;overflow:hidden}
.gatn-avatar:after{content:"TOTALLY LICENSED*";position:absolute;bottom:11px;right:-34px;background:var(--pink);border:3px solid var(--ink);font-size:11px;font-weight:1000;padding:5px 42px;transform:rotate(-13deg)}
.gatn-side h2{font-size:31px;line-height:.95;text-transform:uppercase;margin:18px 0 6px}
.gatn-stat{display:flex;justify-content:space-between;gap:12px;border-bottom:2px dashed rgba(36,27,47,.4);padding:9px 0;font-weight:900}
.gatn-side-joke{margin-top:16px;background:#f5efff;border:3px solid var(--ink);padding:11px;border-radius:14px;font-weight:850;transform:rotate(-1deg)}

.gatn-main{min-width:0}
.gatn-banner{background:var(--white);border:4px solid var(--ink);border-radius:24px;box-shadow:var(--shadow-sm);padding:18px 20px;margin-bottom:18px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.gatn-banner h1{font-size:clamp(32px,5vw,62px);line-height:.86;margin:0;text-transform:uppercase;letter-spacing:-2px}
.gatn-banner p{font-weight:850;margin:8px 0 0;font-size:17px}
.gatn-siren{font-size:58px;animation:gatn-wobble .7s infinite alternate ease-in-out}
@keyframes gatn-wobble{from{transform:rotate(-7deg) scale(.98)}to{transform:rotate(7deg) scale(1.04)}}

.gatn-login{max-width:560px;margin:55px auto;background:#fff;border:5px solid var(--ink);border-radius:28px;box-shadow:var(--shadow);padding:24px}
.gatn-login h1{font-size:46px;line-height:.9;margin:4px 0 8px;text-transform:uppercase}
.gatn-field{display:grid;gap:7px;margin:14px 0}
.gatn-field label{font-weight:1000;text-transform:uppercase;font-size:13px;letter-spacing:.8px}
.gatn-input,.gatn-textarea,.gatn-select{width:100%;border:4px solid var(--ink);border-radius:15px;background:#fff;padding:13px 14px;outline:none;font-weight:800;box-shadow:inset 0 -3px 0 rgba(36,27,47,.08)}
.gatn-textarea{min-height:135px;resize:vertical}
.gatn-input:focus,.gatn-textarea:focus,.gatn-select:focus{box-shadow:0 0 0 5px rgba(71,199,255,.3)}

.gatn-argument-button{width:100%;min-height:140px;font-size:clamp(28px,4vw,52px);line-height:.95;background:var(--red);border:6px solid var(--ink);border-radius:28px;box-shadow:10px 10px 0 var(--ink);font-weight:1000;text-transform:uppercase;padding:18px 22px;position:relative;overflow:hidden}
.gatn-argument-button:before,.gatn-argument-button:after{content:"💥";position:absolute;font-size:46px}.gatn-argument-button:before{left:12px;top:8px}.gatn-argument-button:after{right:12px;bottom:8px}
.gatn-argument-button:hover{transform:translate(4px,4px) rotate(-.25deg);box-shadow:5px 5px 0 var(--ink)}
.gatn-under-button{text-align:center;font-weight:900;margin:12px 0 18px}
.gatn-under-button button{background:none;border:0;text-decoration:underline;font-weight:1000}

.gatn-compose{background:#fff;border:4px solid var(--ink);border-radius:24px;box-shadow:var(--shadow-sm);padding:19px;margin-bottom:20px}
.gatn-compose-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.gatn-compose-title h3{font-size:27px;line-height:1;margin:0;text-transform:uppercase}
.gatn-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:11px 0 14px}
.gatn-chip{border:3px solid var(--ink);border-radius:999px;background:#fff8c8;padding:8px 11px;font-weight:900;font-size:13px;box-shadow:2px 2px 0 var(--ink)}
.gatn-chip.active{background:var(--pink);transform:rotate(-1deg)}

.gatn-docket{display:grid;gap:15px}
.gatn-message{background:#fff;border:4px solid var(--ink);border-radius:20px;box-shadow:var(--shadow-sm);padding:16px;position:relative}
.gatn-message.incoming{background:#fff0f6}.gatn-message.outgoing{background:#eefbff}
.gatn-message.argument{border-width:5px;background:linear-gradient(135deg,#fff1a9,#ffd3d3)}
.gatn-message-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.gatn-message-badge{display:inline-block;border:3px solid var(--ink);border-radius:999px;padding:5px 9px;background:var(--yellow);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.6px}
.gatn-message-who{font-weight:1000;font-size:19px;text-transform:uppercase}
.gatn-message-time{font-size:12px;font-weight:800;opacity:.65}
.gatn-message-body{font-size:18px;font-weight:800;line-height:1.32;margin:12px 0;white-space:pre-wrap;word-wrap:break-word}
.gatn-message-category{font-size:13px;font-weight:1000;margin-top:4px}
.gatn-rulings{display:flex;gap:8px;flex-wrap:wrap;border-top:3px dashed rgba(36,27,47,.35);padding-top:12px;margin-top:13px}
.gatn-mini-btn{border:3px solid var(--ink);border-radius:12px;background:#fff;padding:7px 10px;font-weight:950;box-shadow:2px 2px 0 var(--ink)}
.gatn-mini-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}
.gatn-status{font-size:12px;font-weight:1000;text-transform:uppercase;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:4px 8px;display:inline-block}

.gatn-toast{position:fixed;right:18px;bottom:18px;max-width:360px;background:var(--green);border:4px solid var(--ink);border-radius:16px;padding:13px 15px;box-shadow:var(--shadow-sm);font-weight:1000;z-index:9999;transform:translateY(140%);transition:.2s}
.gatn-toast.show{transform:translateY(0)}
.gatn-toast.error{background:var(--red)}
.gatn-hidden{display:none!important}
.gatn-empty{background:#fff;border:4px dashed var(--ink);padding:25px;border-radius:20px;text-align:center;font-weight:950;font-size:18px}
.gatn-logout{border:3px solid var(--ink);background:var(--white);border-radius:12px;padding:8px 11px;font-weight:1000}

@media (max-width:900px){
 .gatn-hero,.gatn-portal-shell{grid-template-columns:1fr}.gatn-side{position:static}.gatn-grid{grid-template-columns:1fr}.gatn-h1{letter-spacing:-3px}.gatn-hero-card{transform:none}
}
@media (max-width:560px){
 .gatn-wrap{width:min(100% - 18px,1180px);padding-top:12px}.gatn-topbar{margin-bottom:14px}.gatn-brand-badge{width:48px;height:48px;font-size:27px}.gatn-brand-title{font-size:22px}.gatn-h1{font-size:58px}.gatn-btn{width:100%}.gatn-login{margin:25px auto;padding:18px}.gatn-banner{padding:14px}.gatn-argument-button{min-height:120px;font-size:30px}.gatn-side{padding:14px}.gatn-avatar{height:130px;font-size:62px}
}

/* v1.1 — Crayon Calendar */
.gatn-calendar-wrap{margin:28px 0;background:#fffdf1;border:5px solid var(--ink);border-radius:28px;box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}
.gatn-calendar-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#47c7ff 1px,transparent 1px),linear-gradient(90deg,#47c7ff 1px,transparent 1px);background-size:24px 24px}
.gatn-calendar-wrap>*{position:relative}
.gatn-calendar-title-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.gatn-calendar-title-row h2{font-size:clamp(34px,5vw,58px);line-height:.9;text-transform:uppercase;margin:14px 0 7px;letter-spacing:-2px}
.gatn-calendar-title-row p{font-weight:850;font-size:17px;max-width:720px;margin:0}
.gatn-calendar-sticker{width:92px;height:92px;border:4px solid var(--ink);border-radius:50%;background:var(--yellow);display:grid;place-items:center;text-align:center;font-size:31px;line-height:.7;font-weight:1000;transform:rotate(8deg);box-shadow:4px 4px 0 var(--ink)}
.gatn-calendar-sticker small{font-size:11px;line-height:.9}
.gatn-calendar-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:18px;align-items:start}
.gatn-time-slip{background:#fff3a8;border:4px solid var(--ink);border-radius:20px;padding:17px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-.25deg)}
.gatn-time-slip h3{font-size:27px;text-transform:uppercase;margin:0 0 12px}
.gatn-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gatn-short-textarea{min-height:84px}
.gatn-calendar-board{background:#bdeeff;border:4px solid var(--ink);border-radius:22px;padding:13px;box-shadow:5px 5px 0 var(--ink);transform:rotate(.18deg)}
.gatn-calendar-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.gatn-calendar-controls h3{margin:0;text-align:center;text-transform:uppercase;font-size:24px}
.gatn-weekdays,.gatn-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.gatn-weekdays span{text-align:center;font-size:11px;font-weight:1000;text-transform:uppercase;padding:4px 0}
.gatn-cal-day{min-height:92px;background:#fff;border:3px solid var(--ink);border-radius:10px;padding:5px;position:relative;overflow:hidden}
.gatn-cal-day.outside{opacity:.42;background:#eee}
.gatn-cal-day.today{outline:5px solid var(--pink);outline-offset:-5px}
.gatn-cal-number{font-size:14px;font-weight:1000;margin-bottom:4px}
.gatn-cal-event{border:2px solid var(--ink);border-radius:7px;padding:3px 4px;font-size:9px;font-weight:950;line-height:1.05;margin:3px 0;word-break:break-word}
.gatn-cal-event.approved{background:var(--green)}
.gatn-cal-event.pending{background:var(--yellow);transform:rotate(-1deg)}
.gatn-cal-event small{display:block;font-size:8px;margin-top:2px}
.gatn-time-requests{display:grid;gap:14px}
.gatn-time-card{border:4px solid var(--ink);border-radius:18px;background:#fff;padding:15px;box-shadow:4px 4px 0 var(--ink);position:relative}
.gatn-time-card.incoming{background:#fff0f7}.gatn-time-card.outgoing{background:#effcff}
.gatn-time-card.status-approved,.gatn-time-card.status-counter_accepted{background:#e7ffd8}
.gatn-time-card.status-denied,.gatn-time-card.status-counter_rejected{background:#ffe0e0}
.gatn-time-card.status-countered{background:#f4e5ff}
.gatn-time-pin{position:absolute;top:-17px;right:18px;font-size:31px;transform:rotate(10deg)}
.gatn-time-card h4{font-size:24px;line-height:1;margin:6px 0 0}
.gatn-time-big{font-size:19px;font-weight:1000;margin:12px 0;background:#fff;border:3px dashed var(--ink);border-radius:12px;padding:9px}
.gatn-time-note-text{font-weight:850;font-size:16px;margin:9px 0}
.gatn-counter-note{font-size:13px;font-weight:900;background:#fff7c9;border:2px solid var(--ink);border-radius:9px;padding:7px;margin:7px 0}
.gatn-time-actions{display:flex;gap:7px;flex-wrap:wrap;border-top:3px dashed rgba(36,27,47,.35);padding-top:11px;margin-top:11px}
.gatn-counter-box{width:100%;background:#f6e7ff;border:3px solid var(--ink);border-radius:14px;padding:12px;margin-top:6px}

/* Fortune Cookie of Questionable Wisdom */
.gatn-cookie-button{position:fixed;right:18px;bottom:18px;z-index:9000;border:4px solid var(--ink);border-radius:50%;width:100px;height:100px;background:var(--yellow);box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-weight:1000;cursor:pointer;transform:rotate(3deg)}
.gatn-cookie-button:hover{transform:translate(3px,3px) rotate(-2deg);box-shadow:3px 3px 0 var(--ink)}
.gatn-cookie-emoji{font-size:42px;line-height:.9}
.gatn-cookie-label{font-size:10px;line-height:.9;text-transform:uppercase;margin-top:5px}
.gatn-cookie-backdrop{position:fixed;inset:0;background:rgba(36,27,47,.55);z-index:9100}
.gatn-cookie-pop{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 28px));z-index:9200;background:#fff7c8;border:6px solid var(--ink);border-radius:28px;box-shadow:10px 10px 0 var(--ink);padding:22px;text-align:center;overflow:hidden}
.gatn-cookie-pop:before{content:"BAD THERAPY WISDOM • BAD THERAPY WISDOM •";position:absolute;left:-30px;right:-30px;top:10px;font-size:10px;font-weight:1000;letter-spacing:2px;opacity:.18;transform:rotate(-2deg)}
.gatn-cookie-close{position:absolute;right:10px;top:10px;border:3px solid var(--ink);background:var(--pink);border-radius:50%;width:36px;height:36px;font-weight:1000;z-index:2}
.gatn-cookie-pop h2{font-size:clamp(27px,5vw,42px);line-height:.9;text-transform:uppercase;margin:7px 34px 17px}
.gatn-cookie-stage{height:115px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:4px}
.gatn-cookie-half{position:absolute;font-size:84px;transition:transform .48s cubic-bezier(.18,.89,.32,1.28),opacity .48s;filter:drop-shadow(4px 4px 0 rgba(36,27,47,.15))}
.gatn-cookie-half.left{clip-path:inset(0 50% 0 0)}
.gatn-cookie-half.right{clip-path:inset(0 0 0 50%)}
.gatn-cookie-stage.cracked .left{transform:translateX(-75px) rotate(-32deg)}
.gatn-cookie-stage.cracked .right{transform:translateX(75px) rotate(32deg)}
.gatn-cookie-boom{position:absolute;font-size:42px;opacity:0;transform:scale(.2);transition:.2s .2s}
.gatn-cookie-stage.cracked .gatn-cookie-boom{opacity:1;transform:scale(1.3) rotate(8deg)}
.gatn-fortune-paper{background:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:17px 20px;margin:5px auto 18px;max-width:470px;transform:rotate(-1deg);display:flex;align-items:center;gap:10px;justify-content:center;min-height:88px}
.gatn-fortune-paper p{margin:0;font-size:18px;font-weight:950;line-height:1.25}
.gatn-fortune-star{font-size:20px;color:#c34cff}

@media(max-width:900px){.gatn-calendar-layout{grid-template-columns:1fr}.gatn-time-slip,.gatn-calendar-board{transform:none}}
@media(max-width:650px){
 .gatn-time-grid{grid-template-columns:1fr}.gatn-calendar-board{padding:7px}.gatn-weekdays,.gatn-calendar-grid{gap:2px}.gatn-cal-day{min-height:70px;padding:3px;border-width:2px}.gatn-cal-event{font-size:7px;padding:2px}.gatn-calendar-controls{flex-wrap:wrap}.gatn-calendar-controls h3{order:-1;width:100%}.gatn-cookie-button{width:78px;height:78px;right:10px;bottom:10px}.gatn-cookie-emoji{font-size:33px}.gatn-cookie-label{font-size:8px}.gatn-cookie-pop{padding:16px}.gatn-fortune-paper p{font-size:16px}
}


/* v1.4 notifications + password control */
.gatn-notify-card,.gatn-password-card{
  background:#fff;border:4px solid var(--ink);border-radius:24px;box-shadow:var(--shadow-sm);padding:20px;margin:0 0 20px;position:relative;overflow:hidden
}
.gatn-notify-card{background:linear-gradient(135deg,#fff8c9,#eafff4 52%,#eaf9ff)}
.gatn-password-card{background:linear-gradient(135deg,#f4efff,#fff0f7 52%,#fff8cf)}
.gatn-notify-head,.gatn-password-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.gatn-notify-head h2,.gatn-password-head h2{font-size:clamp(30px,4vw,48px);line-height:.9;margin:13px 0 7px;text-transform:uppercase}
.gatn-notify-head p,.gatn-password-head p{font-weight:850;margin:0;max-width:720px}
.gatn-notify-bell{font-size:65px;animation:gatn-ring .9s infinite alternate ease-in-out;transform-origin:50% 0}
.gatn-password-emoji{font-size:58px;transform:rotate(4deg)}
@keyframes gatn-ring{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
.gatn-notify-tip{margin-top:14px;border:3px dashed var(--ink);border-radius:14px;background:#fff;padding:12px 14px;font-weight:850}
.gatn-setup-card{margin-top:18px;background:#fff7bd;border:4px solid var(--ink);border-radius:20px;box-shadow:var(--shadow-sm);padding:17px;position:relative}
.gatn-setup-card h3{font-size:24px;line-height:1;margin:0 52px 12px 0;text-transform:uppercase}
.gatn-setup-sticker{position:absolute;right:12px;top:9px;font-size:36px;transform:rotate(7deg)}
.gatn-big-steps{margin:10px 0 0;padding-left:28px;display:grid;gap:10px;font-size:16px;font-weight:800;line-height:1.3}
.gatn-big-steps li::marker{font-weight:1000;font-size:20px}
.gatn-big-steps.compact{gap:7px;font-size:15px}
.gatn-do-not{margin-top:14px;background:var(--red);border:3px solid var(--ink);border-radius:13px;padding:11px;font-weight:1000;text-transform:uppercase}
.gatn-step-icon{font-size:22px}
.gatn-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.gatn-new-password-field{grid-column:1/-1}
.gatn-password-row{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}
.gatn-password-row .gatn-mini-btn{height:100%}
.gatn-device-ok{background:var(--green)!important}
.gatn-device-warn{background:var(--yellow)!important}
.gatn-device-bad{background:var(--red)!important}
.gatn-unread-flash{animation:gatn-unread-pulse .75s infinite alternate}
@keyframes gatn-unread-pulse{from{box-shadow:var(--shadow-sm)}to{box-shadow:0 0 0 8px rgba(255,92,92,.35),var(--shadow-sm)}}
.gatn-push-status-pill{display:inline-block;border:3px solid var(--ink);border-radius:999px;padding:5px 10px;background:#fff;font-weight:1000;font-size:12px;text-transform:uppercase}

@media(max-width:650px){
  .gatn-password-grid{grid-template-columns:1fr}
  .gatn-new-password-field{grid-column:auto}
  .gatn-password-row{grid-template-columns:1fr}
  .gatn-setup-card h3{font-size:21px}
  .gatn-big-steps{font-size:15px;padding-left:25px}
  .gatn-notify-bell,.gatn-password-emoji{font-size:45px}
}