/* === tokens.css === */
:root{--text-2xs: 11px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 38px;--text-5xl: 48px;--text-6xl: 60px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--container: 1160px;--container-narrow: 780px;--dur-instant: 120ms;--dur-fast: 200ms;--dur-base: 320ms;--dur-slow: 520ms;--ease-out: cubic-bezier(.22,1,.36,1);--ease-in-out: cubic-bezier(.65,0,.35,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--font: "Inter var",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}:root{--brand-whatsapp: #25d366;--float-help-a: #e08c3c;--float-help-b: #2563eb;--float-help-c: #16a34a;--float-ring: rgba(255,255,255,.35);--on-solid: #ffffff;--paper-white: #ffffff}:root,[data-palette="amber"]{--accent: #a85610;--accent-hover: #8f4a0c;--accent-contrast: #ffffff;--accent-soft: rgba(168,86,16,.12)}[data-palette="amber"][data-theme="dark"],[data-theme="dark"]{--accent: #e08c3c;--accent-hover: #f0a15a;--accent-contrast: #1a1206;--accent-soft: rgba(224,140,60,.16)}[data-palette="blue"]{--accent: #1d5fd0;--accent-hover: #164ba6;--accent-contrast: #ffffff;--accent-soft: rgba(29,95,208,.12)}[data-palette="blue"][data-theme="dark"]{--accent: #5b9bff;--accent-hover: #7db0ff;--accent-contrast: #071426;--accent-soft: rgba(91,155,255,.16)}[data-palette="indigo"]{--accent: #5b45d6;--accent-hover: #4835b3;--accent-contrast: #ffffff;--accent-soft: rgba(91,69,214,.12)}[data-palette="indigo"][data-theme="dark"]{--accent: #9885ff;--accent-hover: #b0a1ff;--accent-contrast: #100a2e;--accent-soft: rgba(152,133,255,.18)}[data-theme="light"]{--bg: #f6f4f1;--bg-soft: #ece8e2;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #f2efeb;--text: #16130f;--text-muted: #5f584f;--text-subtle: #8b8279;--border: #e0dad2;--border-strong: #c4bab0;--nav: #fffdfb;--chip: #efeae3;--field: #ffffff;--field-focus: #fffaf4;--shadow-sm: 0 1px 2px rgba(22,19,15,.06),0 2px 8px rgba(22,19,15,.04);--shadow-md: 0 4px 12px rgba(22,19,15,.07),0 12px 32px rgba(22,19,15,.06);--shadow-lg: 0 12px 28px rgba(22,19,15,.10),0 32px 64px rgba(22,19,15,.08);--elev-card: 0 1px 2px rgba(22,19,15,.04),0 4px 10px rgba(22,19,15,.05),0 14px 30px rgba(22,19,15,.05);--elev-card-hover: 0 2px 4px rgba(22,19,15,.06),0 10px 24px rgba(22,19,15,.09),0 26px 52px rgba(22,19,15,.08);--card-sheen: linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,transparent) 0%,transparent 55%);--card-highlight: inset 0 1px 0 rgba(255,255,255,.7);--success: #15803d;--success-bg: rgba(21,128,61,.10);--success-border: rgba(21,128,61,.28);--warning: #a16207;--warning-bg: rgba(161,98,7,.10);--warning-border: rgba(161,98,7,.28);--danger: #b91c1c;--danger-bg: rgba(185,28,28,.09);--danger-border: rgba(185,28,28,.26);--info: #1d4ed8;--info-bg: rgba(29,78,216,.09);--info-border: rgba(29,78,216,.26);--photo-scrim: #f6f4f1;--photo-text-shadow: 0 1px 14px rgba(255,255,255,.7);--gloss: rgba(255,255,255,.22);--float-shadow: 0 10px 26px rgba(22,19,15,.18);--overlay: rgba(22,19,15,.35)}[data-theme="dark"]{--bg: #0a0e15;--bg-soft: #0f141d;--surface: #141a24;--surface-raised: #1a212d;--surface-sunken: #0d1219;--text: #f5f7fa;--text-muted: #a3adbd;--text-subtle: #78838f;--border: #262f3d;--border-strong: #3d4859;--nav: #0d121a;--chip: #1e2633;--field: #0e141d;--field-focus: #131b26;--shadow-sm: 0 1px 2px rgba(0,0,0,.32),0 2px 8px rgba(0,0,0,.24);--shadow-md: 0 4px 14px rgba(0,0,0,.38),0 14px 36px rgba(0,0,0,.30);--shadow-lg: 0 14px 32px rgba(0,0,0,.46),0 36px 72px rgba(0,0,0,.38);--elev-card: 0 1px 2px rgba(0,0,0,.34),0 6px 16px rgba(0,0,0,.30),0 16px 36px rgba(0,0,0,.26);--elev-card-hover: 0 2px 6px rgba(0,0,0,.42),0 12px 28px rgba(0,0,0,.40),0 28px 56px rgba(0,0,0,.34);--card-sheen: linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 55%);--card-highlight: inset 0 1px 0 rgba(255,255,255,.06);--success: #4ade80;--success-bg: rgba(74,222,128,.13);--success-border: rgba(74,222,128,.30);--warning: #fbbf24;--warning-bg: rgba(251,191,36,.13);--warning-border: rgba(251,191,36,.30);--danger: #f87171;--danger-bg: rgba(248,113,113,.13);--danger-border: rgba(248,113,113,.30);--info: #60a5fa;--info-bg: rgba(96,165,250,.13);--info-border: rgba(96,165,250,.30);--photo-scrim: #06090e;--photo-text-shadow: 0 2px 20px rgba(0,0,0,.6);--gloss: rgba(255,255,255,.22);--float-shadow: 0 10px 26px rgba(0,0,0,.32);--overlay: rgba(0,0,0,.5)}
/* === base.css === */
*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{margin: 0;min-width: 320px;background: var(--bg);color: var(--text);font-family: var(--font);font-size: var(--text-md);line-height: var(--leading-normal);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;transition: background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}img,svg{max-width: 100%;display: block}[hidden]{display: none !important}a{color: inherit;text-decoration: none}button,input,select,textarea{font: inherit}button{cursor: pointer}h1,h2,h3,h4{margin: 0;line-height: var(--leading-tight);letter-spacing: -0.02em}p{margin: 0}:where(h2){letter-spacing: -0.035em}.sr-only{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0,0,0,0) !important;white-space: nowrap !important;border: 0 !important}.site-container{width: min(100% - var(--space-5),var(--container));margin-inline: auto}.site-main{display: block}
/* === components.css === */
.kicker{position: relative;display: inline-block;color: var(--accent);font-size: var(--text-xs);font-weight: var(--weight-bold);letter-spacing: 0.14em;text-transform: uppercase;padding-bottom: 7px;margin-bottom: var(--space-3)}.kicker::after{content: "";position: absolute;left: 0;bottom: 0;width: 22px;height: 2px;border-radius: 2px;background: var(--accent)}.section-head.is-centered .kicker::after{left: 50%;transform: translateX(-50%)}.section{padding: var(--space-8) 0}.section-soft{background: var(--bg-soft)}.section-head{max-width: 60ch}.section-head.is-centered{margin-inline: auto;text-align: center}.section-head h2{font-size: clamp(28px,5vw,44px);font-weight: var(--weight-black)}.section-head p{margin-top: var(--space-3);color: var(--text-muted);font-size: var(--text-lg)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: 46px;padding: 0 var(--space-5);border: 1px solid transparent;border-radius: var(--radius-full);font-weight: var(--weight-semibold);font-size: var(--text-sm);white-space: nowrap;transition: transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn:active{transform: translateY(1px)}.btn-primary{background: var(--accent);border-color: var(--accent);color: var(--accent-contrast)}.btn-primary:hover{background: var(--accent-hover);border-color: var(--accent-hover);transform: translateY(-2px);box-shadow: var(--shadow-md)}.btn-outline{background: transparent;border-color: var(--border-strong);color: var(--text)}.btn-outline:hover{border-color: var(--accent);color: var(--accent);transform: translateY(-2px)}.btn-soft{background: var(--chip);border-color: var(--border);color: var(--text)}.btn-soft:hover{background: var(--accent-soft);border-color: var(--accent);color: var(--accent);transform: translateY(-2px)}.btn-sm{min-height: 38px;padding: 0 var(--space-4);font-size: var(--text-xs)}.btn-block{width: 100%}.grid{display: grid;gap: var(--space-4)}.grid-2,.grid-3,.grid-4{display: grid;gap: var(--space-4)}.feature-card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: var(--space-5);box-shadow: var(--shadow-sm)}.feature-icon{display: inline-grid;place-items: center;width: 42px;height: 42px;border-radius: var(--radius-md);background: var(--accent-soft);color: var(--accent);font-weight: var(--weight-black);font-size: var(--text-sm);letter-spacing: 0.02em}.feature-card h2,.feature-card h3{font-size: var(--text-xl);font-weight: var(--weight-bold);margin: var(--space-3) 0 var(--space-2)}.feature-card p{color: var(--text-muted);font-size: var(--text-sm)}.process-list{display: grid;gap: var(--space-4)}.process-row{display: grid;grid-template-columns: auto 1fr;gap: var(--space-4);align-items: start;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: var(--space-5);box-shadow: var(--shadow-sm)}.process-num{display: grid;place-items: center;width: 40px;height: 40px;border-radius: var(--radius-full);background: var(--accent-soft);color: var(--accent);font-weight: var(--weight-black);font-size: var(--text-lg)}.process-row h2,.process-row h3{font-size: var(--text-lg);font-weight: var(--weight-bold);margin-bottom: var(--space-1)}.process-row p{color: var(--text-muted);font-size: var(--text-sm)}.legal-card{display: grid;gap: var(--space-4);max-width: 860px}.legal-item{position: relative;overflow: hidden;background-image: var(--card-sheen);background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--elev-card),var(--card-highlight);padding: var(--space-5) var(--space-5) var(--space-5) var(--space-6)}.legal-item::before{content: "";position: absolute;inset: 0 auto 0 0;width: 3px;background: linear-gradient(180deg,var(--accent),var(--accent-hover))}.legal-item h2{font-size: var(--text-lg);font-weight: var(--weight-bold);margin-bottom: var(--space-2)}.legal-item p{color: var(--text-muted);line-height: var(--leading-normal)}.legal-item p + p{margin-top: 2px}.legal-facts .legal-item h2{font-size: var(--text-xs);font-weight: var(--weight-bold);text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-subtle);margin-bottom: var(--space-1)}.legal-facts .legal-item p{color: var(--text);font-weight: var(--weight-semibold)}.legal-facts .legal-item p + p{color: var(--text-muted);font-weight: var(--weight-normal)}@media (min-width: 760px){.legal-card{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-4)}}.page-datenschutz .legal-card{grid-template-columns: 1fr;max-width: 820px;margin-inline: auto}.legal-item ul{margin: var(--space-2) 0 0;padding-left: var(--space-5);color: var(--text-muted);line-height: var(--leading-normal);display: grid;gap: 4px}.legal-item strong{color: var(--text)}.legal-item.is-highlight{background-color: var(--accent-soft);border-color: color-mix(in srgb,var(--accent) 40%,var(--border))}.review-summary{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-5);margin-bottom: var(--space-6)}.review-score{display: flex;align-items: center;gap: var(--space-4);padding: var(--space-4) var(--space-5);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--elev-card),var(--card-highlight)}.review-score > strong{font-size: var(--text-5xl);font-weight: var(--weight-black);line-height: 1;letter-spacing: -0.04em}.review-score-count{color: var(--text-muted);font-size: var(--text-sm)}.review-stars-lg{font-size: var(--text-xl)}.review-intro h2{font-size: clamp(24px,4vw,34px);font-weight: var(--weight-black)}.review-card{position: relative;overflow: hidden;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: var(--space-5);box-shadow: var(--shadow-sm);display: grid;gap: var(--space-3);align-content: start}.review-card::before{content: "\201C";position: absolute;top: -6px;right: var(--space-4);z-index: 0;font-family: Georgia,"Times New Roman",serif;font-size: 76px;line-height: 1;color: var(--accent);opacity: 0.16}.review-stars{position: relative;z-index: 1;color: var(--accent);font-size: var(--text-md);letter-spacing: 3px}.review-card p{position: relative;z-index: 1;color: var(--text);line-height: var(--leading-normal)}.review-author{display: flex;align-items: center;gap: var(--space-3);margin-top: var(--space-2)}.review-avatar{display: grid;place-items: center;width: 42px;height: 42px;flex-shrink: 0;border-radius: var(--radius-full);background: var(--accent-soft);color: var(--accent);font-weight: var(--weight-black);font-size: var(--text-lg)}.review-author > div{display: grid;gap: 1px;min-width: 0}.review-author strong{font-weight: var(--weight-bold)}.review-author span{color: var(--text-muted);font-size: var(--text-sm)}.review-card{transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease}.review-card:hover{transform: translateY(-4px);box-shadow: var(--elev-card);border-color: var(--accent)}.review-empty{text-align: center;padding: var(--space-6) var(--space-5);background: var(--surface);border: 1px dashed var(--border);border-radius: var(--radius-lg);display: grid;gap: var(--space-3);justify-items: center}.review-empty-star{width: 66px;height: 66px;display: grid;place-items: center;border-radius: var(--radius-full);background: var(--accent-soft);color: var(--accent);font-size: 32px;line-height: 1}.review-empty h2{font-size: clamp(22px,3.5vw,30px);font-weight: var(--weight-black)}.review-empty p{color: var(--text-muted);max-width: 46ch}.star-field{display: grid;gap: var(--space-2)}.star-field > span{font-weight: var(--weight-bold);font-size: var(--text-sm)}.star-rating{display: inline-flex;flex-direction: row-reverse;gap: 4px;align-self: start}.star-rating input{position: absolute;width: 1px;height: 1px;opacity: 0}.star-rating label{font-size: 36px;line-height: 1;color: var(--border);cursor: pointer;user-select: none;transition: color .15s ease,transform .12s ease}.star-rating input:checked ~ label,.star-rating label:hover,.star-rating label:hover ~ label{color: var(--accent)}.star-rating label:hover{transform: scale(1.2)}.star-rating input:focus-visible + label{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: 6px}.form-layout{display: grid;gap: var(--space-5)}.form-card,.form-aside{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: var(--space-6);box-shadow: var(--shadow-sm);display: grid;gap: var(--space-4);align-content: start}.form-aside h2{font-size: var(--text-xl);font-weight: var(--weight-bold)}.form-aside > p{color: var(--text-muted);font-size: var(--text-sm)}.field{display: grid;gap: var(--space-2)}.field > span,.field > label,.field-label{font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--text)}.field input,.field select,.field textarea{width: 100%;padding: 11px 13px;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--field);color: var(--text);font-size: var(--text-sm);outline: 0;transition: border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.field input:focus,.field select:focus,.field textarea:focus{border-color: var(--accent);background: var(--field-focus);box-shadow: 0 0 0 3px var(--accent-soft)}.field textarea{min-height: 120px;resize: vertical}.field-grid{display: grid;gap: var(--space-4)}.field-full{grid-column: 1 / -1}.form-section-title{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);font-weight: var(--weight-bold);color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.05em;padding-top: var(--space-2)}.form-section-title::before{content: "";width: 14px;height: 2px;border-radius: 2px;flex-shrink: 0;background: linear-gradient(90deg,var(--accent),var(--accent-hover))}.clean-list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--space-2)}.clean-list li{position: relative;padding-left: var(--space-5);color: var(--text-muted);font-size: var(--text-sm)}.clean-list li::before{content: "\2713";position: absolute;left: 0;color: var(--accent);font-weight: var(--weight-black)}.field-check{display: flex;align-items: flex-start;gap: var(--space-3);color: var(--text-muted);font-size: var(--text-sm);line-height: var(--leading-normal)}.field-check input[type="checkbox"]{width: 18px;height: 18px;flex-shrink: 0;margin-top: 2px;accent-color: var(--accent);cursor: pointer}.field-check label{cursor: pointer}.field-check a{color: var(--accent);font-weight: var(--weight-semibold);text-decoration: underline}.contact-map{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: var(--space-5);box-shadow: var(--shadow-sm);display: grid;gap: var(--space-4);max-width: 860px;margin-inline: auto}.contact-map-head h2{margin: 0 0 var(--space-1)}.contact-map-head p{margin: 0;color: var(--text-muted)}.contact-map-frame{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--space-3);text-align: center;min-height: 320px;padding: var(--space-5);background: var(--chip);border: 1px dashed var(--border-strong);border-radius: var(--radius-md);overflow: hidden}.contact-map-frame.is-loaded{padding: 0;border-style: solid;min-height: 0}.contact-map-frame iframe{width: 100%;height: 360px;border: 0;display: block}.contact-map-note{margin: 0;max-width: 46ch;color: var(--text-muted);font-size: var(--text-sm);line-height: var(--leading-normal)}.contact-map-link{justify-self: start;color: var(--accent);font-weight: var(--weight-semibold);text-decoration: underline}.tag-list{display: flex;flex-wrap: wrap;gap: var(--space-2)}.tag{display: inline-flex;align-items: center;gap: var(--space-2);padding: 7px 13px;border-radius: var(--radius-full);background: var(--chip);border: 1px solid var(--border);color: var(--text);font-size: var(--text-sm);font-weight: var(--weight-semibold)}.tag::before{content: "";width: 6px;height: 6px;border-radius: var(--radius-full);background: var(--accent);flex-shrink: 0}.tag-accent{background: var(--accent-soft);border-color: color-mix(in srgb,var(--accent) 40%,var(--border));color: var(--accent)}.hp-field{position: absolute !important;left: -9999px !important;top: -9999px !important;width: 1px;height: 1px;overflow: hidden;opacity: 0}.contact-methods{display: grid;gap: var(--space-2)}.contact-methods a{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-4);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface-sunken);transition: border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.contact-methods a:hover{border-color: var(--accent);background: var(--accent-soft);transform: translateX(3px)}.contact-ico{display: grid;place-items: center;width: 40px;height: 40px;flex-shrink: 0;border-radius: var(--radius-sm);background: var(--accent-soft);color: var(--accent);transition: background-color var(--dur-fast) var(--ease-out)}.contact-ico svg{width: 20px;height: 20px}.contact-methods a:hover .contact-ico{background: color-mix(in srgb,var(--accent) 22%,transparent)}.contact-body{display: grid;gap: 1px;min-width: 0}.contact-label{color: var(--text-muted);font-size: var(--text-2xs);text-transform: uppercase;letter-spacing: 0.06em;font-weight: var(--weight-bold)}.contact-body strong{font-weight: var(--weight-semibold);overflow-wrap: anywhere}.contact-note{color: var(--text-subtle);font-size: var(--text-xs)}.contact-form-head{display: flex;align-items: center;gap: var(--space-3);padding-bottom: var(--space-4);margin-bottom: var(--space-1);border-bottom: 1px solid var(--border)}.contact-form-ico{display: grid;place-items: center;width: 46px;height: 46px;flex-shrink: 0;border-radius: var(--radius-md);background: linear-gradient(145deg,var(--accent),var(--accent-hover));color: var(--accent-contrast);box-shadow: 0 4px 12px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px 0 var(--gloss)}.contact-form-ico svg{width: 24px;height: 24px}.contact-form-head strong{display: block;font-size: var(--text-lg);font-weight: var(--weight-bold)}.contact-form-head > div span{color: var(--text-muted);font-size: var(--text-sm)}.page-contact .form-card{position: relative;overflow: hidden}.page-contact .form-card::before{content: "";position: absolute;inset: 0 0 auto 0;height: 3px;background: linear-gradient(90deg,var(--accent),var(--accent-hover))}@media (min-width: 860px){.page-contact .form-layout{grid-template-columns: minmax(0,380px) minmax(0,1fr)}}.form-head{display: flex;align-items: center;gap: var(--space-3);padding-bottom: var(--space-4);margin-bottom: var(--space-1);border-bottom: 1px solid var(--border)}.form-head-ico{display: grid;place-items: center;width: 46px;height: 46px;flex-shrink: 0;border-radius: var(--radius-md);background: linear-gradient(145deg,var(--accent),var(--accent-hover));color: var(--accent-contrast);box-shadow: 0 4px 12px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px 0 var(--gloss)}.form-head-ico svg{width: 24px;height: 24px}.form-head strong{display: block;font-size: var(--text-lg);font-weight: var(--weight-bold)}.form-head > div span{color: var(--text-muted);font-size: var(--text-sm)}.form-card-accent{position: relative;overflow: hidden}.form-card-accent::before{content: "";position: absolute;inset: 0 0 auto 0;height: 3px;background: linear-gradient(90deg,var(--accent),var(--accent-hover))}@media (min-width: 860px){.page-check-appointment .form-layout{grid-template-columns: minmax(0,360px) minmax(0,1fr)}.page-appointment .form-layout{grid-template-columns: minmax(0,320px) minmax(0,1fr)}}.detail-stack{display: grid;gap: var(--space-3)}.detail-stack > div{display: grid;gap: 3px;padding: var(--space-3);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface-sunken)}.detail-stack span{color: var(--text-muted);font-size: var(--text-xs);text-transform: uppercase;letter-spacing: 0.05em;font-weight: var(--weight-bold)}.detail-stack strong{font-weight: var(--weight-bold)}.detail-stack p{color: var(--text-muted);font-size: var(--text-sm)}.status-pill,.cn-status{display: inline-flex;align-items: center;gap: var(--space-2);padding: 5px 11px;border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: var(--weight-bold);border: 1px solid transparent;background: var(--chip);color: var(--text);width: max-content}.status-pill::before,.cn-status::before{content: "";width: 7px;height: 7px;border-radius: var(--radius-full);background: currentColor}.cn-status-success,.status-success{background: var(--success-bg);color: var(--success);border-color: var(--success-border)}.cn-status-warning,.status-warning{background: var(--warning-bg);color: var(--warning);border-color: var(--warning-border)}.cn-status-danger,.status-danger{background: var(--danger-bg);color: var(--danger);border-color: var(--danger-border)}.cn-status-info,.status-info{background: var(--info-bg);color: var(--info);border-color: var(--info-border)}.alert,.cn-alert{padding: var(--space-4);border-radius: var(--radius-md);border: 1px solid var(--border);background: var(--surface-sunken);font-size: var(--text-sm);display: grid;gap: var(--space-2)}.alert strong{font-weight: var(--weight-bold)}.alert > span{font-family: var(--font-mono);font-size: var(--text-lg);font-weight: var(--weight-bold);letter-spacing: 0.04em}.alert a{justify-self: start;font-weight: var(--weight-semibold);text-decoration: underline}.alert-error,.cn-alert-error{border-color: var(--danger-border);background: var(--danger-bg);color: var(--danger)}.alert-success,.cn-alert-success{border-color: var(--success-border);background: var(--success-bg);color: var(--success)}.alert-warning,.cn-alert-warning{border-color: var(--warning-border);background: var(--warning-bg);color: var(--warning)}.status-layout{display: grid;gap: var(--space-5);align-items: start}.result-card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: var(--space-6);box-shadow: var(--shadow-sm)}.loader{display: inline-block;width: 14px;height: 14px;border: 2px solid currentColor;border-top-color: transparent;border-radius: 50%;animation: cn-spin 0.6s linear infinite}@keyframes cn-spin{to{transform: rotate(360deg)}}.is-loading{cursor: progress;pointer-events: none}.is-loading::after{content: "";display: inline-block;flex: none;width: 14px;height: 14px;margin-left: var(--space-2);border: 2px solid currentColor;border-top-color: transparent;border-radius: 50%;animation: cn-spin 0.6s linear infinite}button:disabled:not(.is-loading),input[type="submit"]:disabled{opacity: .6;cursor: not-allowed}.status-result-head{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);flex-wrap: wrap;margin-bottom: var(--space-5)}.status-result-head > div span{display: block;color: var(--text-muted);font-size: var(--text-xs);text-transform: uppercase;letter-spacing: 0.05em;font-weight: var(--weight-bold)}.status-result-head > div strong{display: block;font-size: var(--text-2xl);font-weight: var(--weight-black);letter-spacing: -0.02em}.status-detail-grid{display: grid;gap: var(--space-3)}.status-detail{padding: var(--space-3);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface-sunken)}.status-detail span{display: block;color: var(--text-muted);font-size: var(--text-xs);text-transform: uppercase;letter-spacing: 0.05em;font-weight: var(--weight-bold)}.status-detail strong{display: block;margin-top: 3px}.status-timeline{list-style: none;margin: var(--space-5) 0 0;padding: 0;display: grid;gap: var(--space-2)}.status-timeline li{position: relative;padding: var(--space-3) var(--space-3) var(--space-3) var(--space-6);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface-sunken);color: var(--text-muted);font-size: var(--text-sm)}.status-timeline li::before{content: "";position: absolute;left: var(--space-3);top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background: var(--border-strong)}.status-timeline li.is-done{color: var(--text)}.status-timeline li.is-done::before{background: var(--success)}.status-timeline li.is-current{color: var(--text);font-weight: var(--weight-semibold);border-color: var(--accent);background: var(--accent-soft)}.status-timeline li.is-current::before{background: var(--accent);box-shadow: 0 0 0 4px var(--accent-soft)}.status-photos{margin-top: var(--space-6);padding-top: var(--space-5);border-top: 1px solid var(--border)}.status-photos h3{margin: 0 0 var(--space-1);font-size: var(--text-lg)}.status-photos p{margin: 0 0 var(--space-4);color: var(--text-muted);font-size: var(--text-sm)}.status-photo-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(140px,1fr));gap: var(--space-3)}.status-photo-grid a{display: grid;gap: var(--space-1);color: var(--text-muted);text-decoration: none;font-size: var(--text-xs);transition: transform var(--dur-fast) var(--ease-out)}.status-photo-grid a:hover{transform: translateY(-2px);color: var(--text)}.status-photo-grid img{width: 100%;aspect-ratio: 4 / 3;object-fit: cover;display: block;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface-sunken)}.status-lookup{position: relative;overflow: hidden;background-image: var(--card-sheen);background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-xl);box-shadow: var(--elev-card),var(--card-highlight);padding: var(--space-6);display: grid;gap: var(--space-5)}.status-lookup::before{content: "";position: absolute;inset: 0 0 auto 0;height: 3px;background: linear-gradient(90deg,var(--accent),var(--accent-hover))}.status-lookup-head{display: flex;align-items: flex-start;gap: var(--space-4)}.status-lookup-icon{display: inline-grid;place-items: center;flex-shrink: 0;width: 52px;height: 52px;border-radius: var(--radius-md);background: linear-gradient(145deg,var(--accent),var(--accent-hover));color: var(--accent-contrast);box-shadow: 0 4px 12px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px 0 var(--gloss)}.status-lookup-icon svg{width: 26px;height: 26px}.status-lookup-head h1{font-size: clamp(24px,3.5vw,34px);font-weight: var(--weight-black);letter-spacing: -0.03em}.status-lookup-head .kicker{margin-bottom: var(--space-2)}.status-lookup-head > div > p{color: var(--text-muted);margin-top: var(--space-2);max-width: 60ch}.status-lookup-form{display: grid;gap: var(--space-4)}.status-lookup-form .btn{width: 100%}.status-lookup-note{color: var(--text-subtle);font-size: var(--text-sm)}.status-lookup-hints{display: grid;gap: var(--space-4);padding-top: var(--space-5);border-top: 1px solid var(--border)}.status-lookup-hints-title{font-size: var(--text-md);font-weight: var(--weight-bold);color: var(--text)}.status-lookup-hints-grid{display: grid;gap: var(--space-4)}.status-hint-item{display: grid;grid-template-columns: auto 1fr;gap: var(--space-3);align-items: start}.status-hint-badge{width: 30px;height: 30px;border-radius: var(--radius-full);flex-shrink: 0;background: var(--accent-soft);color: var(--accent);display: grid;place-items: center;font-weight: var(--weight-black);font-size: var(--text-sm)}.status-hint-item strong{display: block;font-weight: var(--weight-bold);font-size: var(--text-sm)}.status-hint-item p{color: var(--text-muted);font-size: var(--text-sm);margin-top: 2px}.status-hold{display: grid;gap: 3px;padding: var(--space-4);border: 1px solid var(--warning-border);border-left-width: 4px;background: var(--warning-bg);border-radius: var(--radius-md);margin-bottom: var(--space-4)}.status-hold strong{color: var(--warning);font-weight: var(--weight-bold)}.status-pickup{display: grid;gap: 3px;padding: var(--space-4);margin-bottom: var(--space-4);border: 1px solid var(--success-border);border-left-width: 4px;border-radius: var(--radius-md);background: var(--success-bg)}.status-pickup strong{color: var(--success);font-weight: var(--weight-bold)}.status-pickup span{color: var(--text-muted);font-size: var(--text-sm)}.status-pickup.is-warning{border-color: var(--warning-border);background: var(--warning-bg)}.status-pickup.is-warning strong{color: var(--warning)}.status-pickup.is-danger{border-color: var(--danger-border);background: var(--danger-bg)}.status-pickup.is-danger strong{color: var(--danger)}.status-hold span{color: var(--text-muted);font-size: var(--text-sm)}.status-result-area{display: grid;gap: var(--space-4);margin-top: var(--space-5)}.status-result-area:empty{display: none}@media (min-width: 760px){.status-lookup{padding: var(--space-7)}.status-lookup-form{grid-template-columns: 1fr 1fr auto;align-items: end}.status-lookup-form .btn{width: auto;min-width: 160px}.status-lookup-hints-grid{grid-template-columns: repeat(3,1fr);gap: var(--space-5)}}@media (min-width: 860px){.form-layout{grid-template-columns: minmax(0,1fr) minmax(0,1fr);align-items: start}.field-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.status-layout{grid-template-columns: 340px minmax(0,1fr)}}@media (min-width: 640px){.status-detail-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 640px){.grid-2{grid-template-columns: repeat(2,1fr)}.grid-3{grid-template-columns: repeat(2,1fr)}.grid-4{grid-template-columns: repeat(2,1fr)}}@media (min-width: 860px){.section{padding: var(--space-9) 0}.grid-3{grid-template-columns: repeat(3,1fr)}.grid-4{grid-template-columns: repeat(4,1fr)}}.bi{width: 1em;height: 1em;fill: currentColor;vertical-align: -0.125em;flex: none}
/* === portal.css === */
.cnp{--cnp-top-h: 60px;--cnp-nav-h: 64px;--cnp-safe-top: env(safe-area-inset-top,0px);--cnp-safe-bottom: env(safe-area-inset-bottom,0px);--cnp-max: 640px;--cnp-gutter: var(--space-4);min-height: 100vh;min-height: 100dvh;background-color: var(--bg);background-image: radial-gradient(120% 60% at 50% -10%,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 60%),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 340px);background-repeat: no-repeat;overscroll-behavior-y: none;-webkit-tap-highlight-color: transparent}.cnp button{color: inherit}.cnp :focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.cnp-app{min-height: 100vh;min-height: 100dvh}.cnp-splash{min-height: 100vh;min-height: 100dvh;display: grid;place-content: center;justify-items: center;gap: var(--space-4)}.cnp-splash-logo{width: 72px;height: 72px;border-radius: var(--radius-lg);box-shadow: 0 0 0 1px var(--border),0 18px 48px color-mix(in srgb,var(--accent) 22%,transparent);animation: cnp-breathe 2.4s var(--ease-in-out) infinite}.cnp-splash-name{color: var(--text-muted);font-size: var(--text-sm);font-weight: var(--weight-semibold);letter-spacing: .02em}.cnp-noscript{padding: var(--space-6) var(--space-4);text-align: center;color: var(--text-muted)}.cnp-top{position: sticky;top: 0;z-index: 20;display: flex;align-items: center;gap: var(--space-3);min-height: calc(var(--cnp-top-h) + var(--cnp-safe-top));padding: var(--cnp-safe-top) max(var(--cnp-gutter),calc((100% - var(--cnp-max)) / 2 + var(--cnp-gutter))) 0;background: var(--bg);background: color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter: saturate(160%) blur(18px);backdrop-filter: saturate(160%) blur(18px);border-bottom: 1px solid transparent;transition: border-color var(--dur-fast) var(--ease-out)}.cnp-top.is-scrolled{border-bottom-color: var(--border)}.cnp-top-logo{width: 32px;height: 32px;border-radius: var(--radius-sm);box-shadow: 0 0 0 1px var(--border);flex: none}.cnp-top-title{flex: 1;min-width: 0;display: grid;line-height: var(--leading-tight)}.cnp-top-title strong{font-size: var(--text-md);font-weight: var(--weight-bold);letter-spacing: -0.01em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cnp-top-title span{font-size: var(--text-2xs);color: var(--text-subtle);font-weight: var(--weight-semibold);letter-spacing: .08em;text-transform: uppercase}.cnp-top-nav,.cnp-top-site{display: none}.cnp-icon-btn{display: inline-grid;place-items: center;flex: none;width: 42px;height: 42px;padding: 0;border: 1px solid var(--border);border-radius: var(--radius-full);background: var(--surface);color: var(--text-muted);transition: color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.cnp-icon-btn:hover{color: var(--accent);border-color: var(--accent)}.cnp-icon-btn .bi{width: 18px;height: 18px;fill: currentColor}.cnp-icon-btn.is-spinning .bi{animation: cn-spin .8s linear infinite}.cnp-main{max-width: var(--cnp-max);margin-inline: auto;padding: var(--space-4) var(--cnp-gutter) calc(var(--cnp-nav-h) + var(--cnp-safe-bottom) + var(--space-6))}.cnp-main.is-bare{padding-bottom: calc(var(--cnp-safe-bottom) + var(--space-6))}.cnp-view{display: grid;gap: var(--space-4);animation: cnp-view-in var(--dur-base) var(--ease-out) both}.cnp-view.is-static{animation: none}.cnp-hello{display: grid;gap: var(--space-1);padding: var(--space-2) 0 var(--space-1)}.cnp-hello h1{font-size: var(--text-3xl);font-weight: var(--weight-black);letter-spacing: -0.035em}.cnp-hello p{color: var(--text-muted);font-size: var(--text-sm)}.cnp-section-title{display: flex;align-items: center;justify-content: space-between;gap: var(--space-2);margin-top: var(--space-3);font-size: var(--text-xs);font-weight: var(--weight-bold);color: var(--text-subtle);letter-spacing: .1em;text-transform: uppercase}.cnp-section-title em{font-style: normal;color: var(--text-subtle);font-weight: var(--weight-semibold);letter-spacing: 0;text-transform: none}.cnp-card{position: relative;display: grid;gap: var(--space-4);padding: var(--space-5);background-color: var(--surface);background-image: var(--card-sheen);border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--elev-card),var(--card-highlight)}.cnp-card-title{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-md);font-weight: var(--weight-bold)}.cnp-card-title .bi{width: 18px;height: 18px;fill: var(--accent);flex: none}.cnp-card-hint{color: var(--text-muted);font-size: var(--text-sm);margin-top: calc(var(--space-2) * -1)}.cnp-device{display: grid;gap: var(--space-4);padding: var(--space-4) var(--space-4) var(--space-4) var(--space-4);background-color: var(--surface);background-image: var(--card-sheen);border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--elev-card),var(--card-highlight);transition: transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.cnp-device:hover{border-color: color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow: var(--elev-card-hover),var(--card-highlight)}.cnp-device:active{transform: scale(.985)}.cnp-device.is-ready{border-color: var(--success-border)}.cnp-device.is-compact{gap: 0;padding: var(--space-3) var(--space-4);box-shadow: var(--shadow-sm)}.cnp-device-head{display: flex;align-items: center;gap: var(--space-3);min-width: 0}.cnp-device-ico{display: grid;place-items: center;flex: none;width: 46px;height: 46px;border-radius: var(--radius-md);background: var(--accent-soft);color: var(--accent);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.cnp-device-ico .bi{width: 22px;height: 22px;fill: currentColor}.cnp-device.is-compact .cnp-device-ico{width: 38px;height: 38px;border-radius: var(--radius-sm);background: var(--chip);color: var(--text-muted);box-shadow: none}.cnp-device.is-compact .cnp-device-ico .bi{width: 18px;height: 18px}.cnp-device-name{flex: 1;min-width: 0;display: grid;gap: 2px}.cnp-device-name strong{font-size: var(--text-md);font-weight: var(--weight-bold);line-height: var(--leading-snug);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cnp-device-name span{font-size: var(--text-xs);color: var(--text-muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cnp-chevron{width: 16px;height: 16px;fill: var(--text-subtle);flex: none}.cnp-device-foot{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);flex-wrap: wrap}.cnp-meta{display: inline-flex;align-items: center;gap: 6px;color: var(--text-muted);font-size: var(--text-xs);font-weight: var(--weight-semibold)}.cnp-meta .bi{width: 14px;height: 14px;fill: currentColor;flex: none}.cnp-meta.is-ok{color: var(--success)}.cnp-meta.is-warn{color: var(--warning)}.cnp-meta.is-off{color: var(--text-subtle)}.cnp-pill{display: inline-flex;align-items: center;gap: 6px;max-width: 100%;padding: 5px 10px;border-radius: var(--radius-full);border: 1px solid var(--border);background: var(--chip);color: var(--text);font-size: var(--text-xs);font-weight: var(--weight-bold);line-height: 1.2}.cnp-pill::before{content: "";width: 7px;height: 7px;border-radius: var(--radius-full);background: currentColor;flex: none}.cnp-pill.is-info{background: var(--info-bg);color: var(--info);border-color: var(--info-border)}.cnp-pill.is-success{background: var(--success-bg);color: var(--success);border-color: var(--success-border)}.cnp-pill.is-warning{background: var(--warning-bg);color: var(--warning);border-color: var(--warning-border)}.cnp-pill.is-danger{background: var(--danger-bg);color: var(--danger);border-color: var(--danger-border)}.cnp-pill.is-live::before{animation: cn-live-blink 1.6s var(--ease-in-out) infinite}.cnp-progress{display: grid;gap: var(--space-2)}.cnp-progress-bar{display: grid;grid-template-columns: repeat(5,1fr);gap: 5px}.cnp-progress-bar i{height: 6px;border-radius: var(--radius-full);background: var(--chip);position: relative;overflow: hidden}.cnp-progress-bar i.is-done{background: var(--accent)}.cnp-progress-bar i.is-current{background: color-mix(in srgb,var(--accent) 35%,var(--chip))}.cnp-progress-bar i.is-current::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: inherit;background: var(--accent);transform-origin: left;animation: cnp-fill 1.8s var(--ease-in-out) infinite alternate}.cnp-progress.is-ready .cnp-progress-bar i{background: var(--success)}.cnp-progress-label{display: flex;justify-content: space-between;gap: var(--space-2);font-size: var(--text-xs)}.cnp-progress-label strong{color: var(--text);font-weight: var(--weight-bold)}.cnp-progress-label span{color: var(--text-subtle);font-weight: var(--weight-semibold);white-space: nowrap}.cnp-back{display: inline-flex;align-items: center;gap: var(--space-2);justify-self: start;min-height: 40px;padding: 0 var(--space-3) 0 var(--space-2);margin-left: calc(var(--space-2) * -1);border: 0;border-radius: var(--radius-full);background: transparent;color: var(--text-muted);font-size: var(--text-sm);font-weight: var(--weight-semibold)}.cnp-back:hover{color: var(--accent);background: var(--accent-soft)}.cnp-back .bi{width: 16px;height: 16px;fill: currentColor}.cnp-hero{display: grid;gap: var(--space-4)}.cnp-hero > .cnp-pill,.cnp-hero > .cnp-meta{justify-self: start}.cnp-hero-head{display: flex;align-items: flex-start;gap: var(--space-4)}.cnp-hero-head .cnp-device-ico{width: 56px;height: 56px;border-radius: var(--radius-lg)}.cnp-hero-head .cnp-device-ico .bi{width: 26px;height: 26px}.cnp-hero-title{display: grid;gap: var(--space-2);min-width: 0}.cnp-hero-title h1{font-size: var(--text-2xl);font-weight: var(--weight-black);letter-spacing: -0.03em;line-height: var(--leading-tight);overflow-wrap: anywhere}.cnp-hero-title p{color: var(--text-muted);font-size: var(--text-sm)}.cnp-tag{display: inline-flex;align-items: center;justify-self: start;padding: 3px 9px;border-radius: var(--radius-xs);background: var(--surface-sunken);border: 1px solid var(--border);font-family: var(--font-mono);font-size: var(--text-xs);color: var(--text-muted);letter-spacing: .04em}.cnp-steps{list-style: none;margin: 0;padding: 0;display: grid}.cnp-step{position: relative;display: grid;grid-template-columns: 28px 1fr;gap: var(--space-3);padding-bottom: var(--space-4)}.cnp-step:last-child{padding-bottom: 0}.cnp-step::before{content: "";position: absolute;left: 13px;top: 28px;bottom: 0;width: 2px;background: var(--border);border-radius: var(--radius-full)}.cnp-step:last-child::before{display: none}.cnp-step.is-done::before{background: var(--accent)}.cnp-step-dot{display: grid;place-items: center;width: 28px;height: 28px;border-radius: var(--radius-full);border: 2px solid var(--border-strong);background: var(--surface);color: var(--accent-contrast)}.cnp-step-dot .bi{width: 14px;height: 14px;fill: currentColor}.cnp-step.is-done .cnp-step-dot{background: var(--accent);border-color: var(--accent)}.cnp-step.is-current .cnp-step-dot{border-color: var(--accent);box-shadow: 0 0 0 5px var(--accent-soft)}.cnp-step.is-current .cnp-step-dot::after{content: "";width: 10px;height: 10px;border-radius: var(--radius-full);background: var(--accent);animation: cnp-pulse 1.8s var(--ease-in-out) infinite}.cnp-step.is-ready .cnp-step-dot{background: var(--success);border-color: var(--success);box-shadow: 0 0 0 5px var(--success-bg)}.cnp-step-text{display: grid;gap: 2px;padding-top: 3px}.cnp-step-text strong{font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--text-subtle)}.cnp-step.is-done .cnp-step-text strong{color: var(--text-muted)}.cnp-step.is-current .cnp-step-text strong,.cnp-step.is-ready .cnp-step-text strong{color: var(--text);font-weight: var(--weight-bold)}.cnp-step-text span{font-size: var(--text-xs);color: var(--text-muted)}.cnp-facts{display: grid;gap: 0;margin: 0}.cnp-fact{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.4fr);gap: var(--space-3);padding: var(--space-3) 0;border-top: 1px solid var(--border)}.cnp-fact:first-child{border-top: 0;padding-top: 0}.cnp-fact:last-child{padding-bottom: 0}.cnp-fact dt{color: var(--text-muted);font-size: var(--text-sm)}.cnp-fact dd{margin: 0;text-align: right;font-size: var(--text-sm);font-weight: var(--weight-semibold);overflow-wrap: anywhere}.cnp-notice{display: grid;grid-template-columns: auto 1fr;gap: var(--space-3);align-items: start;padding: var(--space-4);border-radius: var(--radius-md);border: 1px solid var(--border);background: var(--surface-sunken)}.cnp-notice > .bi{width: 20px;height: 20px;fill: currentColor;margin-top: 1px}.cnp-notice div{display: grid;gap: 2px;min-width: 0}.cnp-notice strong{font-size: var(--text-sm);font-weight: var(--weight-bold)}.cnp-notice p{font-size: var(--text-sm);color: var(--text-muted);overflow-wrap: anywhere}.cnp-notice.is-success{border-color: var(--success-border);background: var(--success-bg)}.cnp-notice.is-success > .bi,.cnp-notice.is-success strong{color: var(--success)}.cnp-notice.is-warning{border-color: var(--warning-border);background: var(--warning-bg)}.cnp-notice.is-warning > .bi,.cnp-notice.is-warning strong{color: var(--warning)}.cnp-notice.is-danger{border-color: var(--danger-border);background: var(--danger-bg)}.cnp-notice.is-danger > .bi,.cnp-notice.is-danger strong{color: var(--danger)}.cnp-notice.is-info{border-color: var(--info-border);background: var(--info-bg)}.cnp-notice.is-info > .bi,.cnp-notice.is-info strong{color: var(--info)}.cnp-photos{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--space-2)}.cnp-photo{position: relative;aspect-ratio: 1;padding: 0;overflow: hidden;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface-sunken)}@supports not (aspect-ratio: 1){.cnp-photo{height: 0;padding-bottom: 100%}.cnp-photo img{position: absolute;top: 0;left: 0}}.cnp-photo img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-base) var(--ease-out)}.cnp-photo:hover img{transform: scale(1.05)}.cnp-photo span{position: absolute;left: 6px;bottom: 6px;max-width: calc(100% - 12px);padding: 2px 7px;border-radius: var(--radius-full);background: var(--bg);background: color-mix(in srgb,var(--bg) 78%,transparent);color: var(--text);font-size: var(--text-2xs);font-weight: var(--weight-semibold);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cnp-warranty{display: grid;gap: var(--space-3)}.cnp-warranty-head{display: flex;align-items: baseline;justify-content: space-between;gap: var(--space-3);flex-wrap: wrap}.cnp-warranty-head strong{font-size: var(--text-xl);font-weight: var(--weight-black);letter-spacing: -0.02em}.cnp-warranty-bar{height: 8px;border-radius: var(--radius-full);background: var(--chip);overflow: hidden}.cnp-warranty-bar i{display: block;height: 100%;width: var(--pct,0%);border-radius: inherit;background: linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 60%,var(--accent)));transform-origin: left;animation: cn-bar-x var(--dur-slow) var(--ease-out) both}.cnp-warranty.is-expired .cnp-warranty-bar i{background: var(--border-strong)}.cnp-warranty p{color: var(--text-muted);font-size: var(--text-sm)}.cnp-login{min-height: 100vh;min-height: 100dvh;display: grid;align-content: center;gap: var(--space-5);padding: calc(var(--cnp-safe-top) + var(--space-6)) var(--cnp-gutter) calc(var(--cnp-safe-bottom) + var(--space-5));max-width: 460px;margin-inline: auto;animation: cnp-view-in var(--dur-slow) var(--ease-out) both}.cnp-login.is-static{animation: none}.cnp-login-side,.cnp-login-main{display: grid;gap: var(--space-5);min-width: 0}.cnp-features,.cnp-login-site{display: none}.cnp-brand{display: grid;justify-items: center;gap: var(--space-3);text-align: center}.cnp-brand img{width: 84px;height: 84px;border-radius: var(--radius-xl);box-shadow: 0 0 0 1px var(--border),0 22px 60px color-mix(in srgb,var(--accent) 26%,transparent)}.cnp-brand h1{font-size: var(--text-3xl);font-weight: var(--weight-black);letter-spacing: -0.035em}.cnp-brand p{color: var(--text-muted);font-size: var(--text-sm);max-width: 34ch}.cnp-eyebrow{color: var(--accent);font-size: var(--text-2xs);font-weight: var(--weight-bold);letter-spacing: .14em;text-transform: uppercase}.cnp-tabs{display: grid;grid-auto-flow: column;grid-auto-columns: 1fr;gap: 4px;padding: 4px;border-radius: var(--radius-full);background: var(--surface-sunken);border: 1px solid var(--border)}.cnp-tabs button{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: 40px;border: 0;border-radius: var(--radius-full);background: transparent;color: var(--text-muted);font-size: var(--text-sm);font-weight: var(--weight-semibold);transition: background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.cnp-tabs button .bi{width: 16px;height: 16px;fill: currentColor}.cnp-tabs button[aria-selected="true"],.cnp-tabs button[aria-pressed="true"]{background: var(--surface-raised);color: var(--text);box-shadow: var(--shadow-sm),inset 0 0 0 1px var(--border)}.cnp-form{display: grid;gap: var(--space-4)}.cnp .field input{min-height: 50px;font-size: var(--text-md);border-radius: var(--radius-md)}.cnp .field input.is-code{font-family: var(--font-mono);letter-spacing: .06em;text-transform: uppercase}.cnp .field input.is-code::placeholder{font-family: var(--font);letter-spacing: 0;text-transform: none}.cnp .field input::placeholder{color: var(--text-subtle)}.cnp .field input.is-otp{font-family: var(--font-mono);font-size: var(--text-2xl);letter-spacing: .5em;text-align: center;padding-left: .5em}.cnp .field small{color: var(--text-subtle);font-size: var(--text-xs)}.cnp .btn{min-height: 50px;font-size: var(--text-md)}.cnp .btn-block{white-space: normal;text-align: center;line-height: var(--leading-snug);padding-block: var(--space-2)}.cnp .btn .bi{width: 18px;height: 18px;fill: currentColor}.cnp-check{display: flex;align-items: flex-start;gap: var(--space-3);cursor: pointer;font-size: var(--text-sm);font-weight: var(--weight-semibold)}.cnp-check input{flex: none;width: 20px;height: 20px;margin: 1px 0 0;accent-color: var(--accent);cursor: pointer}.cnp-check span{display: grid;gap: 2px}.cnp-check small{color: var(--text-subtle);font-size: var(--text-xs);font-weight: var(--weight-normal)}.cnp-proof-head{display: grid;gap: 2px}.cnp-proof-head strong{font-size: var(--text-lg);font-weight: var(--weight-bold)}.cnp-proof-head span{color: var(--text-muted);font-size: var(--text-sm)}.cnp-proof-head em{justify-self: start;margin-top: var(--space-2);padding: 3px 9px;border-radius: var(--radius-xs);background: var(--surface-sunken);border: 1px solid var(--border);font-style: normal;font-family: var(--font-mono);font-size: var(--text-xs);color: var(--text-muted);letter-spacing: .03em}.cnp-help-box{display: grid;grid-template-columns: auto 1fr;gap: var(--space-3);align-items: start;padding: var(--space-4);border-radius: var(--radius-md);border: 1px solid var(--border);background: var(--surface-sunken)}.cnp-help-box > .bi{width: 20px;height: 20px;fill: var(--accent);margin-top: 1px}.cnp-help-box div{display: grid;gap: var(--space-1);min-width: 0;font-size: var(--text-sm)}.cnp-help-box strong{font-weight: var(--weight-bold)}.cnp-help-box span{color: var(--text-muted)}.cnp-help-box a{display: inline-flex;align-items: center;gap: var(--space-2);justify-self: start;margin-top: var(--space-1);color: var(--accent);font-weight: var(--weight-semibold)}.cnp-help-box a .bi{width: 14px;height: 14px;fill: currentColor}.cnp-help-box a span{color: inherit}.cnp-help-box a small{color: var(--text-muted);font-weight: var(--weight-medium)}.cnp-login-main > .cnp-help-box{margin-top: calc(var(--space-2) * -1)}.cnp-notice-line{display: flex;align-items: flex-start;gap: var(--space-3);padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);border: 1px solid var(--info-border);background: var(--info-bg);color: var(--text);font-size: var(--text-sm);animation: cn-alert-in var(--dur-base) var(--ease-out) both}.cnp-notice-line .bi{width: 18px;height: 18px;fill: var(--info);flex: none;margin-top: 1px}.cnp-error{display: flex;align-items: flex-start;gap: var(--space-2);padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);border: 1px solid var(--danger-border);background: var(--danger-bg);color: var(--danger);font-size: var(--text-sm);font-weight: var(--weight-semibold);animation: cn-alert-in var(--dur-base) var(--ease-out) both}.cnp-error .bi{width: 16px;height: 16px;fill: currentColor;flex: none;margin-top: 2px}.cnp-info-line{display: flex;align-items: flex-start;gap: var(--space-3);color: var(--text-muted);font-size: var(--text-sm)}.cnp-info-line .bi{width: 20px;height: 20px;fill: var(--accent);flex: none;margin-top: 1px}.cnp-link-btn{justify-self: center;border: 0;background: transparent;padding: var(--space-2);color: var(--accent);font-size: var(--text-sm);font-weight: var(--weight-semibold)}.cnp-link-btn:disabled{color: var(--text-subtle);cursor: default}.cnp-legal{display: flex;justify-content: center;gap: var(--space-4);font-size: var(--text-xs);color: var(--text-subtle)}.cnp-legal a:hover{color: var(--accent)}.cnp-profile{display: flex;align-items: center;gap: var(--space-4)}.cnp-avatar{display: grid;place-items: center;flex: none;width: 56px;height: 56px;border-radius: var(--radius-full);background: linear-gradient(135deg,var(--accent),var(--accent-hover));color: var(--accent-contrast);font-size: var(--text-xl);font-weight: var(--weight-black);letter-spacing: -0.02em}.cnp-profile > div{display: grid;gap: 2px;min-width: 0}.cnp-profile > div strong{font-size: var(--text-lg);font-weight: var(--weight-bold);overflow-wrap: anywhere}.cnp-profile > div span{font-family: var(--font-mono);font-size: var(--text-xs);color: var(--text-muted);letter-spacing: .04em}.cnp-list{display: grid;margin: calc(var(--space-2) * -1) 0}.cnp-row{display: flex;align-items: center;gap: var(--space-3);min-height: 52px;padding: var(--space-2) 0;border: 0;border-top: 1px solid var(--border);background: transparent;text-align: left;width: 100%;font-size: var(--text-sm);font-weight: var(--weight-semibold)}.cnp-row:first-child{border-top: 0}.cnp-row > .bi{width: 18px;height: 18px;fill: var(--text-muted);flex: none}.cnp-row > span{flex: 1;min-width: 0;overflow-wrap: anywhere}.cnp-row small{display: block;color: var(--text-muted);font-weight: var(--weight-normal);font-size: var(--text-xs)}.cnp-row:hover > .bi:first-child{fill: var(--accent)}.cnp-row.is-danger,.cnp-row.is-danger > .bi{color: var(--danger);fill: var(--danger)}.cnp-row .btn-sm{flex: none;min-height: 34px;font-size: var(--text-xs)}.cnp-row .cnp-pill{margin-left: var(--space-1);padding: 2px 8px;font-size: var(--text-2xs);vertical-align: middle}.cnp-version{text-align: center;color: var(--text-subtle);font-size: var(--text-2xs);letter-spacing: .04em}.cnp-nav{position: fixed;left: 0;right: 0;bottom: 0;z-index: 30;padding-bottom: var(--cnp-safe-bottom);background: var(--nav);background: color-mix(in srgb,var(--nav) 86%,transparent);-webkit-backdrop-filter: saturate(160%) blur(18px);backdrop-filter: saturate(160%) blur(18px);border-top: 1px solid var(--border)}.cnp-nav-inner{display: grid;grid-auto-flow: column;grid-auto-columns: 1fr;max-width: var(--cnp-max);margin-inline: auto;height: var(--cnp-nav-h)}.cnp-nav a{display: grid;place-content: center;justify-items: center;gap: 3px;color: var(--text-subtle);font-size: var(--text-2xs);font-weight: var(--weight-semibold);letter-spacing: .02em;transition: color var(--dur-fast) var(--ease-out)}.cnp-nav a i{display: grid;place-items: center;width: 56px;height: 30px;border-radius: var(--radius-full);transition: background-color var(--dur-fast) var(--ease-out)}.cnp-nav a .bi{width: 20px;height: 20px;fill: currentColor}.cnp-nav a[aria-current="page"]{color: var(--accent)}.cnp-nav a[aria-current="page"] i{background: var(--accent-soft)}.cnp-empty{display: grid;justify-items: center;gap: var(--space-3);padding: var(--space-7) var(--space-4);text-align: center}.cnp-empty-ico{display: grid;place-items: center;width: 72px;height: 72px;border-radius: var(--radius-full);background: var(--accent-soft);color: var(--accent)}.cnp-empty-ico .bi{width: 30px;height: 30px;fill: currentColor}.cnp-empty strong{font-size: var(--text-lg);font-weight: var(--weight-bold)}.cnp-empty p{color: var(--text-muted);font-size: var(--text-sm);max-width: 34ch}.cnp-skel{border-radius: var(--radius-sm);background: linear-gradient(90deg,var(--chip) 0%,var(--surface-raised) 50%,var(--chip) 100%);background-size: 200% 100%;animation: cnp-shimmer 1.4s linear infinite}.cnp-skel-card{height: 156px;border-radius: var(--radius-lg)}.cnp-skel-line{height: 14px}.cnp-skel-title{height: 30px;width: 60%;border-radius: var(--radius-sm)}.cnp-offline{display: flex;align-items: center;gap: var(--space-2);justify-self: center;padding: 6px 12px;border-radius: var(--radius-full);background: var(--warning-bg);border: 1px solid var(--warning-border);color: var(--warning);font-size: var(--text-xs);font-weight: var(--weight-semibold)}.cnp-offline .bi{width: 14px;height: 14px;fill: currentColor}.cnp-toast{position: fixed;left: 50%;z-index: 60;bottom: calc(var(--cnp-nav-h) + var(--cnp-safe-bottom) + var(--space-3));transform: translateX(-50%);display: flex;align-items: center;gap: var(--space-2);width: max-content;max-width: calc(100% - 2 * var(--cnp-gutter));padding: var(--space-3) var(--space-5);border-radius: var(--radius-full);background: var(--surface-raised);border: 1px solid var(--border-strong);color: var(--text);box-shadow: var(--shadow-lg);font-size: var(--text-sm);font-weight: var(--weight-semibold);animation: cnp-toast-in var(--dur-base) var(--ease-spring) both}.cnp-toast .bi{width: 16px;height: 16px;fill: var(--success);flex: none}.cnp-toast.is-leaving{animation: cnp-toast-out var(--dur-fast) var(--ease-out) both}.cnp-locked,.cnp-locked body{overflow: hidden}.cnp-lightbox{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 80;display: grid;grid-template-rows: auto 1fr auto;padding: calc(var(--cnp-safe-top) + var(--space-3)) var(--space-3) calc(var(--cnp-safe-bottom) + var(--space-4));background: var(--bg);background: color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);animation: cnp-fade-in var(--dur-fast) var(--ease-out) both}.cnp-lightbox-top{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);color: var(--text-muted);font-size: var(--text-sm)}.cnp-lightbox-stage{display: grid;place-items: center;min-height: 0;padding: var(--space-3) 0;touch-action: pan-y}.cnp-lightbox-stage img{max-width: 100%;max-height: 100%;object-fit: contain;border-radius: var(--radius-md);box-shadow: var(--shadow-lg)}.cnp-lightbox-nav{display: flex;justify-content: center;gap: var(--space-4)}.cnp-lightbox-nav .bi.is-flip{transform: scaleX(-1)}@keyframes cnp-view-in{from{opacity: 0;transform: translateY(8px)}}@keyframes cnp-fade-in{from{opacity: 0}}@keyframes cnp-breathe{0%,100%{transform: scale(1)}50%{transform: scale(1.04)}}@keyframes cnp-pulse{0%,100%{transform: scale(1);opacity: 1}50%{transform: scale(.6);opacity: .55}}@keyframes cnp-fill{from{transform: scaleX(.15)}to{transform: scaleX(.85)}}@keyframes cnp-shimmer{from{background-position: 200% 0}to{background-position: -200% 0}}@keyframes cnp-toast-in{from{opacity: 0;transform: translate(-50%,16px) scale(.96)}}@keyframes cnp-toast-out{to{opacity: 0;transform: translate(-50%,8px)}}@media (prefers-reduced-motion: reduce){.cnp *,.cnp *::before,.cnp *::after{animation-duration: 1ms !important;animation-iteration-count: 1 !important;transition-duration: 1ms !important}}@media (min-width: 560px){.cnp{--cnp-gutter: var(--space-5)}.cnp-photos{grid-template-columns: repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.cnp{--cnp-top-h: 72px;--cnp-max: 1200px;--cnp-gutter: var(--space-6)}.cnp-top{gap: var(--space-4);border-bottom-color: var(--border)}.cnp-top-logo{width: 38px;height: 38px}.cnp-top-title{flex: 0 0 auto}.cnp-top-nav{display: flex;gap: var(--space-1);margin-left: var(--space-6)}.cnp-top-nav a{display: inline-flex;align-items: center;gap: var(--space-2);padding: 9px 16px;border-radius: var(--radius-full);color: var(--text-muted);font-size: var(--text-sm);font-weight: var(--weight-semibold);transition: color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.cnp-top-nav a i{display: inline-grid}.cnp-top-nav a .bi{width: 17px;height: 17px;fill: currentColor}.cnp-top-nav a:hover{color: var(--text);background: var(--chip)}.cnp-top-nav a[aria-current="page"]{color: var(--accent);background: var(--accent-soft)}.cnp-top-site{display: inline-flex;align-items: center;gap: var(--space-2);margin-left: auto;color: var(--text-muted);font-size: var(--text-sm);font-weight: var(--weight-semibold)}.cnp-top-site .bi{width: 14px;height: 14px;fill: currentColor}.cnp-top-site:hover{color: var(--accent)}.cnp-nav{display: none}.cnp-main,.cnp-main.is-bare{padding: var(--space-6) var(--space-6) var(--space-8)}.cnp-main > .cnp-view:not(.cnp-split){max-width: 720px;margin-inline: auto}.cnp-toast{bottom: var(--space-6)}.cnp-split{grid-template-columns: minmax(340px,400px) minmax(0,1fr);gap: var(--space-6);align-items: start}.cnp-split-list{display: grid;gap: var(--space-3);align-content: start;position: sticky;top: calc(var(--cnp-top-h) + var(--space-5));max-height: calc(100vh - var(--cnp-top-h) - var(--space-7));overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;padding: 4px;margin: -4px}.cnp-split-list .cnp-hello h1{font-size: var(--text-2xl)}.cnp-split-list .cnp-section-title{margin-top: var(--space-2)}.cnp-split-detail{display: grid;gap: var(--space-4);min-width: 0;animation: cnp-view-in var(--dur-base) var(--ease-out) both}.cnp-split-detail.is-static{animation: none}.cnp-split .cnp-back{display: none}.cnp-device.is-selected{border-color: var(--accent);box-shadow: 0 0 0 1px var(--accent),var(--elev-card),var(--card-highlight)}.cnp-device.is-compact.is-selected .cnp-device-ico{background: var(--accent-soft);color: var(--accent)}.cnp-split-detail .cnp-hero-title h1{font-size: var(--text-3xl)}.cnp-split-detail .cnp-photos{grid-template-columns: repeat(5,minmax(0,1fr))}.cnp-login{max-width: 1080px;grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);align-items: center;gap: var(--space-8);padding: var(--space-8) var(--space-6)}.cnp-login-side{gap: var(--space-6)}.cnp-brand{justify-items: start;text-align: left}.cnp-brand h1{font-size: var(--text-5xl)}.cnp-brand p{font-size: var(--text-lg);max-width: 40ch}.cnp-features{display: grid;gap: var(--space-4);list-style: none;margin: 0;padding: 0}.cnp-features li{display: grid;grid-template-columns: auto 1fr;gap: var(--space-4);align-items: center}.cnp-features li > .bi{width: 44px;height: 44px;padding: 12px;border-radius: var(--radius-md);background: var(--accent-soft);fill: var(--accent);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.cnp-features div{display: grid;gap: 2px}.cnp-features strong{font-size: var(--text-md);font-weight: var(--weight-bold)}.cnp-features span{color: var(--text-muted);font-size: var(--text-sm)}.cnp-login-site{display: inline-flex;align-items: center;gap: var(--space-2);justify-self: start;color: var(--text-muted);font-size: var(--text-sm);font-weight: var(--weight-semibold)}.cnp-login-site .bi{width: 14px;height: 14px;fill: currentColor}.cnp-login-site:hover{color: var(--accent)}}
/* === motion.css === */
[data-reveal].reveal-ready{opacity: 0;transform: translateY(20px);transition: opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);will-change: opacity,transform}[data-reveal].reveal-ready.is-visible{opacity: 1;transform: none;will-change: auto}[data-reveal="fade"].reveal-ready{transform: none}[data-reveal="left"].reveal-ready{transform: translateX(-24px)}[data-reveal="right"].reveal-ready{transform: translateX(24px)}[data-reveal="scale"].reveal-ready{transform: scale(.96)}[data-reveal="left"].reveal-ready.is-visible,[data-reveal="right"].reveal-ready.is-visible,[data-reveal="scale"].reveal-ready.is-visible{transform: none}[data-stagger] > *{--stagger: 80ms}[data-stagger].reveal-ready > *:nth-child(1){transition-delay: calc(var(--stagger) * 0)}[data-stagger].reveal-ready > *:nth-child(2){transition-delay: calc(var(--stagger) * 1)}[data-stagger].reveal-ready > *:nth-child(3){transition-delay: calc(var(--stagger) * 2)}[data-stagger].reveal-ready > *:nth-child(4){transition-delay: calc(var(--stagger) * 3)}[data-stagger].reveal-ready > *:nth-child(5){transition-delay: calc(var(--stagger) * 4)}[data-stagger].reveal-ready > *:nth-child(6){transition-delay: calc(var(--stagger) * 5)}[data-stagger].reveal-ready > *:nth-child(7){transition-delay: calc(var(--stagger) * 6)}[data-stagger].reveal-ready > *:nth-child(8){transition-delay: calc(var(--stagger) * 7)}@keyframes cn-rise{from{opacity: 0;transform: translateY(24px)}to{opacity: 1;transform: none}}.cn-enter > *{animation: cn-rise var(--dur-slow) var(--ease-out) backwards}.cn-enter > *:nth-child(1){animation-delay: 60ms}.cn-enter > *:nth-child(2){animation-delay: 140ms}.cn-enter > *:nth-child(3){animation-delay: 220ms}.cn-enter > *:nth-child(4){animation-delay: 300ms}.cn-enter > *:nth-child(5){animation-delay: 380ms}.site-header{transition: box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.site-header.is-scrolled{box-shadow: var(--shadow-md);border-bottom-color: var(--border-strong)}.cn-lift{transition: transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.cn-lift:hover{transform: translateY(-3px);box-shadow: var(--shadow-lg);border-color: var(--accent)}.cn-lift:active{transform: translateY(-1px)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: var(--radius-xs)}.admin-page [data-reveal].reveal-ready{transform: translateY(8px);transition-duration: var(--dur-fast)}.admin-page [data-stagger] > *{--stagger: 30ms}.admin-page .cn-enter > *{animation-duration: var(--dur-fast)}.admin-page .cn-lift:hover{transform: translateY(-2px)}.live-badge::before{animation: cn-live-blink 1.5s var(--ease-in-out) infinite}.workflow-panel .status-timeline li.is-current::before{animation: cn-stage-ping 2s var(--ease-out) infinite}@keyframes cn-live-blink{0%,100%{opacity: 1}50%{opacity: .25}}@keyframes cn-stage-ping{0%{box-shadow: 0 0 0 0 var(--accent-soft)}70%{box-shadow: 0 0 0 9px transparent}100%{box-shadow: 0 0 0 9px transparent}}@view-transition{navigation: auto}.site-header{view-transition-name: cn-site-header}.admin-sidebar{view-transition-name: cn-admin-sidebar}.admin-topbar{view-transition-name: cn-admin-topbar}::view-transition-old(root){animation: cn-vt-out var(--dur-fast) var(--ease-out) both}::view-transition-new(root){animation: cn-vt-in var(--dur-base) var(--ease-out) both}@keyframes cn-vt-out{to{opacity: 0}}@keyframes cn-vt-in{from{opacity: 0;transform: translateY(10px)}}:root:has(body.admin-page)::view-transition-new(root){animation: cn-vt-fade var(--dur-fast) var(--ease-out) both}@keyframes cn-vt-fade{from{opacity: 0}}.nav-open .site-nav{transition: opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}@starting-style{.nav-open .site-nav{opacity: 0;transform: translateY(-8px) scale(.98)}}.admin-nav-open .admin-sidebar-backdrop{transition: opacity var(--dur-base) var(--ease-out)}@starting-style{.admin-nav-open .admin-sidebar-backdrop{opacity: 0}}.alert,.cn-alert,.bl-alert{animation: cn-alert-in var(--dur-base) var(--ease-out) both}@keyframes cn-alert-in{from{opacity: 0;transform: translateY(-6px)}}.cn-dialog{transition: opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),overlay var(--dur-fast) allow-discrete,display var(--dur-fast) allow-discrete;opacity: 0;transform: scale(.96)}.cn-dialog[open]{opacity: 1;transform: none}@starting-style{.cn-dialog[open]{opacity: 0;transform: scale(.96)}}.cn-dialog::backdrop{transition: opacity var(--dur-fast) var(--ease-out),overlay var(--dur-fast) allow-discrete,display var(--dur-fast) allow-discrete;opacity: 0}.cn-dialog[open]::backdrop{opacity: 1}@starting-style{.cn-dialog[open]::backdrop{opacity: 0}}.kpi-progress > span,.stage-bar > span{transform-origin: left center;animation: cn-bar-x var(--dur-slow) var(--ease-out) both}.chart-bar{transform-origin: center bottom;animation: cn-bar-y var(--dur-slow) var(--ease-out) both}.stage-row:nth-child(2) .stage-bar > span,.chart-col:nth-child(2) .chart-bar{animation-delay: 60ms}.stage-row:nth-child(3) .stage-bar > span,.chart-col:nth-child(3) .chart-bar{animation-delay: 120ms}.stage-row:nth-child(4) .stage-bar > span,.chart-col:nth-child(4) .chart-bar{animation-delay: 180ms}.stage-row:nth-child(5) .stage-bar > span,.chart-col:nth-child(5) .chart-bar{animation-delay: 240ms}.chart-col:nth-child(6) .chart-bar{animation-delay: 300ms}@keyframes cn-bar-x{from{transform: scaleX(0)}}@keyframes cn-bar-y{from{transform: scaleY(0)}}@media (prefers-reduced-motion: reduce){@view-transition{navigation: none}[data-reveal].reveal-ready,[data-reveal].reveal-ready.is-visible{opacity: 1 !important;transform: none !important;transition: none !important}.cn-enter > *{animation: none !important}.cn-lift{transition: none !important}.cn-lift:hover,.cn-lift:active{transform: none !important}*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important}}@supports (animation-timeline: view()){@media (max-width: 768px) and (prefers-reduced-motion: no-preference){[data-reveal].reveal-ready{opacity: 1;transform: none;transition: none;animation: cn-reveal-scroll linear both;animation-timeline: view();animation-range: entry 0% entry 55%}}}@keyframes cn-reveal-scroll{from{opacity: 0;transform: translateY(16px)}to{opacity: 1;transform: none}}@supports not (animation-timeline: view()){@media (max-width: 768px){[data-reveal].reveal-ready{opacity: 1 !important;transform: none !important;transition: none !important}}}