/* Podarok Media — общая основа: шрифт, цвета, кнопки, поля.
 *
 * Родство с Gaihare — тёплая кремовая подложка, золотой акцент и крупные
 * скругления. Своё — ночной индиго вместо винного, коралловая лента
 * банта, бирка-талон вместо шкатулки и ромбовый узор-полоса между
 * разделами вместо эмали.
 */
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:light;
  --bg:#FBF8F3; --bg2:#F3EEE5; --card:#FFFFFF;
  --ink:#17152E; --ink2:#3B3858; --mut:#6E6A86; --line:#E8E1D5; --line2:#D9D0C1;
  --night:#1C1946; --indigo:#2E2A6B; --violet:#4B3FB0; --violet-lt:#EEECFB;
  --coral:#FF6A3D; --coral-dk:#E2502A; --amber:#F3B23A; --amber-lt:#FFF4DC;
  --ok:#1E7A5A; --ok-lt:#E3F4EC; --bad:#B4342C; --bad-lt:#FBE7E5; --warn:#9A6400; --warn-lt:#FFF3D6;
  --grad:linear-gradient(140deg,#16133A 0%,#2E2A6B 46%,#4B3FB0 100%);
  --r:22px; --r2:14px; --r3:10px;
  --sh:0 1px 2px rgba(23,21,46,.05),0 18px 40px -24px rgba(23,21,46,.28);
  --sh2:0 2px 6px rgba(23,21,46,.06),0 30px 60px -28px rgba(23,21,46,.40);
  /* Ромбовый узор-полоса: геометрия орнамента без отсылок к какому-либо флагу. */
  --ornament:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath d='M7 1l6 6-6 6-6-6z' fill='%23F3B23A'/%3E%3Cpath d='M21 3.5l3.5 3.5-3.5 3.5-3.5-3.5z' fill='%23FF6A3D'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:var(--violet);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:6px}
::selection{background:rgba(243,178,58,.4)}
.ic{width:20px;height:20px;flex:0 0 auto}
.muted{color:var(--mut)}
.small{font-size:13.5px}
.nowrap{white-space:nowrap}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:999px;border:0;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:15.5px;line-height:1.1;text-decoration:none!important;transition:transform .15s,box-shadow .2s,background .2s,color .2s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-coral{background:var(--coral);color:#fff;box-shadow:0 10px 24px -12px rgba(255,106,61,.9)}
.btn-coral:hover{background:var(--coral-dk)}
.btn-ink{background:var(--indigo);color:#fff}
.btn-ink:hover{background:var(--night)}
.btn-line{background:transparent;color:var(--indigo);box-shadow:inset 0 0 0 1.5px var(--line2)}
.btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--indigo)}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.btn-ghost:hover{background:rgba(255,255,255,.18)}
.btn-sm{padding:9px 15px;font-size:14px}
.btn-danger{background:var(--bad-lt);color:var(--bad)}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* поля */
label.f{display:block;margin:0 0 14px;font-weight:600;font-size:14px;color:var(--ink2)}
label.f > span{display:block;margin-bottom:6px}
.inp,select.inp,textarea.inp{width:100%;padding:12px 14px;border-radius:var(--r3);border:1.5px solid var(--line2);background:#fff;color:var(--ink);
  font-family:inherit;font-weight:500;font-size:15px;line-height:1.4;transition:border-color .2s,box-shadow .2s}
textarea.inp{min-height:110px;resize:vertical}
.inp:focus{outline:0;border-color:var(--violet);box-shadow:0 0 0 4px rgba(75,63,176,.14)}
.hint{display:block;font-weight:500;font-size:12.5px;color:var(--mut);margin-top:5px}
.check{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--violet)}

/* плашки */
.note{padding:13px 16px;border-radius:var(--r2);font-size:14.5px;margin:0 0 16px}
.note-ok{background:var(--ok-lt);color:var(--ok)}
.note-bad{background:var(--bad-lt);color:var(--bad)}
.note-warn{background:var(--warn-lt);color:var(--warn)}
.note-info{background:var(--violet-lt);color:var(--indigo)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}
.pill-ok{background:var(--ok-lt);color:var(--ok)}
.pill-bad{background:var(--bad-lt);color:var(--bad)}
.pill-warn{background:var(--warn-lt);color:var(--warn)}
.pill-mut{background:var(--bg2);color:var(--mut)}
.pill-v{background:var(--violet-lt);color:var(--indigo)}

.ornament{height:14px;background:var(--ornament) center/28px 14px repeat-x;opacity:.9}

code,.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px}
pre.code{background:#16133A;color:#E9E6FF;padding:18px 20px;border-radius:var(--r2);overflow:auto;margin:0;line-height:1.55;white-space:pre-wrap;word-break:break-all}

/* знак на тёмном фоне: бирка светлая, отверстие и строки — тёмные */
.on-dark .lm-ink{fill:#fff}
.on-dark .lm-hole{fill:#1C1946}
/* Знак выше надписи на высоту банта: так буквы PM стоят на одной линии с
   «Podarok Media», а бант выглядывает над строкой. */
.brand .logo-mark{transform:translateY(-14%);flex:0 0 auto}