/* Служебные страницы. Палитра концепта В без зависимости от общих движков. */
@font-face{font-family:"PF Sans";src:url("../fonts/Manrope-Variable.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"PF Hand";src:url("../fonts/Caveat.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{color-scheme:light;--paper:#f6f3ec;--stage:#efe9dc;--desk:#e9e1d0;--desk-2:#ded3bd;--sheet:#f7f0e2;--sheet-edge:#e1d4bf;--ink:#141a33;--muted:#6a6f85;--line:#ddd8cc;--accent:#2a44c8;--accent-2:#4f68e8;--accent-ink:#fff;--accent-soft:#e4e8fb;--on-sheet:#1e2440;--pen-ink:#1e2f9a;--rule:#c9d3ee;--margin-red:#e7a0a0;--note:#fff1a8;--note-ink:#3a2d0a;--tape:rgba(214,222,255,.72);--glow:rgba(255,236,196,.55);--glow-0:rgba(255,236,196,0);--shadow:rgba(20,26,51,.18);--cover:#1a2350;--lamp:#4f68e8;--metal:#a7adc6;--font:"PF Sans","Segoe UI",Arial,sans-serif;--hand:"PF Hand","Segoe Print",cursive}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--paper:#0b0f1c;--stage:#141c33;--desk:#121a30;--desk-2:#0e1528;--sheet:#ece3cf;--sheet-edge:#cbbd9f;--ink:#f2f4fb;--muted:#a7adc6;--line:#273153;--accent:#7f97ff;--accent-2:#a3b4ff;--accent-ink:#0b0f1c;--accent-soft:#1e2a5c;--rule:#b9c3e3;--note:#f2df86;--tape:rgba(190,200,240,.55);--glow:rgba(255,196,120,.18);--glow-0:rgba(255,196,120,0);--shadow:rgba(0,0,0,.5)}}
:root[data-theme="dark"]{color-scheme:dark;--paper:#0b0f1c;--stage:#141c33;--desk:#121a30;--desk-2:#0e1528;--sheet:#ece3cf;--sheet-edge:#cbbd9f;--ink:#f2f4fb;--muted:#a7adc6;--line:#273153;--accent:#7f97ff;--accent-2:#a3b4ff;--accent-ink:#0b0f1c;--accent-soft:#1e2a5c;--rule:#b9c3e3;--note:#f2df86;--tape:rgba(190,200,240,.55);--glow:rgba(255,196,120,.18);--glow-0:rgba(255,196,120,0);--shadow:rgba(0,0,0,.5)}
/* Второстепенный текст немного темнее общих токенов: запас контраста на бумаге. */
:root:not([data-theme="dark"]){--muted:#62697d}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--muted:#a7adc6}}
*{box-sizing:border-box}html{min-width:280px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--font);min-height:100vh}a{color:var(--accent);text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{cursor:pointer}svg{display:block}p{margin:0 0 18px}h1{font-size:clamp(38px,4.7vw,66px);line-height:1.1;letter-spacing:-.055em;margin:18px 0 24px;font-weight:800}h1 span{color:var(--accent)}[hidden]{display:none!important}.skip{position:absolute;left:20px;top:-100px;z-index:3;background:var(--paper);padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.error-header,.error-footer{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.error-header{height:90px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:21px;font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--accent);color:var(--accent-ink);padding:6px}.header-nav{display:flex;align-items:center;gap:28px}.header-nav>a{color:var(--ink);font-size:14px;text-decoration:none}.theme-pull{align-self:flex-start;position:relative;height:58px;width:44px;border:0;background:transparent;color:var(--ink)}.theme-pull:before{content:"";position:absolute;top:0;left:21px;height:32px;border-left:1px dashed var(--muted)}.theme-pull:after{content:"";position:absolute;top:32px;left:16px;width:12px;height:18px;border-radius:8px;background:var(--note);box-shadow:0 2px 8px var(--shadow);transition:transform .2s}.theme-pull:hover:after{transform:translateY(4px)}
.error-layout{max-width:1200px;margin:0 auto;min-height:670px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);align-items:center;gap:48px;padding:62px 0 46px}.error-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";height:2px;width:26px;background:var(--accent)}.lead{font-size:17px;line-height:1.8;max-width:490px;color:var(--muted)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}.action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:12px 23px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;transition:transform .2s,background .2s}.action:hover{transform:translateY(-2px);background:var(--stage)}.action.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 7px 18px var(--shadow)}.action.primary:hover{background:var(--accent-2)}.action .arrow{font-size:22px;line-height:1}.is-waiting{opacity:.65;cursor:wait}.action.is-waiting:hover{transform:none}.help-line{font-size:13px;color:var(--muted);margin-top:23px;max-width:480px}.notice{border-left:2px solid var(--accent);padding:0 0 0 16px;margin:22px 0 0;font-size:14px;max-width:480px}.notice strong{display:block;font-weight:800;margin-bottom:3px}.notice p{margin:0;color:var(--muted)}.countdown{font-variant-numeric:tabular-nums}.error-footer{border-top:1px solid var(--line);padding:24px 0 30px;color:var(--muted);font-size:12px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.error-footer a{color:var(--muted)}
/* Стол и предметы нарисованы в SVG; лист остаётся светлым ночью. */
.desk-scene{position:relative;min-width:0;margin:0;isolation:isolate}.desk-scene:before{content:"";position:absolute;inset:-90px -30px -50px -80px;z-index:-1;background:radial-gradient(ellipse at 60% 40%,var(--glow),var(--glow-0) 65%);pointer-events:none}.scene{width:100%;height:auto;overflow:visible}.scene .wood{fill:var(--desk)}.scene .grain{stroke:var(--desk-2);stroke-width:1;opacity:.55}.scene .sheet{fill:var(--sheet)}.scene .edge{fill:var(--sheet-edge)}.scene .ink-fill{fill:var(--pen-ink)}.scene .ink-line{fill:none;stroke:var(--pen-ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.scene .rule{stroke:var(--rule);stroke-width:1}.scene .margin{stroke:var(--margin-red);stroke-width:1}.scene .metal{fill:var(--metal)}.scene .cover{fill:var(--cover)}.scene .lamp{fill:var(--lamp)}.scene .tape{fill:var(--tape)}.scene .note{fill:var(--note)}.scene .note-text{fill:var(--note-ink)}.scene .white{fill:var(--sheet)}.scene .outline{fill:none;stroke:var(--metal);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.scene .number{font:700 110px var(--hand);fill:var(--pen-ink);letter-spacing:5px}.scene .hand{font:600 25px var(--hand);fill:var(--pen-ink)}.scene .small{font:700 10px var(--font);letter-spacing:1.5px;fill:var(--on-sheet)}.scene .blot-number{fill:var(--sheet);font:700 89px var(--hand);letter-spacing:5px}.scene .shadow{filter:drop-shadow(0 12px 10px var(--shadow))}.scene .fine{stroke-width:1.3}.scene .dashed{stroke-dasharray:5 8}.scene-caption{position:relative;text-align:center;font:500 22px/1.2 var(--hand);color:var(--muted);margin:4px auto 0;max-width:420px}.desk-scene figcaption{min-height:28px}.scene .pen{transform-origin:390px 300px;transition:transform .5s}.desk-scene:hover .pen{transform:rotate(-5deg) translateY(-3px)}
/* Поиск работает по ссылкам уже загруженной страницы. */
.site-directory{max-width:480px;margin-top:26px;font-size:14px}.site-directory summary{width:fit-content;cursor:pointer;color:var(--accent);padding:8px 0;font-weight:700}.directory-body{padding-top:10px}.search-label{font-size:12px;font-weight:700;display:block;margin-bottom:7px}.search-row{display:flex;gap:8px}.search-row input{min-width:0;width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink);background:var(--paper)}.search-row button{border:1px solid var(--line);border-radius:10px;padding:8px 14px;color:var(--ink);background:var(--stage);font-size:13px}.directory-links{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.directory-links a{display:block;padding:5px 0}.search-status{color:var(--muted);font-size:12px;margin-top:8px}.no-script{font-size:13px;color:var(--muted);margin-top:20px}.browser-steps{padding-left:22px;font-size:14px;color:var(--muted);max-width:480px}.browser-steps li{padding-left:4px;margin:8px 0}.browser-steps strong{color:var(--ink)}
.scene .rule{fill:none}
.scene .sheet-note{font-size:22px;text-anchor:middle}
@media(min-width:1600px){.error-layout{min-height:74vh}.error-header{height:100px}}
@media(max-width:1280px){.error-header,.error-footer,.error-layout{margin-left:40px;margin-right:40px}.error-layout{gap:28px}.desk-scene:before{inset:-50px 0}}
@media(max-width:850px){.error-layout{grid-template-columns:1fr;max-width:580px;margin:0 auto;padding:46px 24px 32px;gap:26px;min-height:0}.error-header,.error-footer{margin-left:24px;margin-right:24px}.error-header{height:74px}.error-copy{max-width:540px}.lead{max-width:none}h1{font-size:46px;max-width:540px}.desk-scene{width:100%;max-width:500px;margin:0 auto}.scene-caption{font-size:21px}.error-footer{gap:14px;align-items:flex-start}.theme-pull{height:50px}.theme-pull:before{height:23px}.theme-pull:after{top:23px}.header-nav{gap:18px}.desk-scene:before{inset:-25px 0 0}}
@media(max-width:420px){h1{font-size:39px;letter-spacing:-.045em}.error-layout{padding-top:36px;padding-left:20px;padding-right:20px;gap:20px}.error-header,.error-footer{margin-left:20px;margin-right:20px}.lead{font-size:15px;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:.1em}.actions{gap:9px;margin-top:24px}.action{padding:12px 18px;font-size:13px;min-height:48px}.help-line{font-size:12px}.error-footer{flex-direction:column;padding:20px 0}.directory-links{grid-template-columns:1fr}.scene-caption{font-size:19px}.notice{font-size:13px}.browser-steps{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.desk-scene:hover .pen{transform:none}}
@media(forced-colors:active){.action,.brand-mark{border:1px solid ButtonText}.scene{forced-color-adjust:none}.theme-pull:after{background:ButtonText}}

.service-support { grid-column: 1 / -1; }

.notice:empty { display: none; }