html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  background: #fffaf6;
}

.site-shell {
  width: 100%;
  min-height: 100vh;
}

.site-frame {
  display: block;
  width: 100%;
  height: 100vh;
  border: 0;
  background: #fffaf6;
}

.legal-shell { min-height:100vh; padding:clamp(24px,5vw,70px) 18px; color:#4d3028; background:radial-gradient(circle at 88% 4%,rgba(237,151,78,.18),transparent 25%),#fff9f4; font-family:Inter,ui-rounded,"Segoe UI",sans-serif; box-sizing:border-box; }
.legal-document { width:min(100%,820px); margin:auto; padding:clamp(25px,5vw,58px); border:1px solid #efd9ca; border-radius:30px; background:rgba(255,255,255,.92); box-shadow:0 24px 70px rgba(91,48,33,.09); box-sizing:border-box; }
.legal-back { display:inline-block; margin-bottom:34px; color:#a65434; font-weight:750; text-decoration:none; }
.legal-kicker { margin:0 0 9px; color:#c05c31; font-size:.78rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.legal-document h1 { margin:0; color:#4d3028; font-size:clamp(2.25rem,6vw,4rem); line-height:1.04; letter-spacing:-.035em; }
.legal-updated { margin:14px 0 25px; color:#92776e; font-size:.88rem; }.legal-lead { margin:0 0 38px; color:#765b52; font-size:1.1rem; line-height:1.7; }
.legal-document section { padding:25px 0; border-top:1px solid #f0dfd4; }.legal-document h2 { margin:0 0 12px; color:#56342b; font-size:1.25rem; line-height:1.3; }
.legal-document p,.legal-document li { color:#70574f; font-size:1rem; line-height:1.72; }.legal-document p { margin:0; }.legal-document p+p { margin-top:12px; }
.legal-document ul { margin:8px 0 12px; padding-left:22px; }.legal-document li+li { margin-top:8px; }.legal-document a { color:#a64f30; }
.legal-highlight { margin:8px -18px; padding:25px 18px!important; border:1px solid #efd0b9!important; border-radius:18px; background:#fff3e5; }
.legal-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px; margin-top:24px; padding-top:24px; border-top:1px solid #e8d2c5; font-weight:750; }
@media(max-width:600px){.legal-shell{padding:0}.legal-document{border:0;border-radius:0;padding:28px 20px 42px}.legal-back{margin-bottom:25px}.legal-highlight{margin-inline:-8px;padding-inline:12px!important}}

.beta-access-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #553229;
  background:
    radial-gradient(circle at 18% 15%, rgba(255, 185, 92, .28), transparent 28%),
    radial-gradient(circle at 85% 86%, rgba(206, 102, 54, .17), transparent 30%),
    #fff8f1;
  font-family: Inter, ui-rounded, "Segoe UI", sans-serif;
}

.beta-access-card {
  width: min(100%, 430px);
  padding: 34px;
  border: 1px solid #f0d6c5;
  border-radius: 30px;
  background: rgba(255, 253, 250, .94);
  box-shadow: 0 24px 70px rgba(103, 55, 37, .14);
}

.beta-access-logo { display: block; width: min(220px, 70%); height: auto; margin: 0 auto 30px; }
.beta-kicker { margin: 0 0 8px; color: #c36035; font-size: .82rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.beta-access-card h1 { margin: 0; color: #4c2d27; font-size: clamp(1.8rem, 8vw, 2.35rem); line-height: 1.08; }
.beta-copy { margin: 14px 0 24px; color: #765c54; font-size: 1rem; line-height: 1.55; }
.beta-form { display: grid; gap: 10px; }
.beta-form label { font-weight: 750; font-size: .92rem; }
.beta-form input { width: 100%; min-height: 50px; padding: 0 15px; border: 1px solid #dec4b5; border-radius: 14px; background: #fff; color: #432921; font: inherit; box-sizing: border-box; }
.beta-form input:focus { outline: 3px solid rgba(232, 125, 68, .2); border-color: #d66f3d; }
.beta-form button, .beta-ready a { min-height: 50px; margin-top: 6px; display: grid; place-items: center; border: 0; border-radius: 14px; background: #c8663d; color: #fff; font: inherit; font-weight: 800; cursor: pointer; text-decoration: none; }
.beta-form button:disabled { opacity: .65; cursor: wait; }
.beta-back { margin: -8px 0 20px; padding: 0; border: 0; background: transparent; color: #a45637; font: inherit; font-weight: 700; cursor: pointer; }
.beta-hint, .beta-error { margin: 16px 0 0; padding: 11px 13px; border-radius: 12px; font-size: .9rem; line-height: 1.4; }
.beta-hint { background: #fff0d8; color: #75502f; }
.beta-error { background: #fff0ed; color: #9b3e35; }
.beta-local-note { margin: 24px 0 0; color: #9a847c; font-size: .78rem; text-align: center; }
.beta-ready { text-align: center; }
.beta-ready-icon { width: 58px; height: 58px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 20px; background: #e4f4e9; color: #397453; font-size: 1.8rem; font-weight: 900; }

@media (max-width: 520px) {
  .beta-access-shell { align-items: start; padding: 18px 14px; }
  .beta-access-card { margin-top: 4vh; padding: 27px 22px; border-radius: 24px; }
}

.feedback-admin-shell { min-height:100vh; padding:clamp(20px,4vw,48px); color:#523128; background:radial-gradient(circle at 86% 5%,rgba(255,180,83,.22),transparent 28%),#fff9f4; font-family:Inter,ui-rounded,"Segoe UI",sans-serif; box-sizing:border-box; }
.feedback-admin-header { max-width:1100px; margin:0 auto 24px; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.feedback-admin-header h1 { margin:4px 0 9px; font-size:clamp(2rem,5vw,3.3rem); line-height:1.04; }
.feedback-admin-header p { max-width:680px; margin:0; color:#7d6158; line-height:1.55; }
.feedback-eyebrow { color:#bd5c31!important; font-size:.78rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.feedback-back,.feedback-toolbar button,.feedback-empty a { display:inline-grid; place-items:center; min-height:44px; padding:0 17px; border:0; border-radius:14px; background:#c6653d; color:white; font-weight:800; text-decoration:none; cursor:pointer; white-space:nowrap; }
.feedback-stats { max-width:1100px; margin:0 auto 18px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.feedback-stats div { padding:18px; border:1px solid #efd9cb; border-radius:18px; background:rgba(255,255,255,.86); box-shadow:0 8px 24px rgba(94,49,34,.06); }
.feedback-stats strong { display:block; font-size:1.65rem; }.feedback-stats span { color:#81665d; font-size:.85rem; }
.feedback-toolbar { max-width:1100px; margin:0 auto 18px; padding:14px; display:flex; gap:12px; align-items:end; border:1px solid #efd9cb; border-radius:18px; background:#fff; }
.feedback-toolbar label,.feedback-detail-status { display:grid; gap:6px; color:#6c4a40; font-size:.8rem; font-weight:800; }
.feedback-toolbar select,.feedback-card select,.feedback-detail-status select { min-height:44px; padding:0 38px 0 13px; border:1px solid #dec4b5; border-radius:12px; background:#fff; color:#4f3027; font:inherit; }
.feedback-toolbar button { margin-left:auto; }
.feedback-alert { max-width:1072px; margin:0 auto 16px; padding:13px; border-radius:13px; background:#fff0ed; color:#983e34; }
.feedback-list { max-width:1100px; margin:0 auto; display:grid; gap:12px; }
.feedback-card { padding:14px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; border:1px solid #ead5c8; border-radius:18px; background:rgba(255,255,255,.92); box-shadow:0 9px 28px rgba(89,47,34,.06); }
.feedback-card-main { min-width:0; padding:2px; display:grid; grid-template-columns:max-content max-content 1fr; gap:8px 9px; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.feedback-card-main strong { grid-column:1/-1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1rem; }.feedback-card-meta { grid-column:1/-1; color:#886e65; font-size:.78rem; }
.feedback-category,.feedback-status { width:max-content; padding:5px 9px; border-radius:999px; font-size:.72rem; font-weight:850; }
.feedback-category-error { background:#ffebe6;color:#a84636 }.feedback-category-confusing { background:#fff2cc;color:#805b12 }.feedback-category-suggestion { background:#e7f1ff;color:#356393 }.feedback-category-positive { background:#e5f5eb;color:#367052 }.feedback-category-other { background:#f1ece9;color:#68544d }
.feedback-status-new { background:#fff0d8;color:#94501f }.feedback-status-reviewed { background:#e8efff;color:#465e9c }.feedback-status-resolved { background:#e1f3e7;color:#397151 }
.feedback-empty { max-width:1100px; margin:0 auto; padding:54px 24px; border:1px dashed #dfc5b6; border-radius:22px; background:rgba(255,255,255,.7); text-align:center; }.feedback-empty h1,.feedback-empty h2 { margin-top:0; }.feedback-empty p { color:#80675e; }
.feedback-detail-backdrop { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:20px; background:rgba(45,29,24,.55); backdrop-filter:blur(7px); }
.feedback-detail { width:min(100%,720px); max-height:calc(100vh - 40px); overflow:auto; padding:26px; border-radius:24px; background:#fffaf6; box-shadow:0 30px 90px rgba(39,21,16,.28); box-sizing:border-box; }
.feedback-detail-heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }.feedback-detail-heading h2 { margin:9px 0 0; }.feedback-detail-heading button { width:42px;height:42px;border:0;border-radius:13px;background:#f6e7de;color:#694238;font-size:1.6rem;cursor:pointer; }
.feedback-detail-message { margin:22px 0; font-size:1.1rem; line-height:1.62; white-space:pre-wrap; }.feedback-rating { color:#dc7a35; font-size:1.35rem; letter-spacing:.08em; }
.feedback-screenshot { display:block; max-width:100%; max-height:420px; margin:18px auto; border:1px solid #ead5c8; border-radius:16px; object-fit:contain; }
.feedback-details-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.feedback-details-grid div { padding:12px; border-radius:13px; background:#f8eee8; min-width:0; }.feedback-details-grid dt { color:#896b61;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em }.feedback-details-grid dd { margin:5px 0 0; overflow-wrap:anywhere;line-height:1.4 }.feedback-device { grid-column:1/-1; }.feedback-detail-status { margin-top:18px; }
@media(max-width:700px){.feedback-admin-shell{padding:20px 14px 32px}.feedback-admin-header{display:grid}.feedback-back{width:max-content}.feedback-stats{grid-template-columns:repeat(2,1fr)}.feedback-toolbar{display:grid;grid-template-columns:1fr 1fr}.feedback-toolbar button{grid-column:1/-1;width:100%;margin:0}.feedback-card{grid-template-columns:1fr}.feedback-card select{width:100%}.feedback-details-grid{grid-template-columns:1fr}.feedback-device{grid-column:auto}.feedback-detail{padding:20px}.feedback-card-main{grid-template-columns:max-content max-content;}}