/* Ninjacado Website Roast — φορτώνει μόνο στη σελίδα του εργαλείου. */
.njr{
  --njr-green:var(--c-green,#1DBF73);
  --njr-deep:var(--c-deepgreen,#0D5C3B);
  --njr-dark:var(--c-dark,#17221D);
  --njr-mint:var(--c-mint,#DDF7EB);
  --njr-bg:var(--c-bg,#F7FAF8);
  --njr-border:var(--c-border,#E7ECE9);
  --njr-gray:var(--c-gray,#535D57);
  --njr-mono:var(--font-mono,'JetBrains Mono',ui-monospace,monospace);
  --njr-body:var(--font-body,'IBM Plex Sans',system-ui,sans-serif);
  color:var(--njr-dark);font-family:var(--njr-body);
}
.njr *{box-sizing:border-box}
.njr [hidden]{display:none!important}
.njr h1,.njr h2,.njr h3{font-family:var(--njr-mono);margin:0;overflow-wrap:break-word}
.njr p{margin:0}
.njr-wrap{max-width:1200px;margin:0 auto;padding-left:var(--pad-x,24px);padding-right:var(--pad-x,24px)}
.njr-mono{font-family:var(--njr-mono)}
.njr-muted{color:var(--njr-gray);font-size:15px;line-height:1.6}
.njr-hl{background:var(--njr-green);color:var(--njr-dark);padding:0 .2em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.njr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Κουμπιά */
.njr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:0;font-family:var(--njr-mono);font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;max-width:100%;text-align:center;transition:transform .15s ease,background .15s ease}
.njr-btn:focus-visible{outline:3px solid var(--njr-dark);outline-offset:3px}
.njr-btn--green{background:var(--njr-green);color:var(--njr-dark)}
.njr-btn--green:hover{background:#18a964;color:var(--njr-dark)}
.njr-btn--dark{background:var(--njr-dark);color:#F7FAF8}
.njr-btn--outline{background:#fff;color:var(--njr-dark);border:1px solid var(--njr-dark);font-size:14px;min-height:44px;padding:0 16px}
.njr-btn--outline:hover{background:var(--njr-mint)}
.njr-btn[disabled]{opacity:.6;cursor:wait}

/* Hero */
.njr-hero{display:flex;flex-wrap:wrap;flex-direction:row-reverse;align-items:center;gap:48px;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,64px)}
.njr-hero__text{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:22px}
.njr-hero__visual{flex:1 1 300px;display:flex;justify-content:center}
.njr-badge{align-self:flex-start;background:var(--njr-mint);color:var(--njr-deep);font-family:var(--njr-mono);font-size:13px;font-weight:700;padding:6px 14px;border-radius:8px}
.njr-hero__title{font-size:clamp(32px,5vw,52px);line-height:1.12;font-weight:800;letter-spacing:-.5px}
.njr-lede{font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:var(--njr-gray);max-width:580px}
.njr-circle{position:relative;width:min(380px,100%);aspect-ratio:1/1;border-radius:50%;background:var(--njr-mint);display:flex;align-items:flex-end;justify-content:center}
.njr-circle img{height:118%;width:auto;max-width:none}
.njr-bubble{background:var(--njr-dark);color:#F7FAF8;font-family:var(--njr-mono);font-weight:700;font-size:14px;line-height:1.45;padding:12px 16px}
.njr-bubble--hero{position:absolute;top:14px;right:0;max-width:190px;border-radius:12px 12px 12px 2px}

/* Φόρμα, σφάλμα, αναμονή: ίδιος χώρος, ώστε να μη «πηδάει» η σελίδα */
.njr-stage{max-width:600px;min-height:150px}
.njr-form{display:flex;flex-direction:column;gap:10px}
.njr-label{font-family:var(--njr-mono);font-size:14px;font-weight:700}
.njr-form__row{display:flex;flex-wrap:wrap;gap:12px}
.njr-form input[type=text]{flex:999 1 260px;min-width:0;height:56px;padding:0 18px;border:2px solid var(--njr-dark);border-radius:10px;background:#fff;font-family:var(--njr-mono);font-size:16px;color:var(--njr-dark)}
.njr-form input[type=text]:focus{outline:3px solid var(--njr-green);outline-offset:1px}
.njr-form .njr-btn{flex:1 0 auto;height:56px;white-space:nowrap}
.njr-micro{font-size:14px;color:var(--njr-gray)}
.njr-error{background:#FDECEA;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.njr-error__msg{font-family:var(--njr-mono);font-weight:800;font-size:17px;line-height:1.4}
.njr-error__help{font-size:15px;color:#5a2a25}
.njr-loading{display:flex;flex-direction:column;gap:14px}
.njr-loading__title{font-family:var(--njr-mono);font-size:22px;font-weight:800}
.njr-loading__url{font-family:var(--njr-mono);font-size:14px;color:var(--njr-gray);word-break:break-all}
.njr-progress{height:10px;border-radius:99px;background:var(--njr-border);overflow:hidden}
.njr-progress span{display:block;height:100%;width:0;background:var(--njr-green);border-radius:99px;transition:width .6s ease}
.njr-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.njr-steps li{display:flex;align-items:center;gap:12px;color:var(--njr-gray)}
.njr-steps li::before{content:"";flex:0 0 22px;height:22px;border-radius:50%;border:2px solid var(--njr-border);box-sizing:border-box}
.njr-steps li.is-active{color:var(--njr-dark);font-weight:600}
.njr-steps li.is-active::before{border:3px solid var(--njr-green);border-right-color:var(--njr-border);animation:njr-spin .9s linear infinite}
.njr-steps li.is-done{color:var(--njr-dark)}
.njr-steps li.is-done::before{border:0;background:var(--njr-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317221D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat}
.njr-tip{background:var(--njr-dark);color:#F7FAF8;border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.55}
.njr-tip strong{display:block;font-family:var(--njr-mono);font-size:12px;color:var(--njr-green);margin-bottom:2px}
@keyframes njr-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.njr-steps li.is-active::before{animation:none}.njr-progress span{transition:none}}

/* Τι ψήνουμε */
.njr-band{background:#fff;border-top:1px solid var(--njr-border);border-bottom:1px solid var(--njr-border);padding:clamp(48px,6vw,72px) 0}
.njr-head{display:flex;flex-direction:column;gap:12px;max-width:640px;margin-bottom:36px}
.njr-head h2{font-size:clamp(26px,3vw,34px);font-weight:800}
.njr-head p{font-size:17px;line-height:1.6;color:var(--njr-gray)}
.njr-head--center{margin-left:auto;margin-right:auto;text-align:center;align-items:center}
.njr-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.njr-card{flex:1 1 300px;max-width:370px;border:1px solid var(--njr-border);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:var(--njr-bg)}
.njr-card__num{font-family:var(--njr-mono);font-size:13px;font-weight:700;color:var(--njr-deep)}
.njr-card h3{font-size:18px}
.njr-card p{font-size:15px;line-height:1.55;color:var(--njr-gray)}

/* Πώς δουλεύει */
.njr-how{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding-top:clamp(48px,6vw,72px);padding-bottom:clamp(48px,6vw,72px)}
.njr-how__steps{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:26px}
.njr-how__steps h2{font-size:clamp(26px,3vw,34px);font-weight:800}
.njr-step{display:flex;gap:18px;align-items:flex-start}
.njr-step>span{flex:0 0 44px;height:44px;border-radius:10px;background:var(--njr-dark);color:var(--njr-green);font-family:var(--njr-mono);font-weight:800;display:flex;align-items:center;justify-content:center}
.njr-step h3{font-size:18px;margin-bottom:4px}
.njr-step p{font-size:16px;line-height:1.55;color:var(--njr-gray)}
.njr-sample{flex:1 1 400px;min-width:0;background:#fff;border:1px solid var(--njr-border);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 40px rgba(23,34,29,.08)}
.njr-sample__top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.njr-sample__joke{font-family:var(--njr-mono);font-size:22px;line-height:1.35;font-weight:800}

/* Σκούρα λωρίδα */
.njr-bottom{padding-bottom:clamp(48px,6vw,80px)}
.njr-dark{background:var(--njr-dark);color:#F7FAF8;border-radius:18px;padding:clamp(24px,4vw,44px);display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.njr-dark>img{width:96px;height:96px}
.njr-dark__text{flex:999 1 400px;min-width:0;display:flex;flex-direction:column;gap:10px}
.njr-dark__text h2{font-size:clamp(22px,2.6vw,32px);line-height:1.2;font-weight:800}
.njr-dark__text p{font-size:16px;line-height:1.6;color:#C9D6CF}

/* Ετικέτες σοβαρότητας */
.njr-pill{font-family:var(--njr-mono);font-size:12px;font-weight:700;text-transform:uppercase;padding:5px 10px;border-radius:6px;white-space:nowrap}
.njr-pill--high{background:#FDECEA;color:#A8251A}
.njr-pill--mid{background:#FFF1CC;color:#7A4F00}
.njr-pill--low{background:var(--njr-border);color:#3F4843}

/* Αποτελέσματα */
.njr-res-top{padding-top:clamp(28px,4vw,48px);padding-bottom:24px;display:flex;flex-direction:column;gap:24px}
.njr-back{align-self:flex-start;font-family:var(--njr-mono);font-size:14px;font-weight:700;color:var(--njr-deep);text-decoration:none}
.njr-back:hover{text-decoration:underline}
.njr-res-hero{display:flex;flex-wrap:wrap;gap:28px;align-items:stretch}
.njr-scorecard{flex:999 1 540px;min-width:0;background:#fff;border:1px solid var(--njr-border);border-radius:18px;padding:clamp(22px,3vw,36px);display:flex;flex-wrap:wrap;align-items:center;gap:32px}
.njr-ring{flex:0 0 170px;width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--njr-ring) calc(var(--njr-score)*1%),var(--njr-border) 0);display:flex;align-items:center;justify-content:center}
.njr-ring__inner{width:136px;height:136px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.njr-ring__num{font-family:var(--njr-mono);font-size:50px;font-weight:800;line-height:1}
.njr-ring__of{font-family:var(--njr-mono);font-size:14px;color:var(--njr-gray)}
.njr-scorecard__text{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:10px}
.njr-verdict{font-size:clamp(30px,4vw,40px);line-height:1.1;font-weight:800}
.njr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.njr-chip{font-family:var(--njr-mono);font-size:13px;font-weight:700;padding:6px 12px;border-radius:8px;background:var(--njr-bg);border:1px solid var(--njr-border)}
.njr-mascot-box{flex:1 1 280px;min-width:0;background:var(--njr-mint);border-radius:18px;padding:24px 24px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px}
.njr-bubble--res{align-self:stretch;font-size:16px;border-radius:14px 14px 14px 2px}
.njr-mascot-box img{height:210px;width:auto}
.njr-note{background:#FFF8E6;border:1px solid #F2DFA8;border-radius:12px;padding:14px 18px;font-size:15px;line-height:1.55}

.njr-roast{display:flex;flex-direction:column;gap:18px;padding-bottom:24px}
.njr-roast__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.njr-roast__head h2{font-size:28px;font-weight:800}
.njr-filters{display:flex;flex-wrap:wrap;gap:8px}
.njr-filter{min-height:44px;padding:0 16px;border-radius:99px;border:1px solid var(--njr-border);background:#fff;color:var(--njr-dark);font-family:var(--njr-mono);font-size:14px;font-weight:600;cursor:pointer}
.njr-filter.is-active{background:var(--njr-dark);border-color:var(--njr-dark);color:#F7FAF8;font-weight:700}
.njr-filter:focus-visible{outline:3px solid var(--njr-green);outline-offset:2px}
.njr-issue{background:#fff;border:1px solid var(--njr-border);border-radius:16px;padding:clamp(20px,3vw,28px);display:flex;flex-wrap:wrap;gap:24px}
.njr-issue[hidden]{display:none}
.njr-issue__main{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:12px}
.njr-issue__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.njr-issue__meta .njr-muted{font-size:13px}
.njr-issue__joke{font-size:clamp(18px,2vw,22px);line-height:1.35;font-weight:800}
.njr-issue__fix{flex:1 1 280px;min-width:0;background:var(--njr-bg);border:1px solid var(--njr-border);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.6}
.njr-fix-label{font-family:var(--njr-mono);font-size:12px;font-weight:700;color:var(--njr-deep);text-transform:uppercase}
.njr code{font-family:var(--njr-mono);font-size:.85em;background:var(--njr-border);padding:2px 6px;border-radius:5px;overflow-wrap:anywhere}

.njr-passed-wrap{padding-bottom:24px}
.njr-passed{background:#fff;border:1px solid var(--njr-border);border-radius:16px;padding:20px 26px}
.njr-passed summary{cursor:pointer;font-family:var(--njr-mono);font-size:17px;font-weight:800;min-height:28px}
.njr-passed p{margin-top:12px;font-size:15px;line-height:1.7;color:var(--njr-gray)}

.njr-share-wrap{padding-bottom:32px}
.njr-share{border:2px dashed var(--njr-border);border-radius:16px;padding:22px 26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.njr-share h2{font-size:20px;font-weight:800;margin-bottom:4px}
.njr-share__btns{display:flex;flex-wrap:wrap;gap:10px}

.njr-lead{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:10px}
.njr-lead input[type=email]{height:52px;padding:0 16px;border:0;border-radius:10px;background:#F7FAF8;font-size:16px;color:var(--njr-dark);width:100%}
.njr-lead input[type=email]:focus{outline:3px solid var(--njr-green)}
.njr-consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#C9D6CF}
.njr-consent input{margin-top:3px;width:18px;height:18px;flex:0 0 18px}
.njr-consent a{color:#F7FAF8;text-decoration:underline}
.njr-lead__msg{font-size:14px;min-height:20px;color:#C9D6CF}
.njr-lead__msg.is-ok{color:var(--njr-green);font-weight:700}
.njr-lead__msg.is-err{color:#FFB4A9;font-weight:700}
.njr-disclaimer{margin-top:18px;font-size:13px;line-height:1.6;color:var(--njr-gray);text-align:center}

@media (max-width:640px){
  .njr-hero{gap:28px}
  .njr-circle{width:min(280px,100%)}
  .njr-bubble--hero{font-size:13px;max-width:150px}
  .njr-ring{flex-basis:140px;width:140px;height:140px}
  .njr-ring__inner{width:110px;height:110px}
  .njr-ring__num{font-size:40px}
  .njr-mascot-box img{height:170px}
  .njr-scorecard{justify-content:center;text-align:left}
}