:root{
    --bg:#FAF8F3;
    --ink:#1C1B19;
    --ink-soft:#5B584F;
    --teal:#2D5D5A;
    --amber:#E8A33D;
    --line:#D8D4C8;
    --panel:#FFFFFF;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:'Inter',system-ui,sans-serif;
    line-height:1.55;
  }
  .wrap{max-width:1080px;margin:0 auto;padding:0 24px;}
  header.site{
    border-bottom:1px solid var(--line);
    padding:20px 0;
  }
  header.site .wrap{display:flex;align-items:center;justify-content:space-between;}
  .logo{font-family:'Plus Jakarta Sans',serif;font-weight:600;font-size:20px;color:var(--ink);text-decoration:none;}
  nav.tools a{font-size:14px;color:var(--ink-soft);text-decoration:none;margin-left:20px;}
  nav.tools a:hover{color:var(--teal);}

  .hero{padding:56px 0 8px;}
  h1{
    font-family:'Plus Jakarta Sans',serif;
    font-weight:500;
    font-size:clamp(32px,4.5vw,48px);
    line-height:1.1;
    margin:0 0 12px;
    max-width:20ch;
  }
  .sub{color:var(--ink-soft);font-size:17px;max-width:56ch;margin:0 0 32px;}

  .tool{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 12px 32px rgba(28,27,25,.05);}
  textarea{display:block;width:100%;min-height:280px;border:0;resize:vertical;padding:24px 26px;font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:transparent;outline:none;}
  textarea::placeholder{color:#A9A69B;}
  .toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);background:#FCFBF8;}
  .toolbar-actions{display:flex;flex-wrap:wrap;gap:10px;}
  button.action{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;padding:10px 15px;border-radius:7px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;}
  button.action:hover:not(:disabled){border-color:var(--teal);color:var(--teal);transform:translateY(-1px);}
  button.action:disabled{opacity:.55;cursor:not-allowed;}
  button.action.primary{background:var(--teal);border-color:var(--teal);color:#fff;}
  button.action.primary:hover:not(:disabled){background:#244A48;color:#fff;}
  button.action:focus-visible{outline:2px solid var(--teal);outline-offset:2px;}
  .editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--line);background:#FCFBF8;}
  .toolbar .hint,.editor-note{font-size:13px;color:var(--ink-soft);}
  .editor-status{min-height:1.4em;font-size:13px;color:var(--teal);}
  .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  .reading-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #D9E5E2;border-radius:999px;color:var(--teal);background:#F3F8F6;font-size:13px;font-weight:600;white-space:nowrap;}
  .scoreboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;}
  .stat{min-width:0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel);transition:border-color .15s ease,transform .15s ease;}
  .stat:hover{border-color:#A9C0BC;transform:translateY(-2px);}
  .stat-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
  .stat-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#F2F6F4;color:var(--teal);font-size:17px;font-weight:700;}
  .stat-title{font-weight:600;font-size:14px;}
  .stat .num{font-family:'Plus Jakarta Sans',serif;font-weight:600;font-size:clamp(24px,3vw,34px);color:var(--teal);line-height:1;font-variant-numeric:tabular-nums;}
  .stat .label{font-size:12px;color:var(--ink-soft);margin-top:6px;}
  .stat-details{display:flex;gap:16px;margin-top:12px;padding-top:10px;border-top:1px solid #EEECE6;}
  .stat-detail{font-size:12px;color:var(--ink-soft);}
  .stat-detail strong{display:block;color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums;}
  @media (max-width:760px){.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media (max-width:520px){
    .wrap{padding:0 16px;}
    header.site{padding:16px 0;}
    nav.tools a{margin-left:10px;font-size:13px;}
    .hero{padding-top:38px;}
    .toolbar{padding:14px;}
    .toolbar-actions{width:100%;}
    .toolbar-actions button{flex:1;}
    textarea{min-height:230px;padding:18px;font-size:16px;}
    .scoreboard{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
    .stat{padding:15px;}
    .stat:last-child{grid-column:1 / -1;}
    .stat .num{font-size:28px;}
  }

  section.content{padding:56px 0;}
  section.content h2{
    font-family:'Plus Jakarta Sans',serif;
    font-weight:500;
    font-size:26px;
    margin:0 0 14px;
  }
  section.content p{color:var(--ink-soft);max-width:70ch;margin:0 0 16px;}

  .limits{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin:24px 0;
  }
  .limit-card{
    border:1px solid var(--line);
    border-radius:4px;
    padding:18px;
    background:var(--panel);
  }
  .limit-card .platform{font-weight:600;font-size:15px;margin-bottom:4px;}
  .limit-card .count{font-size:14px;color:var(--ink-soft);}
  @media (max-width:640px){.limits{grid-template-columns:1fr 1fr;}}

  .faq details{
    border-bottom:1px solid var(--line);
    padding:16px 0;
  }
  .faq summary{
    font-weight:600;
    cursor:pointer;
    font-size:16px;
  }
  .faq p{margin-top:10px;}

  .related{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
  }
  .related a{
    font-size:14px;
    padding:8px 14px;
    border:1px solid var(--line);
    border-radius:20px;
    text-decoration:none;
    color:var(--ink);
  }
  .related a:hover{border-color:var(--teal);color:var(--teal);}

  footer{
    border-top:1px solid var(--line);
    padding:28px 0;
    font-size:13px;
    color:var(--ink-soft);
  }
  footer .wrap{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center;}
  footer a{color:var(--ink-soft);text-decoration:none;margin-right:16px;}
  footer a:hover{color:var(--teal);}

  :focus-visible{outline:2px solid var(--teal);outline-offset:2px;}