/* pnew-plastik-site.css — generated by tools/css_plastik.php, do not edit (the plastik look on every page: src-css/tokens.css in the CI palette under html[data-plk] + src-css/plastik/site.css) */
html[data-plk][data-plk]{--duck: #FAE6DD; --duck-2: #F4DDD3; --duck-3: #ECD5CB;
  --pink: #FF9DB2; --pink-press: #F57F98; --pink-soft: #FFE6EC;
  --anthracite: #080304;            
  --card-dk: #150A0C;               
  --cream: #FCEBE3; --paper: #FEF1EB;
  --on-dark: #FFEDE6; --muted-dk: #C3A297; --muted-lt: #513330;
  --mline: rgba(128,128,128,.5);    
  --live: #FF9DB2;                  
  --ph-a: #F4DDD2; --ph-b: #EFD8CE; --ph-ink: #7A534C;   
  --fig-shadow: drop-shadow(0 24px 40px rgb(8 3 4 / .22));
  --rim-pink: drop-shadow(0 0 1px #FF9DB2) drop-shadow(0 20px 40px rgb(0 0 0 / .45));
  --dash: rgb(8 3 4 / .28);      
  --dash-2: rgb(8 3 4 / .35);    
  --stamp-fill: rgb(250 230 221 / .55);
  --mt-light: rgb(250 230 221 / .85); --mt-dark: rgb(8 3 4 / .85);   
  --btn-edge-ink: #000000;          
  --btn-edge-on-accent: color-mix(in srgb, var(--pink) 58%, var(--anthracite));   
  --white: #FFF1EA;                 
  
  --display: var(--body); --display-lc: "Anton", "Anton FBL", system-ui, sans-serif; --display-tape: var(--body);
  --body: "Inter Tight", system-ui, sans-serif; --label: var(--body); --hand: "Caveat", "Caveat FA", "Caveat FR", cursive;

  
  --wrap-max: 1280px; --wrap-pad: 56px;           
  --hdr-h: 69px;                                  
  
  --fs-xl: clamp(40px, 4.4vw, 58px);   
  --fs-l: 44px;                        
  --fs-m: 34px;                        
  
  --fs-section: 21px;                  
  --fs-subhead: 16px;                  
  --btn-fs: 14px; --btn-sm-fs: 13px;   
  --lh-hero: 1.04; --lh-head: 1.12; --lh-sub: 1.2; --lh-tape: 1.28;   
  --tr-h: -.025em; --tr-head: -.018em; --tr-btn: 0em; --tr-num: -.01em;
  --tape-pad: .02em .14em .04em;
  --r-label: 6px; --r-stamp: 8px; --r-icon: 10px; --r-rules: 10px; --r-pcard: 12px; --r-tile: 12px;
  --r-box: 14px; --r-door: 14px; --r-empty: 14px; --r-note: 4px;

  
  
  utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='.3 0 0 0 .81  .3 0 0 0 .81  .3 0 0 0 .81  0 0 0 0 1'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");

  
  --on-prem: var(--white);
  --prem-stripe: color-mix(in srgb, var(--prem-bg) 88%, var(--accent));
  
  --prem-metal: linear-gradient(135deg, #FF9DB2 0%, #FF9DB2 38%, #FF9DB2 62%, #FF9DB2 100%);
  --prem-metal-ink: #FF9DB2;
  --prem-metal-dk: linear-gradient(135deg, #FF9DB2 0%, #FF9DB2 50%, #FF9DB2 100%);
  --prem-metal-dk-ink: #FF9DB2;
  --prem-metal-bevel: inset 0 1px 0 rgb(249 229 219 / .75), inset 0 -1px 0 rgb(255 157 178 / .35);
  --prem-metal-ring: inset 0 0 0 1px #FF9DB2;
  --prem-sheen: linear-gradient(105deg, transparent 38%, rgb(252 235 227 / .7) 50%, transparent 62%);
  
  --on-chrome: var(--on-dark); --on-chrome-2: var(--muted-dk);
  --chrome-line: rgba(128,128,128,.5);   
  --chrome-press: color-mix(in srgb, var(--chrome-2) 80%, var(--on-chrome));
  --chrome-tint: color-mix(in srgb, var(--on-chrome) 16%, transparent);
  --chrome-tint-press: color-mix(in srgb, var(--on-chrome) 26%, transparent);
  
  --sticker-cream: var(--cream); --on-sticker: var(--anthracite);

  
  --chrome-well: color-mix(in srgb, var(--on-chrome) 9%, var(--chrome));
  --chrome-well-hover: color-mix(in srgb, var(--on-chrome) 16%, var(--chrome));
  
  --surface-2: color-mix(in srgb, var(--sunken) 89%, var(--ink));
  --ink-press: color-mix(in srgb, var(--ink) 86%, var(--bg));
  --accent-soft-press: color-mix(in srgb, var(--accent-soft) 85%, var(--accent));
  --on-accent-2: color-mix(in srgb, var(--on-accent) 75%, transparent);
  --on-accent-press: color-mix(in srgb, var(--on-accent) 12%, transparent);
  --accent-well: color-mix(in srgb, var(--sticker-cream) 55%, var(--accent));
  --danger-soft: color-mix(in srgb, var(--danger) 12%, var(--surface));
  --danger-line: color-mix(in srgb, var(--danger) 40%, transparent);
  --hand-ink: var(--pink);          
  
  --pink-ink: #B03357;       
  --pink-text: var(--pink-ink);
  
  --glow: 0 0 0 0 transparent;
  --pulse-ring: color-mix(in srgb, var(--accent) 55%, transparent);
  --on-blush: var(--on-accent);
  --ring-story: var(--accent);
  --star: var(--accent);

  
  --bg-veil: color-mix(in srgb, var(--bg) 90%, transparent);
  
  --do-heat: 0;
  --do-glow: radial-gradient(60% 60% at 50% 0%, rgb(255 157 178 / calc(var(--do-heat, 0) * 1%)), transparent 70%);
  --do-top-veil: color-mix(in srgb, var(--bg) 92%, transparent);
  --do-dock-veil: color-mix(in srgb, var(--chrome) 94%, transparent);
  --do-card-shade: linear-gradient(180deg, rgb(8 3 4 / .4) 0%, transparent 26%, transparent 52%, rgb(8 3 4 / .9) 100%);
  --do-foot-2: color-mix(in srgb, var(--on-dark) 78%, transparent);
  --do-ladder: linear-gradient(var(--pink-soft), var(--pink), var(--pink-press));
  --surface-veil: color-mix(in srgb, var(--surface) 65%, transparent);
  --dk-veil: color-mix(in srgb, var(--dk-bg) 72%, transparent);     
  --pink-veil: color-mix(in srgb, var(--pink) 82%, transparent);    
  --glass: rgba(8,3,4,.36);
  --glass-strong: rgba(8,3,4,.6);
  --backdrop: color-mix(in srgb, var(--prem-bg) 95%, transparent);
  --on-media: var(--sticker-cream);
  --on-media-2: color-mix(in srgb, var(--on-media) 75%, transparent);
  --media-track: color-mix(in srgb, var(--on-media) 30%, transparent);
  --media-rule: color-mix(in srgb, var(--on-media) 45%, transparent);
  --media-dim: color-mix(in srgb, var(--on-sticker) 16%, transparent);
  --media-shade: linear-gradient(to bottom, transparent 40%, color-mix(in srgb, var(--prem-bg) 75%, transparent));
  --shade-card: linear-gradient(to bottom, var(--glass), transparent 22%, transparent 52%, color-mix(in srgb, var(--prem-bg) 72%, transparent));
  
  --scard-shade: linear-gradient(180deg, rgb(8 3 4 / .14) 0%, rgb(8 3 4 / 0) 16%, rgb(8 3 4 / 0) 55%, rgb(8 3 4 / .12) 75%, rgb(8 3 4 / .2) 100%);
  --scard-cap-shade: linear-gradient(180deg, rgb(8 3 4 / 0) 0%, rgb(8 3 4 / .1) 14%, rgb(8 3 4 / .32) 32%, rgb(8 3 4 / .58) 52%, rgb(8 3 4 / .76) 74%, rgb(8 3 4 / .84) 100%);
  
  --pcard-cap-shade: linear-gradient(180deg, rgb(8 3 4 / 0) 0%, rgb(8 3 4 / .16) 22%, rgb(8 3 4 / .44) 50%, rgb(8 3 4 / .64) 78%, rgb(8 3 4 / .7) 100%);
  
  --pcard-cap-blush: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--pink) 42%, transparent) 100%), var(--pcard-cap-shade);
  --scard-cap-blush: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--pink) 42%, transparent) 100%), var(--scard-cap-shade);
  --scard-ink: var(--cream); --scard-ink-2: rgb(252 235 227 / .76); --scard-ink-3: rgb(252 235 227 / .55);
  --scard-tshadow: 0 1px 2px rgb(8 3 4 / .4);
  --scard-glass: rgb(8 3 4 / .32); --scard-glass-hover: rgb(8 3 4 / .52);
  --ground-shadow: color-mix(in srgb, var(--anthracite) 55%, transparent);   
  --scard-online: #FF9DB2; --scard-online-halo: 0 0 0 3px rgb(255 157 178 / .25);
  --shade-hero: linear-gradient(100deg, color-mix(in srgb, var(--chrome) 88%, transparent) 0%, color-mix(in srgb, var(--chrome) 64%, transparent) 55%, color-mix(in srgb, var(--chrome) 78%, transparent) 100%);
  --shade-hero-blur: linear-gradient(100deg, color-mix(in srgb, var(--chrome) 72%, transparent) 0%, color-mix(in srgb, var(--chrome) 44%, transparent) 55%, color-mix(in srgb, var(--chrome) 62%, transparent) 100%);
  --shade-hero-plain: linear-gradient(100deg, color-mix(in srgb, var(--chrome) 90%, transparent) 0%, color-mix(in srgb, var(--chrome) 55%, transparent) 70%, color-mix(in srgb, var(--chrome) 30%, transparent) 100%);
  --shade-paygate: linear-gradient(to bottom, transparent 45%, color-mix(in srgb, var(--scrim) 60%, transparent));
  
  --shade-cover: linear-gradient(to bottom, transparent 50%, color-mix(in srgb, var(--scrim) 70%, transparent));
  --shade-cover-plain: linear-gradient(to bottom, transparent 40%, color-mix(in srgb, var(--bg) 55%, transparent));
  --stripes-cover: repeating-linear-gradient(135deg, color-mix(in srgb, var(--pink) 16%, var(--surface)) 0 14px, color-mix(in srgb, var(--pink) 30%, var(--surface)) 14px 28px);

  
  --skin-50: #F8E1D6; --skin-100: #F3DCD1; --skin-200: #ECD5CB; --skin-300: #D3B6AB; --skin-400: #C09D92;
  --skin-500: #AF8B7F; --skin-600: #714943; --skin-650: #66413C; --skin-700: #553632; --skin-800: #362221; --skin-900: #1B0F10;
  --skin: var(--skin-200);
  --hero-bg: #A47E74;
  
  --ph-arch: var(--pink);
  --duck-egg: var(--duck-2);
  --ph-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --ph-vignette: none;
  --ph-landing: linear-gradient(90deg, color-mix(in srgb, var(--skin) 75%, transparent) 0%, transparent 58%);
  
  --av-g0: color-mix(in srgb, #916B62 26%, var(--sunken)); --av-g1: color-mix(in srgb, #C7A69B 26%, var(--sunken));
  --av-g2: color-mix(in srgb, #C7A69B 26%, var(--sunken)); --av-g3: color-mix(in srgb, #BF9D91 24%, var(--sunken));
  --av-g4: color-mix(in srgb, #D1B4A9 26%, var(--sunken)); --av-g5: color-mix(in srgb, #C2A095 24%, var(--sunken));
  --av-g6: var(--av-g0); --av-g7: var(--anthracite);
  --av-ink: var(--ink); --av-ink-light: var(--on-dark);
  
  --obj-paper: var(--paper); --obj-cream: var(--cream); --obj-ink: var(--anthracite); --obj-ink-2: var(--muted-lt); --obj-ink-3: #2D1B1B;
  --obj-muted: #E0C6BC; --obj-muted-2: #906A61; --obj-alarm: #B8324F;
  --obj-line: var(--dash); --obj-line-2: var(--dash-2); --obj-fill: rgba(8,3,4,.1);
  --tape-pink: color-mix(in srgb, var(--accent) 78%, transparent);
  --peg: var(--accent); --peg-2: #E56F8B; --peg-spring: #A78278; --rope: #9A746B;
  --cut-band: rgba(8,3,4,.35); --cut-bow: color-mix(in srgb, var(--sticker-cream) 55%, transparent);
  --cut-seam: color-mix(in srgb, currentColor 70%, #080304);

  
  --sh-knob: 0 2px 6px rgb(8 3 4 / .25);
  --sh-sticker: 0 6px 16px rgb(8 3 4 / .15);                 
  --sh-cut: drop-shadow(0 24px 40px rgb(8 3 4 / .22));       
  --sh-band: 0 6px 16px rgb(8 3 4 / .15);
  --sh-print: 0 20px 40px rgb(8 3 4 / .12);                  
  --sh-pola: 0 10px 24px rgb(8 3 4 / .14);
  --sh-label: 0 18px 30px rgb(0 0 0 / .4);                      
  --sh-tag: drop-shadow(0 24px 40px rgb(8 3 4 / .22));
  --sh-receipt: 0 20px 40px rgb(8 3 4 / .12);                
  --sh-note: 0 10px 24px rgb(8 3 4 / .14);                   
  --sh-tape: 0 1px 3px rgb(8 3 4 / .18);
  --sh-lift: 0 10px 24px rgb(8 3 4 / .14);
  --sh-tape-hl: 0 10px 24px rgb(8 3 4 / .14);
  --sh-hand: 0 2px 10px rgb(8 3 4 / .3);
  --sh-frame: 0 30px 80px rgb(8 3 4 / .25);                  
  
  --sh-card: 0 8px 24px rgb(8 3 4 / .10);
  --sh-card-hover: 0 14px 36px rgb(8 3 4 / .16);
  --sh-floating: 0 18px 48px rgb(8 3 4 / .20);
  --sh-pink: 0 6px 18px rgb(245 127 152 / .28);
  --card-rim: inset 0 0 0 1px rgb(8 3 4 / .05);
  --r-card-x: 16px;
  --dur-card: 220ms;
  --card-overlay: linear-gradient(to bottom, transparent 35%, rgb(0 0 0 / .12) 55%, rgb(0 0 0 / .78) 100%);
  --card-cap-scrim: linear-gradient(180deg, transparent 0%, rgb(0 0 0 / .22) 60%, rgb(0 0 0 / .3) 100%);
  --btn-pink-grad: linear-gradient(180deg, #FFB0C1 0%, var(--pink) 45%, var(--pink-press) 100%);
  --btn-dk-grad: linear-gradient(180deg, rgb(255 241 234 / .09), rgb(255 241 234 / .04));
  --btn-dk-grad-hover: linear-gradient(180deg, rgb(255 241 234 / .13), rgb(255 241 234 / .06));
  --sh-pink-hover: 0 8px 22px rgb(245 127 152 / .3);
  --chip-glass: rgb(8 3 4 / .42);   
  --chrome-grad: linear-gradient(180deg, #190D0F 0%, var(--chrome) 100%);
  --sh-chrome-soft: 0 1px 0 rgb(255 241 234 / .03), 0 10px 28px rgb(0 0 0 / .28);
  --font-hand: var(--hand);
  
  --mask-tub: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8.5c1.5-1.4 3-1.4 4.5 0s3 1.4 4.5 0 3-1.4 4.5 0 3 1.4 4.5 0L19 19H5z'/><path d='M4 4l16 17M20 4 4 21'/></svg>");
  --mask-bleach: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 4 21 19H3z'/><path d='M5 5l14 15M19 5 5 20'/></svg>");
  --mask-iron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 17h16c0-4-2.5-7-7-7H8l-1-3'/><path d='M5 5l14 15M19 5 5 20'/></svg>");
  --mask-scribble: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 46' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'><path d='M4 40C18 38 34 30 44 18c4-5 6-10 6-14M50 4l-8 6M50 4l4 9'/></svg>");
  --mask-stamp: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' seed='4'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -1.5 1.72'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");
  --mask-zigzag: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='16' viewBox='0 0 120 16'><path d='M0 16V8l7-3 6 5 6-6 8 5 6-6 8 6 6-3 8 5 7-8 7 6 8-4 6 5 8-6 7 4 7-3 8 5 7-2v16z'/></svg>");
  --mask-rope: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M-2 2 Q 50 26 102 2' fill='none' stroke='black' stroke-width='2.5' vector-effect='non-scaling-stroke' stroke-linecap='round'/></svg>");
  
  --font-display: var(--display);
  --font-sans: var(--body); --font-label: var(--label);
  --fs-h1: var(--fs-m); --fs-price-card: 15px;   
  
  --fs-tile: 28px; --fs-price-l: 28px; --fs-price-m: 22px; --fs-num: 20px; --fs-plan: 18px; --fs-empty: 20px; --fs-sub-s: 16px;
  
  --radius-sticker: var(--r-stamp); --radius-tile: var(--r-rules); --radius-card: var(--r-pcard); --radius-panel: var(--r-box);
  --radius-sheet: var(--r-empty); --radius-bubble: var(--r-pcard); --radius-full: 999px;
  
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px;
  --control-sm: 36px; --control-md: 40px; --control-btn: 42px; --control-field: 42px;   
  --control-lg: 48px;   
  --btn-py: 10px; --btn-px: 16px;
  --btn-sm-py: 8px; --btn-sm-px: 12px;
  --r-btn: 10px; --r-btn-sm: 10px; --r-field: 10px; --r-field-foot: var(--r-field); --r-chip: 10px;   
  
  --panel-pad: 20px; --section-gap: 28px; --page-head-gap: 30px; --main-max: 1168px;
  --gutter: var(--wrap-pad);
  --col-pad: max(var(--gutter), calc((100% - var(--main-max)) / 2));
  
  --header-h: var(--hdr-h);
  --flush-top: calc(var(--header-h) + env(safe-area-inset-top));
  --sticky-top: calc(var(--header-h) + var(--space-3));
  
  --wide-max: 1680px; --wide-gutter: 32px; --wide-head-gap: 18px; --wide-grid-gap: 16px;
  
  --app-top: 24px;          
  --app-head-pb: 18px;      
  --app-gap: 16px;          
  --app-sec-gap: 28px;      
  
  --list-pad: 8px; --row-inset: calc(var(--panel-pad) - var(--list-pad));
  --tabbar-h: 64px;
  --dock: calc(var(--space-4) + env(safe-area-inset-bottom));
  --dock-flush: env(safe-area-inset-bottom);   
  
  --ease-pop: cubic-bezier(.34,1.56,.64,1);
  --ease-snap: cubic-bezier(.2,.9,.1,1);
  --ease-sheet: cubic-bezier(.32,.72,0,1);
  --ease-out: cubic-bezier(.22,1,.36,1);
  --ease-sway: cubic-bezier(.45,0,.55,1);
  --dur-press: 140ms; --dur-fast: 200ms; --dur-base: 300ms; --dur-slow: 450ms; --dur-enter: 600ms; --dur-print: 1400ms;
  --stagger: 70ms; --reveal-y: 16px;
  
  --sec-gap: 56px;        
  --sec-gap-mega: 72px;   
  --sec-gap-stack: 32px;
  --sec-head-gap: 16px;   
  --mega-pad-top: 72px; --mega-pad-bot: 64px;
  --edge-h: 16px;
  
  --measure-prose: 640px; --measure-lede: 560px; --measure-note: 340px; --measure-mega: 14ch;
  
  --fs-lede: 16px; --fs-sub: 14px; --fs-prose: 15.5px;
  
  --fs-ed-lede: 19px; --fs-ed-body: 17px; --fs-ed-h2: 26px; --fs-ed-h3: 19px; --ed-gap: 16px; --ed-sec: 32px;
  --fs-hand-s: 21px; --fs-hand: 24px; --fs-hand-l: 24px;
  --tr-label: 0em;   
  
  --tilt-xs: 0deg; --tilt-s: 0deg; --tilt-m: 0deg; --tilt-l: 0deg;   
  --tap: 44px;
  
  --lp-dome-h: 64px;                
  --lp-lace-r: 11px;                
  --lp-reveal-dur: 900ms;}
html[data-plk][data-plk]{color-scheme: light;
  --accent: #FF9DB2;
  --accent-press: #F57F98;
  --accent-soft: #FFE6EC;
  --accent-text: #B8324F;
  --on-accent: #080304;
  --pink-glyph: #B8324F;   
  --blush: var(--accent);
  --focus-ring: var(--anthracite);
  --canvas: #F4DDD3; --bg: #FAE6DD; --surface: #FEF1EB; --sunken: #F4DDD3;
  --field: #FEF1EB; --field-in: #FBE9E1;   
  --dkbox: #080304; --dkbox-tile: #150A0C;   
  --bubble-in: #FEF1EB;                      
  --ink: #080304; --ink-2: #513330; --ink-3: #7A534C;
  --line: rgba(128,128,128,.5); --line-2: rgba(128,128,128,.5);
  --line-3: var(--ink-3);
  --btn-line-edge: var(--ink);   
  --btn-line-bg: var(--surface);   
  --pola-edge: var(--obj-paper);   
  --chrome: #080304; --chrome-2: #150A0C; --prem-bg: #080304;
  --online: #FF9DB2; --success: #FF9DB2; --on-success: #FFF1EA;
  --warning: #FF9DB2;
  --danger: #B8342A; --on-danger: #FFF1EA;
  --oxblood: var(--chrome-2);
  --ph-media: repeating-linear-gradient(135deg, #F4DDD2 0 10px, #EFD8CE 10px 20px);
  --ph-media-2: repeating-linear-gradient(135deg, #F4DDD2 0 10px, #EFD8CE 10px 20px);
  --ph-text: #7A534C;
  --prem-ring: transparent;
  --chrome-ring: transparent;
  --btn-ink: #291719; --on-btn-ink: #FFF1EA; --btn-ink-edge: #070303;   
  --dk-bg: #080304; --dk-card: #150A0C; --dk-ink: #FFEDE6; --dk-ink-2: #C3A297;
  --tape: rgba(250,230,221,.85); --rule-ink: var(--ink); --star-edge: var(--accent-text);
  --scrim: rgba(8,3,4,.45);
  --sh-1: none;
  --sh-2: none;
  --sh-float: 0 30px 80px rgb(8 3 4 / .25);
  --sh-sheet: 0 -20px 60px rgb(8 3 4 / .25);
  
  --adm-good: #FF9DB2; --adm-good-bg: #FF9DB2; --adm-bad: #B42336; --adm-bad-bg: #FBE1E4; --adm-neutral-bg: #F9E2D8;
  --adm-hover: #FCEBE4; --adm-grid: rgba(8,3,4,.08); --adm-hatch: rgba(255,241,234,.55);
  --adm-c-best: #C4A397; --adm-c-leg: #4C302D; --adm-c-pnew: #D9577B;
  --adm-av-a: #FBE9E1; --adm-av-b: #EDD6CC; --adm-tip-sh: 0 8px 24px rgba(0,0,0,.25); --adm-dlg-sh: 0 24px 64px rgba(0,0,0,.35);
  
  --lp-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .06  0 0 0 0 .09  0 0 0 0 .1  0 0 0 .075 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --lp-hero-bg: radial-gradient(50% 56% at 74% 52%, rgb(255 157 178 / .30), transparent 72%), radial-gradient(48% 60% at 6% 0%, rgb(254 241 235 / .95), transparent 70%), linear-gradient(180deg, #FBE9E1 0%, #FAE6DD 62%, #F9E5DB 100%);
  --lp-real-bg: radial-gradient(34% 40% at 96% 46%, rgb(255 230 236 / .34), transparent 72%), linear-gradient(180deg, #F9E5DB 0%, #FAE6DD 30%, #FAE6DD 100%);
  --lp-real-bg-l: radial-gradient(34% 40% at 4% 50%, rgb(255 230 236 / .34), transparent 72%), linear-gradient(180deg, #FAE6DD 0%, #FAE6DD 100%);   
  --lp-buy-bg: radial-gradient(46% 58% at 80% 34%, rgb(255 157 178 / .20), transparent 72%), radial-gradient(40% 55% at 6% 4%, rgb(187 152 140 / .16), transparent 70%), radial-gradient(60% 40% at 50% 104%, rgb(255 157 178 / .08), transparent 70%), linear-gradient(172deg, #211214 0%, #160B0D 48%, #0C0507 100%);
  --lp-buy-line: var(--mline);   
  --lp-proof-bg: radial-gradient(46% 60% at 84% 42%, rgb(255 230 236 / .72), transparent 72%), radial-gradient(40% 50% at 0% 100%, rgb(254 241 235 / .8), transparent 70%), linear-gradient(180deg, #F9E5DB 0%, #FBE8E0 100%);
  --lp-sell-bg: linear-gradient(112deg, transparent 18%, rgb(255 241 234 / .20) 34%, rgb(255 241 234 / .04) 44%, transparent 52%, rgb(255 241 234 / .12) 70%, transparent 82%), radial-gradient(62% 70% at 12% 8%, #FFC3D0 0%, transparent 72%), radial-gradient(56% 64% at 96% 96%, #F2839D 0%, transparent 72%), linear-gradient(180deg, #FFA6B9 0%, #FF9DB2 55%, #F994AB 100%);
  --lp-laundry-bg: radial-gradient(60% 40% at 50% 0%, rgb(255 230 236 / .55), transparent 72%), linear-gradient(180deg, #FFF7F5 0%, #FEF1EB 260px, #FEF1EB calc(100% - 220px), #FAE6DD 100%);
  --lp-lace: #FFF7F5;              
  --lp-guides-bg: linear-gradient(180deg, #FAE6DD 0%, #FAE6DD 100%);
  --lp-join-bg: radial-gradient(70% 55% at 30% 0%, rgb(255 230 236 / .45), transparent 72%), linear-gradient(180deg, #FAE6DD 0%, #F9E3D8 100%);
  --lp-arch: radial-gradient(70% 55% at 32% 18%, #FFCBD6 0%, transparent 70%), radial-gradient(60% 50% at 88% 90%, #EE7F99 0%, transparent 70%), linear-gradient(165deg, #FFB2C3 0%, #FF9DB2 50%, #F68CA5 100%);
  --lp-arch-glow: 0 40px 90px -30px rgb(245 127 152 / .55);
  --lp-tape: linear-gradient(100deg, #FFB0C1 0%, #FF9DB2 38%, #FFC0CD 52%, #FF9DB2 66%, #F894AC 100%);
  --lp-sheen: linear-gradient(105deg, transparent 30%, rgb(255 241 234 / .42) 48%, rgb(255 241 234 / .06) 56%, transparent 66%);
  --lp-box-dk: radial-gradient(80% 60% at 100% 0%, rgb(255 157 178 / .12), transparent 70%), linear-gradient(165deg, #221214 0%, #160B0D 100%);
  --lp-box-cr: radial-gradient(80% 70% at 0% 0%, #FFF1EA 0%, transparent 70%), linear-gradient(165deg, #FDEFE9 0%, #FAE6DD 100%);
  --lp-inner-hi: inset 0 1px 0 rgb(255 241 234 / .75);
  --lp-inner-hi-dk: inset 0 1px 0 rgb(255 241 234 / .07);
  --lp-card-lift: 0 22px 44px -22px rgb(8 3 4 / .35);
  --lp-door-buy: radial-gradient(70% 80% at 100% 0%, rgb(255 157 178 / .22), transparent 70%), radial-gradient(60% 70% at 0% 100%, rgb(187 152 140 / .14), transparent 70%), linear-gradient(160deg, #211214 0%, #080304 100%);
  --lp-door-sell: linear-gradient(112deg, transparent 22%, rgb(255 241 234 / .22) 38%, transparent 54%), radial-gradient(80% 90% at 0% 0%, #FFC3D0 0%, transparent 70%), linear-gradient(160deg, #FFA9BB 0%, #FF9DB2 55%, #F48CA5 100%);
  --lp-row-hover: linear-gradient(90deg, rgb(255 230 236 / .55), rgb(255 230 236 / 0) 80%);
  --lp-real2-bg: linear-gradient(180deg, #FAE6DD 0%, #F9E5DB 100%);
  --lp-fav-bg: rgb(255 241 234 / .72);
  --lp-chip-bg: rgb(254 241 235 / .72); --lp-chip-ink: var(--anthracite);
  --lp-step-sh: 0 1px 0 rgb(0 0 0 / .04), 0 12px 32px -12px rgb(0 0 0 / .35);
  --lp-marker: var(--pink);
  --lp-host-arch: linear-gradient(180deg, #F4DDD3 0%, rgb(244 221 211 / .35) 100%); --lp-host-rim: transparent;
  --lp-cut-rim: none;
  --alt-spot: rgb(255 122 150 / .46); --alt-spot-2: rgb(255 157 178 / .26);   
  --lp-footer-bg: var(--chrome);
  --lp-num-ink: var(--pink-ink);
  --lp-hero-end: #F9E5DB;
  
  --app-head-bg: radial-gradient(24% 300px at 66% 0%, #FFE6EC 0%, #FFF4F2 40%, #FEF1EB 100%);
  --app-ground: #FAE6DD;}
html[data-plk][data-plk]{color-scheme: dark;
  --accent: #FF9DB2;
  --accent-press: #F57F98;
  --accent-soft: #231215;
  --accent-text: #FF9DB2;
  --on-accent: #080304;
  --pink-glyph: var(--pink-press);   
  --blush: var(--accent);
  --focus-ring: var(--accent);
  --canvas: #0C0507; --bg: #080304; --surface: #150A0C; --sunken: #281618;   
  --field: #221215; --field-in: #2D1A1B;   
  --dkbox: #150A0C; --dkbox-tile: #2D1A1B;   
  --bubble-in: #281618;                      
  --ink: #FFEDE6; --ink-2: #C3A297; --ink-3: #845D55;
  --line: rgba(128,128,128,.5); --line-2: rgba(128,128,128,.5);
  --line-3: var(--ink-3);
  --btn-line-edge: var(--line);   
  --btn-line-bg: var(--sunken);   
  --pola-edge: var(--chrome-well-hover);   
  --chrome: #080304; --chrome-2: #150A0C; --prem-bg: #080304;
  --online: #FF9DB2; --success: #FF9DB2; --on-success: #080304;
  --warning: #FF9DB2;
  --danger: #FF8A7A; --on-danger: #080304;
  --oxblood: var(--line-2);
  --ph-media: repeating-linear-gradient(135deg, #221215 0 10px, #261517 10px 20px);
  --ph-media-2: repeating-linear-gradient(135deg, #221215 0 10px, #261517 10px 20px);
  --ph-text: #C3A297;
  --stamp-fill: #FAE6DD;   
  --pink-text: var(--pink);
  --prem-ring: rgba(128,128,128,.5);
  --chrome-ring: rgba(128,128,128,.5);
  --btn-ink: #2B191A; --on-btn-ink: #FFF1EA; --btn-ink-edge: #080304;   
  --dk-bg: #080304; --dk-card: #150A0C; --dk-ink: #FFEDE6; --dk-ink-2: #C3A297;
  --tape: rgba(250,230,221,.45); --rule-ink: var(--chrome-line); --star-edge: var(--accent);
  --scrim: rgba(5,2,2,.65);
  --sh-1: none;
  --sh-2: none;
  --sh-float: 0 0 0 1px rgba(128,128,128,.5), 0 30px 80px rgb(0 0 0 / .6);
  --sh-sheet: 0 0 0 1px rgba(128,128,128,.5), 0 -20px 60px rgb(0 0 0 / .6);
  --adm-good: #FF9DB2; --adm-good-bg: rgba(255,157,178,.14); --adm-bad: #FF7F8B; --adm-bad-bg: rgba(255,127,139,.14); --adm-neutral-bg: #231215;
  --adm-hover: #201213; --adm-grid: rgba(255,237,230,.07); --adm-hatch: rgba(0,0,0,.35);
  --adm-c-best: #4A2F2C; --adm-c-leg: #9A746B; --adm-c-pnew: #FF9DB2;
  --adm-av-a: #281618; --adm-av-b: #150A0C; --adm-tip-sh: 0 8px 24px rgba(0,0,0,.5); --adm-dlg-sh: 0 24px 64px rgba(0,0,0,.65);
  
  --lp-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .92  0 0 0 0 .95  0 0 0 0 .95  0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --lp-hero-bg: radial-gradient(50% 56% at 74% 52%, rgb(255 157 178 / .16), transparent 72%), radial-gradient(48% 60% at 6% 0%, rgb(187 152 140 / .12), transparent 70%), linear-gradient(180deg, #1A0E10 0%, #160B0D 60%, #080304 100%);
  --lp-real-bg: radial-gradient(ellipse 48% 46% at 100% 50%, rgb(255 157 178 / .075), transparent 75%), linear-gradient(180deg, #080304 0%, #080304 100%);
  --lp-real-bg-l: radial-gradient(ellipse 55% 46% at 0% 50%, rgb(255 157 178 / .085), transparent 75%), linear-gradient(180deg, #080304 0%, #080304 100%);   
  --sh-card: 0 8px 24px rgb(0 0 0 / .18); --sh-card-hover: 0 14px 36px rgb(0 0 0 / .28); --sh-floating: 0 18px 48px rgb(0 0 0 / .32);
  --sh-pink: 0 6px 18px rgb(255 157 178 / .16); --card-rim: inset 0 0 0 1px rgb(255 241 234 / .045);
  --lp-buy-bg: radial-gradient(46% 58% at 80% 34%, rgb(255 157 178 / .17), transparent 72%), radial-gradient(40% 55% at 6% 4%, rgb(187 152 140 / .14), transparent 70%), radial-gradient(60% 40% at 50% 104%, rgb(255 157 178 / .07), transparent 70%), linear-gradient(172deg, #211214 0%, #170C0D 48%, #0C0507 100%);
  --lp-buy-line: rgba(128,128,128,.5);
  --lp-proof-bg: radial-gradient(46% 60% at 84% 42%, rgb(255 157 178 / .11), transparent 72%), radial-gradient(40% 50% at 0% 100%, rgb(187 152 140 / .08), transparent 70%), linear-gradient(180deg, #150A0C 0%, #190D0F 100%);
  --lp-sell-bg: linear-gradient(112deg, transparent 18%, rgb(255 241 234 / .12) 34%, rgb(255 241 234 / .03) 44%, transparent 52%, rgb(255 241 234 / .07) 70%, transparent 82%), radial-gradient(62% 70% at 12% 8%, #F1A2B4 0%, transparent 72%), linear-gradient(160deg, #E98BA0 0%, #D67E94 55%, #C9738A 100%);
  --lp-laundry-bg: radial-gradient(60% 40% at 50% 0%, rgb(255 157 178 / .10), transparent 72%), linear-gradient(180deg, #201214 0%, #150A0C 260px, #150A0C calc(100% - 220px), #080304 100%);
  --lp-lace: #201214;
  --lp-guides-bg: linear-gradient(180deg, #080304 0%, #080304 100%);
  --lp-join-bg: radial-gradient(70% 55% at 30% 0%, rgb(255 157 178 / .08), transparent 72%), linear-gradient(180deg, #080304 0%, #11080A 100%);
  --lp-arch: radial-gradient(70% 55% at 32% 18%, #FFCBD6 0%, transparent 70%), radial-gradient(60% 50% at 88% 90%, #EE7F99 0%, transparent 70%), linear-gradient(165deg, #FFB2C3 0%, #FF9DB2 50%, #F68CA5 100%);
  --lp-arch-glow: 0 40px 100px -30px rgb(255 157 178 / .35);
  --lp-tape: linear-gradient(100deg, #FFB0C1 0%, #FF9DB2 38%, #FFC0CD 52%, #FF9DB2 66%, #F894AC 100%);
  --lp-sheen: linear-gradient(105deg, transparent 30%, rgb(255 241 234 / .32) 48%, rgb(255 241 234 / .05) 56%, transparent 66%);
  --lp-box-dk: radial-gradient(80% 60% at 100% 0%, rgb(255 157 178 / .10), transparent 70%), linear-gradient(165deg, #231215 0%, #170C0D 100%);
  --lp-box-cr: radial-gradient(80% 70% at 0% 0%, #FFF1EA 0%, transparent 70%), linear-gradient(165deg, #FDEFE9 0%, #FAE6DD 100%);
  --lp-inner-hi: inset 0 1px 0 rgb(255 241 234 / .10);
  --lp-inner-hi-dk: inset 0 1px 0 rgb(255 241 234 / .07);
  --lp-card-lift: 0 22px 44px -22px rgb(0 0 0 / .7);
  --lp-door-buy: radial-gradient(70% 80% at 100% 0%, rgb(255 157 178 / .18), transparent 70%), radial-gradient(60% 70% at 0% 100%, rgb(187 152 140 / .12), transparent 70%), linear-gradient(160deg, #231215 0%, #170C0D 100%);
  --lp-door-sell: linear-gradient(112deg, transparent 22%, rgb(255 241 234 / .22) 38%, transparent 54%), radial-gradient(80% 90% at 0% 0%, #FFC3D0 0%, transparent 70%), linear-gradient(160deg, #FFA9BB 0%, #FF9DB2 55%, #F48CA5 100%);
  --lp-row-hover: linear-gradient(90deg, rgb(255 157 178 / .12), rgb(255 157 178 / 0) 80%);
  --lp-real2-bg: linear-gradient(180deg, #080304 0%, #080304 100%);
  --lp-fav-bg: rgb(8 3 4 / .55);
  --lp-chip-bg: rgb(255 241 234 / .06); --lp-chip-ink: var(--dk-ink);
  --lp-step-sh: 0 1px 0 rgb(0 0 0 / .04), 0 12px 32px -12px rgb(0 0 0 / .6);
  --lp-marker: rgb(255 157 178 / .45);
  --lp-host-arch: linear-gradient(180deg, #281718 0%, rgb(40 23 24 / .4) 100%); --lp-host-rim: rgb(255 157 178 / .25);
  --lp-cut-rim: drop-shadow(0 0 1px rgb(255 241 234 / .35));
  --alt-spot: rgb(255 157 178 / .52); --alt-spot-2: rgb(255 157 178 / .16);
  --lp-footer-bg: #0A0405;
  --lp-num-ink: var(--pink);
  --lp-hero-end: #080304;
  --app-head-bg: radial-gradient(24% 300px at 66% 0%, #261517 0%, #221214 40%, #150A0C 100%);
  --app-ground: #0C0507;}
html[data-plk][data-plk] .pc-root:not(.pn-adm){--line: transparent; --line-2: transparent; --line-3: transparent; --btn-line-edge: transparent; --btn-line-bg: var(--t-tint);
  --chrome-line: transparent; --lp-buy-line: transparent; --prem-ring: transparent; --chrome-ring: transparent;
  --t-mute: rgba(128,128,128,.5);   
  --t-band: #FEF1EB; --t-over: #FEF1EB; --t-over-2: #F2DBD0; --t-over-3: #EDD6CC;
  --sunken: #F2DBD0; --field-in: #FAE6DD; --ink-3: #66413C;   
  --t-tint: color-mix(in srgb, var(--ink) 7%, transparent); --t-tint-2: color-mix(in srgb, var(--ink) 12%, transparent);
  --t-sel: var(--btn-ink); --on-t-sel: var(--on-btn-ink);
  --t-field-edge: #7A534C; --t-field-edge-over: #7A534C; --t-hair: rgb(8 3 4 / .1);
  --t-danger: color-mix(in srgb, var(--danger) 10%, transparent); --t-danger-2: color-mix(in srgb, var(--danger) 16%, transparent);
  --surface-2: color-mix(in srgb, var(--sunken) 89%, var(--ink));
  --danger-soft: color-mix(in srgb, var(--danger) 12%, var(--surface));
  --t-card-edge: rgb(128 128 128 / .22); --t-card-edge-hover: rgb(128 128 128 / .35);   
  --t-chrome: var(--chrome); --footer-bg: var(--chrome); --sh-chrome: none;   
  --lp-chip-bg: var(--t-tint);   
  --sh-float: 0 24px 64px rgb(8 3 4 / .22); --sh-sheet: 0 -16px 48px rgb(8 3 4 / .22);}
html[data-plk][data-plk] .pc-root:not(.pn-adm){--surface: #1F1213; --sunken: #291719; --t-band: #1B0F10; --t-over: #2F1C1C; --t-over-2: #342120; --t-over-3: #422A27;
  --ink-3: #A17B71;   
  --field: #1B0F10; --field-in: #140A0B;
  --dkbox: #1F1213; --dkbox-tile: #291719; --bubble-in: #291719;
  --btn-ink: #3E2725; --accent-soft: #231215;   
  --t-tint: color-mix(in srgb, var(--ink) 10%, transparent); --t-tint-2: color-mix(in srgb, var(--ink) 16%, transparent);
  --t-sel: var(--btn-ink); --on-t-sel: var(--on-btn-ink);   
  --t-field-edge: #926C63; --t-field-edge-over: #9D786E; --t-hair: rgb(255 237 230 / .08);
  --prem-ring: transparent; --chrome-ring: transparent;
  --t-chrome: #030102; --footer-bg: #1B0F10; --sh-chrome: 0 14px 28px -20px rgb(0 0 0 / .9);
  --lp-chip-bg: var(--t-tint);
  --sh-float: 0 24px 64px rgb(0 0 0 / .55); --sh-sheet: 0 -16px 48px rgb(0 0 0 / .55);}
html[data-plk][data-plk] .pc-root:is(.pc-guest,.pn-joinbody){--app-ground: #080304; --field: #201214; --footer-bg: #030102;}
html[data-plk][data-plk] .pc-root:not(.pc-guest,.pn-joinbody,.pn-adm){--app-head-bg: radial-gradient(24% 300px at 66% 0%, #261517 0%, #211214 40%, #1B0F10 100%);}
html[data-plk][data-plk]:not([data-theme="light"]) body.pc-root.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm){--md-bg: #101114; --md-header: #0B0C0E; --md-card: #1B1D22; --md-input: #26282E; --md-hover: #303239; --md-line: #303138;
  --md-ink: #F5F5F7; --md-ink-2: #A2A4AD; --md-ink-3: #777A84;
  --md-pink-soft: rgb(255 157 178 / .12); --md-pink-line: rgb(255 157 178 / .25);
  --md-shadow: 0 4px 24px rgb(0 0 0 / .15); --md-shadow-hover: 0 8px 28px rgb(0 0 0 / .22);
  --md-r-card: 24px; --md-r-media: 18px; --md-ease: .18s ease;
  --md-on-pink: #101114; --md-white: #FFFFFF; --md-meta: rgb(245 245 247 / .78);
  --md-glass: rgb(11 12 14 / .45); --md-row-line: rgb(48 49 56 / .6);

  --canvas: var(--md-bg); --bg: var(--md-bg); --app-ground: var(--md-bg); --app-head-bg: var(--md-header);
  --surface: var(--md-card); --sunken: var(--md-input); --field: var(--md-input); --field-in: var(--md-hover);
  --dkbox: var(--md-card); --dkbox-tile: var(--md-input); --bubble-in: var(--md-input);
  --ink: var(--md-ink); --ink-2: var(--md-ink-2); --ink-3: var(--md-ink-3);
  --line: var(--md-line); --line-2: var(--md-line); --oxblood: var(--md-line);
  --chrome: var(--md-header); --chrome-2: var(--md-card); --prem-bg: var(--md-header);
  --chrome-well: var(--md-input); --chrome-well-hover: var(--md-hover);
  --accent-soft: var(--md-pink-soft); --on-accent: var(--md-on-pink);
  --btn-ink: var(--md-input); --on-btn-ink: var(--md-white); --btn-ink-edge: var(--md-line);
  --btn-line-bg: transparent; --btn-line-edge: var(--md-line);
  --dk-bg: var(--md-header); --dk-card: var(--md-card); --dk-ink: var(--md-ink); --dk-ink-2: var(--md-ink-2);
  --t-tint: rgb(255 255 255 / .05); --t-tint-2: rgb(255 255 255 / .08); --t-sel: var(--md-hover); --on-t-sel: var(--md-ink);
  --t-mute: var(--md-line);
  --ph-media: repeating-linear-gradient(135deg, #1B1D22 0 10px, #202228 10px 20px);
  --ph-media-2: repeating-linear-gradient(135deg, #1B1D22 0 10px, #202228 10px 20px);
  --ph-text: var(--md-ink-2);
  --scrim: rgb(5 5 7 / .66);
  --sh-card: var(--md-shadow); --sh-card-hover: var(--md-shadow-hover);
  --sh-float: 0 0 0 1px var(--md-line), 0 24px 64px rgb(0 0 0 / .55);
  --sh-sheet: 0 0 0 1px var(--md-line), 0 -18px 56px rgb(0 0 0 / .55);
  
  --scard-shade: linear-gradient(180deg, rgb(11 12 14 / .12) 0%, rgb(11 12 14 / 0) 18%, rgb(11 12 14 / 0) 60%, rgb(11 12 14 / .14) 100%);
  --scard-cap-shade: linear-gradient(180deg, rgb(11 12 14 / 0) 0%, rgb(11 12 14 / .28) 30%, rgb(11 12 14 / .62) 62%, rgb(11 12 14 / .86) 100%);
  --scard-cap-blush: var(--scard-cap-shade); --pcard-cap-blush: var(--scard-cap-shade);
  --scard-glass: rgb(11 12 14 / .42); --scard-glass-hover: rgb(11 12 14 / .6);
  
  --card-dk: var(--md-card); --chrome-grad: var(--md-header); --t-band: var(--md-header); --footer-bg: var(--md-header);
  --t-over: #303239; --t-over-2: #34363D; --t-over-3: #3A3C44; --t-field-edge: var(--md-line); --t-field-edge-over: #3A3C44;
  --pola-edge: var(--md-input); --surface-2: var(--md-input); --chip-glass: rgb(11 12 14 / .5);
  --av-g0: #3A3C44; --av-g1: #34363D; --av-g2: #2E3036; --av-g3: #3F414A;
  --t-chrome: var(--md-header); --chrome-line: var(--md-line); --t-card-edge: var(--md-line); --t-card-edge-hover: #3A3C44; --t-hair: var(--md-line);
  --av-g4: #303239; --av-g5: #2B2D33; --av-g6: #383A41; --av-g7: #33353B; --dk-veil: rgb(11 12 14 / .6); --sh-chrome: none;
  --main-max: 1372px;}
@media (max-width:700px){html[data-plk][data-plk]{--wrap-pad: 16px; --hdr-h: 59px;
    --fs-xl: clamp(34px, 10.4vw, 44px); --fs-l: 32px; --fs-m: 27px; --fs-section: 18px; --fs-subhead: 15px;
    --btn-py: 12px; --btn-px: 16px; --control-btn: 44px; --control-lg: 48px; --control-sm: 44px; --control-field: 44px;   /* touch: primary 44, small 44 (visual audit VM-020: every tap target 44) */
    --panel-pad: 16px;
    --section-gap: 22px;
    --header-h: var(--hdr-h); --gutter: var(--wrap-pad);
    --sticky-top: calc(var(--header-h) + env(safe-area-inset-top));
    --dock: calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);
    --dock-flush: calc(var(--tabbar-h) + env(safe-area-inset-bottom));
    --sec-gap: 36px; --sec-gap-mega: 44px; --sec-gap-stack: 28px;
    --mega-pad-top: 44px; --mega-pad-bot: 40px;
    --fs-lede: 15px; --fs-sub: 14px; --fs-prose: 15px;
    --fs-ed-lede: 17px; --fs-ed-body: 16px; --fs-ed-h2: 22px; --fs-ed-h3: 18px; --ed-sec: 24px;
    --fs-hand-l: 21px;
    --lp-dome-h: 30px; --lp-lace-r: 8px;
    --app-top: 14px; --app-head-pb: 12px; --app-gap: 12px; --app-sec-gap: 22px;
    --list-pad: 4px;}}

/* plastik look on every page (owner 31.10.: "ok und die Unterseiten?"; spec design/plastik/site-mockup/*.html + ui.css, STYLE.md
   rounds 1-9). Loaded AFTER the page's own bundle when the look is on (lib/plastik.php pnew_plk_site_head); the generated part
   above this file is tokens.css on the CI palette under html[data-plk]. Every rule here sits under body.pk-site (the layout's
   body class) or html[data-plk], so nothing changes without the look.
   CI "Bold Flesh" only: blush #FF9DB2 #F57F98 #FFE6EC #FFB8C7 #B8324F · blacks #000 #080304 #150A0C #1F1213 #231215 · paper
   #FFF3EE #EAD3C9 #F8E1D6 · ink #120608 #6E4640 · light ink #FFEDE6 #FFF1EA. Oxblood #4A0714 only inside shadows. Lines: grey
   50 % only (rgba(128,128,128,.5)), never white; header, footer and the phone tab bar keep that hairline; cards, panels, chips and tiles have NO edge (owner 01.11.: "keine
   Borders", no grey: one warm surface ladder #080304 page → #150A0C panel → #231215 tile). */

@font-face { font-family: "Permanent Marker"; src: url(../fonts/PermanentMarker.woff2) format("woff2"); font-display: swap; }
@font-face { font-family: "Pirata One"; src: url(../fonts/PirataOne.woff2) format("woff2"); font-display: swap; }   /* the logo (owner 01.11.: Pirata One, lower case), SIL OFL 1.1, Google Fonts latin subset */

/* ---------- tokens pinned to the mockup's darks (the remap above gets close, these are the exact ui.css values) ---------- */
html[data-plk] { background: #080304; color-scheme: dark; }
html[data-plk]:not([data-theme="light"]) :is(body.pc-root, body[class~="pn-dobody"]).pk-site:not(.pn-adm) {   /* owner 01.11.: + the direct order wizard (own layout, no pc-root); outranks tokens.css dark member block (0,4,0) — its cool #1C282C / #253439 had won */
  --pk-blush: #FF9DB2; --pk-press: #F57F98; --pk-soft: #FFE6EC; --pk-line: rgba(128,128,128,.5);
  --pk-marker: "Permanent Marker", "Marker Felt", cursive; --pk-r: 22px;
  --pk-silver: radial-gradient(120% 150% at 28% 0%, #FFFFFF 0%, #ECEDEF 40%, #A9ACB2 100%);
  --pk-silver-hover: radial-gradient(120% 150% at 28% 0%, #FFFFFF 0%, #F2F3F5 34%, #B3B6BC 100%);
  --pk-pink: radial-gradient(120% 150% at 28% 0%, #FFE6EC 0%, #FF9DB2 40%, #F57F98 100%);
  --pk-glow: radial-gradient(60% 70% at 50% 0%, rgb(255 157 178 / .16), transparent 70%);
  --bg: #080304; --app-ground: #080304; --canvas: #080304; --surface: #150A0C; --sunken: #231215; --t-band: #150A0C;
  --t-over: #231215; --t-over-2: #2B171A; --t-over-3: #33201F; --chrome: #000000; --t-chrome: rgb(0 0 0 / .88); --footer-bg: #000000;
  --ink: #FFEDE6; --ink-2: #EAD3C9; --ink-3: rgb(255 237 230 / .66); --on-dark: #FFEDE6;
  --accent: #FF9DB2; --accent-press: #F57F98; --accent-text: #FFB8C7; --on-accent: #120608; --pink: #FF9DB2; --pink-glyph: #FF9DB2; --pink-text: #FFB8C7;
  --field: #231215; --field-in: #231215; --dkbox: #150A0C; --dkbox-tile: #231215; --bubble-in: #231215;
  --chrome-line: rgba(128,128,128,.5);   /* --line stays the tonal rule's (owner 18.10.); cards, panels, chips, fields draw their own hairline below */
  --t-card-edge: transparent; --t-card-edge-hover: transparent;
  --btn-ink: #2B171A; --t-sel: #2B171A; --t-field-edge: #33201F; --t-field-edge-over: #33201F; --t-hair: rgb(255 237 230 / .08);
  --t-tint: #231215; --t-tint-2: #2B171A;   /* audit J-020: a solid warm step, never a light veil that reads grey */
  --pola-edge: #231215;
  --prem-metal-ink: #120608; --prem-metal-dk-ink: #120608; --prem-metal-ring: none;   /* owner 01.11. ("premium nicht lesbar"): the remap turned the gold AND its ink into blush — the Premium fill keeps blush, its ink is dark */ --surface-2: #2B171A; --chip-glass: rgb(8 3 4 / .5);
  --av-g0: color-mix(in srgb, #FF9DB2 26%, #231215); --av-g1: color-mix(in srgb, #F57F98 22%, #231215); --av-g2: color-mix(in srgb, #EAD3C9 20%, #231215);
  --av-g3: color-mix(in srgb, #FFB8C7 24%, #231215); --av-g4: color-mix(in srgb, #B8324F 30%, #231215); --av-g5: color-mix(in srgb, #FFE6EC 16%, #231215);
  --av-g6: color-mix(in srgb, #FF9DB2 26%, #231215); --av-g7: #2B171A; --anthracite: #2B171A;
  --chrome-well: #1F1213; --chrome-2: #150A0C; --chrome-well-hover: #2B171A;
  --ph-media: repeating-linear-gradient(135deg, #150A0C 0 10px, #1F1213 10px 20px); --ph-media-2: repeating-linear-gradient(135deg, #150A0C 0 10px, #1F1213 10px 20px); --prem-bg: #150A0C;
  --dk-veil: rgb(8 3 4 / .72); --do-top-veil: rgb(0 0 0 / .88); --do-dock-veil: rgb(0 0 0 / .92); --do-card-shade: linear-gradient(180deg, rgb(8 3 4 / .4) 0%, transparent 26%, transparent 52%, rgb(8 3 4 / .9) 100%);   /* direct order wizard */   /* footer chips and chrome wells: warm, never the cool grey */
  --sh-chrome: none; --app-head-bg: #080304;   /* owner 01.11.: no band of its own — the head sits on the page ground */
  --r-btn: 999px; --r-btn-sm: 999px; --r-chip: 999px; --r-box: 22px; --r-pcard: 22px; --r-tile: 22px; --r-empty: 22px; --r-field: 14px;
  --radius-card: 22px; --radius-panel: 22px; --radius-tile: 22px; --radius-sheet: 22px;
}

/* ---------- page ground ---------- */
.pk-site { background: #080304; color: #FFEDE6; }
.pk-site .pn-main { background: transparent; }

/* ---------- type: Anton for the page heads (mockup .h-l / .h-m), Inter Tight 800 for everything you read ---------- */
.pk-site :is(.pn-main h1, .pc-h-xl, .pc-h-l, .pc-h-m) { font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; letter-spacing: -.005em; font-synthesis: none; text-transform: none; }
.pk-site.pc-guest .pn-main h1 { font-size: clamp(36px, 4vw, 56px); line-height: 1.08; }
.pk-site:not(.pc-guest) .pn-main h1 { font-size: clamp(28px, 2.6vw, 38px); line-height: 1; }
.pk-site .pc-sechead h2, .pk-site .pn-main > section > .pc-wrap > h2 { font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; letter-spacing: 0; font-synthesis: none; font-size: clamp(26px, 2.6vw, 36px); line-height: 1.02; }
/* owner 01.11. (audit M-006 / J-007 / J-006): one heading system, clearly stepped — card heads (inside a panel, box or card,
   and every .pc-h-card) 22–28 px under the ~37 px page head; the wizard and done heads take the same Anton page head */
.pk-site :is(.pn-panel, .pc-box, .pc-pbox, .pn-setpanel, .pc-card, .pn-joinbox, .pn-acctsheet) .pc-sechead h2, .pk-site :is(h2, h3).pc-h-card { font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; letter-spacing: 0; font-synthesis: none; font-size: clamp(22px, 2vw, 28px); line-height: 1.05; }
.pk-site main :is(h1.pc-t-display, h1.pc-t-mega) { font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; letter-spacing: -.005em; font-synthesis: none; font-size: clamp(28px, 2.6vw, 37px); line-height: 1.04; }
.pk-site .pc-hl { background: #FF9DB2; color: #120608; font-family: inherit; box-shadow: 0 10px 30px -10px rgb(255 157 178 / .55); }
.pk-site .pc-brandword { color: #FF9DB2; }
.pk-site .pc-kicker { font-family: var(--pk-marker); font-weight: 400; text-transform: uppercase; letter-spacing: .04em; font-size: 15px; color: #FF9DB2;
  transform: rotate(-2deg); transform-origin: left center; display: inline-flex; align-items: center; gap: 8px; }
.pk-site .pc-kicker .pc-tub { display: none; }
.pk-site .pc-kicker::before { content: ""; width: 14px; height: 13px; flex: none; background: url(../img/plastik/icons/ico-heart-blush.svg) center / contain no-repeat; }
/* Caveat notes become the mockup's marker notes */
.pk-site .pc-hand { font-family: var(--pk-marker); text-transform: uppercase; color: #FF9DB2; font-size: 19px; line-height: 1.05; transform: rotate(-3deg); letter-spacing: .02em; }
.pk-site a:not(.pc-btn) { text-decoration-color: rgb(255 157 178 / .6); }

/* ---------- header: black chrome, grey 50 % hairline (owner 01.11.: the drip lip under it is gone) ---------- */
.pk-site .pc-header { background: rgb(0 0 0 / .88); backdrop-filter: blur(14px) saturate(1.2); -webkit-backdrop-filter: blur(14px) saturate(1.2);
  border-bottom: 1px solid rgba(128,128,128,.5); box-shadow: none; --count-ring: #000; }
.pk-site .pc-header::after { content: none; }
.pk-site .pc-nav { gap: 22px; }
.pk-site .pc-nav__link { color: #EAD3C9; font: 600 14px/1.2 var(--font-sans); display: inline-flex; align-items: center; gap: 7px; text-decoration: none; }
.pk-site .pc-nav__link:hover, .pk-site .pc-nav__link[aria-current], .pk-site .pc-nav__link.is-active { color: #FFEDE6; }
.pk-site .pc-nav__link.is-active::after, .pk-site .pc-nav__link[aria-current]::after { background: #FF9DB2; }
.pk-site .pc-nav__link .pk-ico { width: 18px; height: 18px; flex: none; }
.pk-site .pn-themebtn, .pk-site .pc-burger__theme, .pk-site .pn-navmore__theme { display: none !important; }   /* the look is always dark */
/* owner 01.11.: the logo in Pirata One, lower case (one weight: no synthetic bold) */
.pk-site .pc-logo { font-family: "Pirata One", "Anton", serif; font-weight: 400; font-synthesis: none; letter-spacing: .005em; text-transform: lowercase; }
.pk-site .pc-header .pc-logo { font-size: 40px; }
.pk-site .pc-logo__dot { background: #FF9DB2; box-shadow: 0 0 10px rgb(255 157 178 / .7); }
.pk-site .pc-header .pc-iconbtn { background: transparent; border-radius: 999px; }
.pk-site .pc-header .pc-iconbtn:hover, .pk-site .pc-header .pc-iconbtn.is-active { background: #231215; }
.pk-site .pk-ico { display: block; object-fit: contain; filter: drop-shadow(0 2px 3px rgb(0 0 0 / .5)); }
.pk-site .pc-iconbtn .pk-ico { width: 24px; height: 24px; }
.pk-site .pc-count { background: #FF9DB2; color: #120608; }
.pk-site .pc-burger summary { color: #FFEDE6; }
.pk-site .pc-burger__menu { background: #080304; }
.pk-site .pc-burger__menu a { color: #FFEDE6; }

/* ---------- buttons: inflated blush pill, cool silver second choice, glossy black ink ---------- */
.pk-site .pc-btn { border-radius: 999px; font-weight: 800; letter-spacing: .01em; transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.pk-site .pc-btn--primary, .pk-site .pc-btn--premium, .pk-site .pc-iconbtn--primary {
  background: var(--pk-pink); color: #120608; border-color: transparent;
  box-shadow: inset 0 2px 0 rgb(255 241 234 / .75), inset 0 -4px 8px rgb(74 7 20 / .22), 0 12px 26px -12px rgb(255 157 178 / .75); }
.pk-site .pc-btn--primary:hover, .pk-site .pc-btn--premium:hover { background: radial-gradient(120% 150% at 28% 0%, #FFE6EC 0%, #FF9DB2 34%, #F57F98 100%); filter: brightness(1.04); transform: translateY(-1px); }
.pk-site .pc-btn--line, .pk-site .pc-btn--white {
  background: var(--pk-silver); color: #120608; border-color: transparent;
  box-shadow: inset 0 2px 0 rgb(255 255 255 / .9), inset 0 -4px 8px rgb(40 42 48 / .24), 0 12px 26px -12px rgb(0 0 0 / .75); }
.pk-site .pc-btn--line:hover, .pk-site .pc-btn--white:hover { background: var(--pk-silver-hover); transform: translateY(-1px); }
.pk-site .pc-btn--ink { background: linear-gradient(180deg, #231215 0%, #080304 55%, #000 100%); color: #FFEDE6; border-color: transparent;
  box-shadow: inset 0 1px 0 rgb(255 237 230 / .28), 0 12px 24px -12px rgb(0 0 0 / .7); }
.pk-site .pc-btn--ghost, .pk-site .pc-btn--on-chrome, .pk-site .pc-btn--soft { background: #231215; color: #FFEDE6; border-color: transparent; box-shadow: none; }
.pk-site .pc-btn--ghost:hover, .pk-site .pc-btn--on-chrome:hover, .pk-site .pc-btn--soft:hover { background: #2B171A; }
.pk-site .pc-btn--danger { border-radius: 999px; }
.pk-site .pc-btn .pk-ico { width: 20px; height: 20px; }
/* the blush pill drips (STYLE.md round 2): two small drops under a full-size primary key */
.pk-site .pc-btn--primary:not(.pc-btn--sm):not(.pc-btn--block):not(.is-busy) { position: relative; overflow: visible; }
.pk-site .pc-btn--primary:not(.pc-btn--sm):not(.pc-btn--block):not(.is-busy)::after { content: ""; position: absolute; inset: auto; left: 22%; top: calc(100% - 3px); width: 33px; height: 14px;
  transform: none; pointer-events: none; background: url(../img/plastik/drip/drip-btn-blush.svg) 0 0 / 100% 100% no-repeat; }

/* ---------- cards: toy-box frames, grey 50 % hairline, glossy top highlight; real photos stay as they are ---------- */
.pk-site :is(.pc-card, .pc-scard) { border-radius: 22px; box-shadow: 0 18px 34px -24px #000; background-color: #150A0C; transition: transform .2s ease, box-shadow .2s ease; }
.pk-site :is(.pc-card, .pc-scard) .pc-media { border-radius: inherit; }
.pk-site .pc-scard::before { border-radius: inherit; }
.pk-site :is(.pc-card, .pc-scard):hover { transform: translateY(-3px) rotate(-.4deg); box-shadow: 0 22px 40px -22px rgb(255 157 178 / .45); }
.pk-site .pc-card__fav, .pk-site .pc-scard .pc-iconbtn { background: rgb(255 241 234 / .92); color: #F57F98; border-radius: 999px; box-shadow: 0 6px 14px -6px #000; }
.pk-site .pc-badge--premium, .pk-site .pc-chip--premium { background: var(--pk-pink); color: #120608; border-color: transparent; box-shadow: inset 0 1px 0 rgb(255 241 234 / .7); }
.pk-site .pc-badge--verified { color: #FFEDE6; }

/* ---------- panels, boxes, tiles: the mockup .panel / .tile (surface, 22 px, hairline) ---------- */
.pk-site :is(.pn-panel, .pc-box, .pc-pbox, .pn-setpanel, .pc-tile, .pc-fact, .pc-faq details, .pn-joinbox) {
  border-radius: 22px; background-color: #150A0C; box-shadow: none; }
.pk-site :is(.pn-panel, .pc-box) :is(.pn-panel, .pc-box) { background-color: #231215; }
.pk-site .pc-box--cr { background: #FFE6EC; color: #120608; }
.pk-site .pc-alert { border-radius: 18px; }
.pk-site .pc-door { border-radius: 22px; box-shadow: none; }

/* ---------- chips and segmented controls: pills, chosen = the blush pill ---------- */
.pk-site :is(.pc-chip, .pc-selchip) { border-radius: 999px; background: #231215; color: #FFEDE6; box-shadow: inset 0 1px 0 rgb(255 241 234 / .08); border-color: transparent; font-weight: 700; }
.pk-site :is(.pc-chip, .pc-selchip):is([aria-current], [aria-pressed="true"], .is-on, .is-active, .is-selected), .pk-site .pc-chip:has(input:checked) {
  background: var(--pk-pink); color: #120608; box-shadow: inset 0 2px 0 rgb(255 241 234 / .7), 0 10px 22px -12px rgb(255 157 178 / .7); }
.pk-site .pc-seg { border-radius: 999px; background: #231215; box-shadow: none; padding: 4px; }
.pk-site .pc-seg > :is(a, button, label) { border-radius: 999px; }
.pk-site .pc-seg > :is(a, button, label):is([aria-current], [aria-selected="true"], .is-active, .is-on), .pk-site .pc-seg > label:has(input:checked) { background: #FF9DB2; color: #120608; }
/* owner 01.11. ("pink auf pink"): never blush text or a blush icon on a blush fill. The Premium chip is the dark pill with a blush
   crown at rest and on hover (the base metal sheen + pink ink lost its label); chosen = the blush pill with dark ink AND a dark icon. */
.pk-site .pc-chip.pc-chip--premium, .pk-site .pc-chip.pc-chip--premium:hover { background: #231215; color: #FFEDE6; filter: none; animation: none; }
.pk-site .pc-chip.pc-chip--premium:hover, .pk-site :is(.pc-chip, .pc-selchip):not([aria-current], [aria-pressed="true"], .is-on, .is-active, .is-selected):hover { background: #2B171A; color: #FFEDE6; }
.pk-site .pc-chip.pc-chip--premium .pc-ico { color: #FF9DB2; }
.pk-site .pc-chip.pc-chip--premium:is(.is-selected, [aria-current], [aria-pressed="true"]), .pk-site .pc-chip.pc-chip--premium:is(.is-selected, [aria-current], [aria-pressed="true"]):hover { background: var(--pk-pink); color: #120608; }
.pk-site :is(.pc-chip, .pc-selchip):is([aria-current], [aria-pressed="true"], .is-on, .is-active, .is-selected) .pc-ico, .pk-site .pc-chip:has(input:checked) .pc-ico { color: #120608; }

/* ---------- fields: filled, 14 px, the hairline; blush focus ring ---------- */
.pk-site :is(.pc-input, .pc-select, .pc-field input, .pc-field select, .pc-field textarea, textarea.pc-input) { border-radius: 14px; background-color: #231215; color: #FFEDE6; }
.pk-site :is(.pc-input, .pc-select, .pc-field input, .pc-field select, .pc-field textarea):focus { outline: 2px solid #FF9DB2; outline-offset: 1px; }
.pk-site .pc-check input:checked + *, .pk-site input[type="checkbox"], .pk-site input[type="radio"] { accent-color: #FF9DB2; }

/* ---------- empty states: one plastik object, one line, one door (ui_empty) ---------- */
.pk-site .pc-empty { border-radius: 22px; background: var(--pk-glow), #150A0C; box-shadow: none; }
.pk-site .pc-empty__ob { filter: none; }
.pk-site .pk-obj { height: auto; object-fit: contain; filter: drop-shadow(0 18px 24px rgb(0 0 0 / .55)) drop-shadow(0 0 1px rgb(255 157 178 / .5)); }
.pk-site .pc-empty .pk-obj, .pk-site .pc-empty .pc-empty__ob .pk-obj { width: 190px; max-width: 60%; height: auto; }
.pk-site .pk-obj--prop { aspect-ratio: 1; height: auto; }
.pk-site .pc-ptag { display: none; }   /* the "$ ?" tag belonged to the old peg prop */

/* ---------- reviews / notes: blush sticky notes (mockup .sticky) ---------- */
.pk-site .pc-note, .pk-site .pn-note { border-radius: 4px; }

/* ---------- footer: black chrome ---------- */
.pk-site .pc-footer { background: #000; border-top: 1px solid rgba(128,128,128,.5); color: #EAD3C9; }
.pk-site .pc-footer a { color: #EAD3C9; }
.pk-site .pc-footer a:hover { color: #FFEDE6; }
.pk-site .pk-note { font-family: var(--pk-marker); text-transform: uppercase; line-height: 1.04; letter-spacing: .02em; display: inline-block; pointer-events: none; }
.pk-site .pk-note .pk-h { width: .95em; height: .9em; vertical-align: -.08em; fill: currentColor; stroke: none; }
.pk-site .pk-note--foot { display: block; margin-top: 18px; color: #FF9DB2; font-size: 20px; transform: rotate(-3deg); transform-origin: left; }

/* ---------- member tab bar (phones): the floating black bar, glossy icons ---------- */
@media (max-width: 700px) {
  .pk-site .pc-tabbar { left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); height: 64px; padding: 0 6px; border-radius: 22px; background: rgb(8 3 4 / .9);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: inset 0 0 0 1px rgba(128,128,128,.5), 0 18px 30px -12px #000; border-top: 0; }
  .pk-site .pc-tabbar a { color: #EAD3C9; font-weight: 700; }
  .pk-site .pc-tabbar a[aria-current], .pk-site .pc-tabbar a.is-active { color: #FF9DB2; }
  .pk-site .pn-tab__pill { background: transparent; border-color: transparent; }
  .pk-site .pc-tabbar a[aria-current] .pn-tab__pill, .pk-site .pc-tabbar a.is-active .pn-tab__pill { background: radial-gradient(circle, rgb(255 157 178 / .25), transparent 70%); }
  .pk-site .pn-tab__pill .pk-ico { width: 24px; height: 24px; }
  .pk-site.pc-guest .pn-main h1 { font-size: 40px; }
  .pk-site .pc-btn--primary:not(.pc-btn--sm) { min-height: 46px; }
}

/* ======================================================================================================================
   The mockup kit (design/plastik/site-mockup/ui.css) for the pages built in the plastik look (templates/plastik/*.php):
   sections, type, tape, panels, chips, sticky notes, tiles, steps, objects. pk-* names only.
   ====================================================================================================================== */
.pk-site .pn-main:has(> .pk-page) { max-width: none; margin: 0; padding: 0; }   /* a page built in the look runs edge to edge, its sections carry the column */
.pk-site .pk-sec { position: relative; padding: 64px 0; }
.pk-site .pk-sec--hero { padding-top: 56px; background: radial-gradient(45% 80% at 78% 30%, rgb(255 157 178 / .22), transparent 70%), #080304; }
.pk-site .pk-sec--glow { background: var(--pk-glow), #080304; }
.pk-site .pk-sec--surf { background: var(--pk-glow), #150A0C; }
.pk-site .pk-sec--blush { background: radial-gradient(60% 80% at 80% 20%, #FFE6EC 0%, transparent 60%), linear-gradient(180deg, #FF9DB2, #F57F98); color: #120608; }
.pk-site .pk-wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; position: relative; }
.pk-site .pk-wrap--narrow { max-width: 900px; }
.pk-site .pk-kick { font: 400 15px/1 var(--pk-marker); text-transform: uppercase; letter-spacing: .04em; color: #FF9DB2; display: inline-flex; align-items: center; gap: 8px;
  transform: rotate(-2deg); transform-origin: left; margin-bottom: 12px; }
.pk-site .pk-kick::before { content: ""; width: 14px; height: 13px; background: url(../img/plastik/icons/ico-heart-blush.svg) center / contain no-repeat; }
.pk-site .pk-sec--blush .pk-kick { color: #120608; }
.pk-site .pk-sec--blush .pk-kick::before { background-image: url(../img/plastik/icons/ico-heart-black.svg); }
.pk-site .pn-main h1.pk-hmega, .pk-site .pk-hmega { font: 400 clamp(52px, 6vw, 92px)/1.04 "Anton", "Arial Narrow", sans-serif; letter-spacing: -.01em; margin: 4px 0 0; color: #FFEDE6; }
.pk-site .pn-main h1.pk-hl, .pk-site .pk-hl { font: 400 clamp(36px, 4vw, 56px)/.98 "Anton", "Arial Narrow", sans-serif; margin: 0; color: inherit; }
.pk-site .pk-hm { font: 400 clamp(28px, 3vw, 40px)/1 "Anton", "Arial Narrow", sans-serif; margin: 0; color: inherit; }
.pk-site .pk-hs { font: 800 19px/1.2 var(--font-sans); margin: 0; color: inherit; }
.pk-site .pk-lede { font-size: 17px; line-height: 1.5; color: #EAD3C9; max-width: 600px; margin: 22px 0 0; }
.pk-site .pk-small { font-size: 13px; color: rgb(255 237 230 / .66); }
.pk-site .pk-sec--blush .pk-small { color: #6E4640; }
.pk-site .pk-tape { background: #FF9DB2; color: #120608; padding: 0 .12em; -webkit-box-decoration-break: clone; box-decoration-break: clone; box-shadow: 0 10px 30px -10px rgb(255 157 178 / .55); display: inline-block; margin-top: 6px; position: relative; }
.pk-site .pk-tape::after { content: ""; position: absolute; left: 14px; top: calc(100% - 4px); width: 132px; height: 33px; pointer-events: none; background: url(../img/plastik/drip/drip-tape-blush.svg) 0 0 / 100% 100% no-repeat; }
.pk-site .pk-sechead { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 26px; position: relative; }
.pk-site .pk-sechead > .pk-obj { position: absolute; width: 132px; right: 0; top: -54px; }
.pk-site .pk-panel { background: #150A0C; border-radius: 22px; box-shadow: none; padding: 22px; position: relative; }
.pk-site .pk-chip { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 999px; background: #231215; box-shadow: inset 0 1px 0 rgb(255 241 234 / .08);
  font-weight: 700; font-size: 13px; text-decoration: none; color: #FFEDE6; white-space: nowrap; }
.pk-site .pk-chip:hover { background: #2B171A; }
.pk-site .pk-chip .pk-obj { width: 30px; height: 30px; }
.pk-site .pk-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.pk-site .pk-mt-s { margin-top: 12px; } .pk-site .pk-mt-m { margin-top: 24px; } .pk-site .pk-mt-l { margin-top: 40px; }
.pk-site .pk-stepn { font: 400 13px/1 var(--pk-marker); color: #120608; background: #FF9DB2; border-radius: 999px; padding: 3px 9px 1px; display: inline-block; transform: rotate(-4deg); }
.pk-site .pk-sticky { background: #FFE6EC; color: #120608; border-radius: 4px; padding: 26px 22px 20px; position: relative; box-shadow: 0 22px 30px -18px #000, inset 0 -14px 22px -18px rgb(184 50 79 / .35); transform: rotate(-1.2deg); }
.pk-site .pk-sticky::before { content: ""; position: absolute; left: 50%; top: -12px; width: 92px; height: 26px; transform: translateX(-50%) rotate(-3deg); background: rgb(255 241 234 / .55); }
.pk-site .pk-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.pk-site .pk-tile { position: relative; border-radius: 22px; background: radial-gradient(80% 70% at 50% 20%, rgb(255 157 178 / .18), transparent 70%), #150A0C; box-shadow: none;
  padding: 16px 14px 14px; text-decoration: none; color: #FFEDE6; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; transition: transform .2s; }
.pk-site .pk-tile .pk-obj { width: 96px; height: 96px; }
.pk-site .pk-tile b { font: 800 14.5px/1.15 var(--font-sans); }
.pk-site .pk-tile span { font-size: 12px; color: rgb(255 237 230 / .66); }
.pk-site a.pk-tile:hover { transform: translateY(-3px) rotate(-.6deg); }
.pk-site .pk-sec--blush .pc-btn--ink { color: #FFEDE6; }
@media (max-width: 760px) {
  .pk-site .pk-sec { padding: 44px 0; }
  .pk-site .pk-wrap { padding: 0 16px; }
  .pk-site .pn-main h1.pk-hmega, .pk-site .pk-hmega { font-size: 48px; }
  .pk-site .pk-sechead { flex-wrap: wrap; }
  .pk-site .pk-sechead > .pk-obj { width: 84px; top: -40px; }
  .pk-site .pk-tiles { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

/* ---------- /safety-and-trust/ (templates/plastik/safety.php; mockup site-mockup/safety.html + safety.css) ---------- */
.pk-site .pks-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px; align-items: center; }
.pk-site .pks-hero__art { position: relative; min-height: 360px; }
.pk-site .pks-hero__art .pk-obj { position: absolute; }
.pk-site .pks-hero__lock { width: 300px; right: 40px; top: 10px; }
.pk-site .pks-hero__bunny { width: 190px; left: 10px; bottom: -10px; transform: rotate(-6deg); }
.pk-site .pks-trustbar { list-style: none; padding: 0; margin: 26px 0 0; display: flex; flex-wrap: wrap; gap: 10px; }
.pk-site .pks-trustbar li { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px 0 6px; border-radius: 999px; background: #231215; box-shadow: none; font-weight: 700; font-size: 13.5px; }
.pk-site .pks-trustbar .pk-obj { width: 32px; height: 32px; }
.pk-site .pks-18 { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--pk-pink); color: #120608; font: 900 11px/1 var(--font-sans); }
.pk-site .pks-toc { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 30px; }
.pk-site .pks-qs { display: grid; gap: 18px; }
.pk-site .pks-q { display: grid; grid-template-columns: 150px 1fr; gap: 26px; align-items: start; padding: 26px 28px; scroll-margin-top: 90px; }
.pk-site .pks-q > .pk-obj { width: 150px; height: 150px; }
.pk-site .pks-q h2 { margin-bottom: 10px; }
.pk-site .pks-q p { margin: 0 0 10px; color: #EAD3C9; max-width: 760px; }
.pk-site .pks-list { margin: 6px 0 0; padding-left: 20px; color: #EAD3C9; display: grid; gap: 6px; max-width: 760px; }
.pk-site .pks-list li::marker { color: #FF9DB2; }
.pk-site .pks-list + p { margin-top: 12px; }
.pk-site .pks-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.pk-site .pks-steps li { text-align: center; position: relative; }
.pk-site .pks-steps .pk-obj { width: 110px; height: 110px; margin: 0 auto 6px; display: block; }
.pk-site .pks-steps .pk-stepn { position: absolute; top: 14px; left: 14px; }
.pk-site .pks-steps p { margin: 6px 0 0; }
.pk-site .pks-faqs { display: grid; gap: 12px; }
.pk-site .pks-faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.pk-site .pks-faq summary::-webkit-details-marker { display: none; }
.pk-site .pks-faq summary::after { content: "+"; font: 800 22px/1 var(--font-sans); color: #FF9DB2; }
.pk-site .pks-faq[open] summary::after { content: "–"; }
.pk-site .pks-faq p { margin: 12px 0 0; color: #EAD3C9; }
.pk-site .pks-end { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; }
.pk-site .pks-end__art { position: relative; width: 220px; height: 200px; }
.pk-site .pks-end__art .pk-obj { width: 220px; }
.pk-site .pks-end a:not(.pc-btn) { color: #120608; }
@media (max-width: 760px) {
  .pk-site .pks-hero { grid-template-columns: 1fr; }
  .pk-site .pks-hero__art { min-height: 220px; }
  .pk-site .pks-hero__lock { width: 180px; right: 10px; }
  .pk-site .pks-hero__bunny { width: 120px; }
  .pk-site .pks-q { grid-template-columns: 1fr; padding: 20px; gap: 8px; }
  .pk-site .pks-q > .pk-obj { width: 96px; height: 96px; }
  .pk-site .pks-steps { grid-template-columns: 1fr 1fr; }
  .pk-site .pks-steps .pk-obj { width: 84px; height: 84px; }
  .pk-site .pks-end { grid-template-columns: 1fr; }
  .pk-site .pks-end__art { display: none; }
}

/* ---------- the info family (sell, buy, house rules, about, FAQ / legal, help): the hero gets the room glow and its one
   object on the right (STYLE.md round 3: one object = one meaning; at most two per section). Text and structure stay live. */
.pk-site .pn-gd-hero { background: radial-gradient(45% 80% at 78% 30%, rgb(255 157 178 / .22), transparent 70%), #080304; }
.pk-site .pn-gd-hero__wrap { position: relative; }
.pk-site .pn-main h1.pn-gd-hero__h { line-height: 1.14; }
.pk-site .pn-gd-hero__h em, .pk-site .pn-gd-hero__h .pc-hl { background: #FF9DB2; color: #120608; font-style: normal; padding: 0 .12em; -webkit-box-decoration-break: clone; box-decoration-break: clone; box-shadow: 0 10px 30px -10px rgb(255 157 178 / .55); }
.pk-site :is(.pk-r-sell, .pk-r-buy, .pk-r-rules, .pk-r-about, .pk-r-help, .pk-r-legal_page) .pn-gd-hero__wrap::after,
.pk-site:is(.pk-r-sell, .pk-r-buy, .pk-r-rules, .pk-r-about, .pk-r-help, .pk-r-legal_page) .pn-gd-hero__wrap::after {
  content: ""; position: absolute; right: 24px; top: 50%; width: 280px; height: 280px; transform: translateY(-50%) rotate(6deg); pointer-events: none;
  background: center / contain no-repeat; filter: drop-shadow(0 18px 24px rgb(0 0 0 / .55)) drop-shadow(0 0 1px rgb(255 157 178 / .5)); }
.pk-site.pk-r-sell .pn-gd-hero__wrap::after { background-image: url(../img/plastik/objects/obj-step-coinheart-512.webp); }
.pk-site.pk-r-buy .pn-gd-hero__wrap::after { background-image: url(../img/plastik/objects/obj-cart-bag-512.webp); }
.pk-site.pk-r-rules .pn-gd-hero__wrap::after { background-image: url(../img/plastik/objects/obj-trust-rules-512.webp); }
.pk-site.pk-r-about .pn-gd-hero__wrap::after { background-image: url(../img/plastik/objects/obj-heart-drip-512.webp); }
.pk-site.pk-r-help .pn-gd-hero__wrap::after { background-image: url(../img/plastik/objects/obj-help-plush-512.webp); }
.pk-site.pk-r-legal_page .pn-gd-hero__wrap::after { background-image: url(../img/plastik/objects/obj-trust-rules-512.webp); }
.pk-site.pk-r-legal_page.pk-d-faq .pn-gd-hero__wrap::after { background-image: url(../img/plastik/objects/obj-help-plush-512.webp); }
.pk-site .pn-gd-hero__copy { position: relative; z-index: 1; max-width: min(720px, calc(100% - 300px)); }
/* the brand figure in the guide's rail stays (it is labelled as an illustration); the TOC and the rail read as panels */
.pk-site .pc-toc { border-radius: 22px; background: #150A0C; box-shadow: none; }
.pk-site .pc-toc ol li::marker, .pk-site .pc-toc li > span:first-child { color: #FF9DB2; }
.pk-site .pc-prose h2 { font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; letter-spacing: 0; font-synthesis: none; font-size: clamp(26px, 2.4vw, 34px); line-height: 1.04; }
.pk-site .pc-prose ol > li::marker { font-family: var(--pk-marker); color: #FF9DB2; }
.pk-site .pc-prose ul > li::marker { color: #FF9DB2; }
.pk-site .pn-gd-callout { border-radius: 18px; background: #FFE6EC; color: #120608; border: 0; box-shadow: 0 22px 30px -18px #000; transform: rotate(-.6deg); }
.pk-site .pn-gd-callout .pn-gd-callout__k { font-family: var(--pk-marker); text-transform: uppercase; color: #B8324F; font-weight: 400; }
.pk-site .pn-gd-callout p { color: #120608; }
.pk-site .pn-cg__cta { border-radius: 22px; background: radial-gradient(60% 80% at 80% 20%, #FFE6EC 0%, transparent 60%), linear-gradient(180deg, #FF9DB2, #F57F98); color: #120608; }
.pk-site .pn-cg__ctah { font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; color: #120608; }
/* help center: topic cards as the mockup's tiles, each with its object */
.pk-site .pn-help__cat { border-radius: 22px; background: radial-gradient(80% 70% at 50% 20%, rgb(255 157 178 / .18), transparent 70%), #150A0C; box-shadow: none; transition: transform .2s; }
.pk-site .pn-help__cat:hover { transform: translateY(-3px) rotate(-.6deg); }
.pk-site .pn-help__cat { grid-template-columns: 72px minmax(0, 1fr); border: 0; }
.pk-site .pn-help__ico { background: transparent; width: 72px; height: 72px; }
.pk-site .pn-help__ico .pk-obj { width: 72px; height: 72px; }
/* 404: the lost-panty bunny instead of the figure (INVENTORY.md §9) */
.pk-site .pn-lp-404 .pn-lp-404__art, .pk-site .pn-lp-404 .pn-lp-404__illu { display: none; }
.pk-site .pn-lp-404::before { content: ""; display: block; width: 240px; height: 240px; margin: 0 auto 4px; background: url(../img/plastik/objects/obj-404-bunny-512.webp) center / contain no-repeat;
  filter: drop-shadow(0 22px 26px rgb(0 0 0 / .6)) drop-shadow(0 0 1px rgb(255 157 178 / .5)); }
.pk-site .pn-lp-404 h1 { font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; }
.pk-site .pn-gapp.pc-band { background: radial-gradient(40% 60% at 50% 30%, rgb(255 157 178 / .22), transparent 70%), #080304; }
@media (max-width: 700px) {
  .pk-site:is(.pk-r-sell, .pk-r-buy, .pk-r-rules, .pk-r-about, .pk-r-help, .pk-r-legal_page) .pn-gd-hero__wrap::after { width: 104px; height: 104px; top: 6px; right: 8px; transform: rotate(6deg); }
  .pk-site .pn-gd-hero__copy { max-width: none; }
  .pk-site .pn-gd-hero__copy .pn-gd-hero__tags { padding-right: 96px; }
  .pk-site .pn-lp-404::before { width: 180px; height: 180px; }
}

/* ---------- join (design/plastik/site-mockup/join.html): the join bar in black chrome, the steps, the form panel, the figure ---------- */
.pk-site .pn-joinnav { background: rgb(0 0 0 / .88); border-bottom: 1px solid rgba(128,128,128,.5); box-shadow: none; position: relative; }
.pk-site .pn-joinnav::after { content: none; }   /* owner 01.11.: no drip lip */
.pk-site.pn-joinbody { background: radial-gradient(50% 600px at 50% 0%, rgb(255 157 178 / .2), transparent 70%), #080304; }
.pk-site .pn-join { background: transparent; }
.pk-site .pkj-steps { list-style: none; margin: 0 auto 36px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 1000px; }
.pk-site .pkj-step { position: relative; padding: 18px 18px 18px 104px; min-height: 108px; border-radius: 22px; background: #150A0C; box-shadow: none; display: grid; align-content: center; gap: 4px; }
.pk-site .pkj-step[aria-current] { box-shadow: inset 0 0 0 2px #FF9DB2, 0 14px 30px -18px rgb(255 157 178 / .7); }
.pk-site .pkj-step .pk-obj { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 84px; height: 84px; }
.pk-site .pkj-step .pk-stepn { justify-self: start; margin-bottom: 4px; }
.pk-site .pkj-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 36px; align-items: start; max-width: 1000px; margin: 0 auto; }
.pk-site .pkj-main { min-width: 0; }
.pk-site .pkj-aside { position: relative; }
.pk-site .pkj-char { display: block; width: 100%; height: auto; filter: drop-shadow(0 28px 30px rgb(0 0 0 / .7)); }
.pk-site .pkj-illu { display: block; margin-top: 4px; color: rgb(255 237 230 / .62); }
.pk-site .pkj-aside .pk-sticky b { font: 800 17px/1.25 var(--font-sans); }
.pk-site .pkj-aside .pk-sticky .pk-small { color: #6E4640; margin: 6px 0 0; }
.pk-site .pn-joinbox { padding: 28px; }
.pk-site .pn-join .pc-seg, .pk-site .pn-join [role="tablist"] { border-radius: 999px; }
@media (max-width: 760px) {
  .pk-site .pkj-steps { grid-template-columns: 1fr; gap: 10px; margin-bottom: 24px; }
  .pk-site .pkj-step { min-height: 84px; padding: 12px 12px 12px 84px; }
  .pk-site .pkj-step .pk-obj { width: 64px; height: 64px; }
  .pk-site .pkj-step:not([aria-current]) { display: none; }   /* phones: the step she is on; the others follow on their own screens */
  .pk-site .pkj-grid { grid-template-columns: 1fr; }
  .pk-site .pkj-aside { display: none; }
}
.pk-site .pn-wizobj .pk-obj { width: 96px; height: 96px; }
.pk-site.pn-wizbody { background: radial-gradient(50% 600px at 50% 0%, rgb(255 157 178 / .16), transparent 70%), #080304; }

/* ---------- market and member pages (step 4): badges as objects, empty states, inbox, Premium ---------- */
.pk-site img.pk-verified { display: inline-block; width: 1.35em; height: 1.35em; vertical-align: -.28em; object-fit: contain; filter: drop-shadow(0 2px 3px rgb(0 0 0 / .5)); }
.pk-site.pk-r-sellers .pc-scard.is-premium::before {   /* the creators list only: one crown per Premium card (the Premium wall is all Premium) */
   content: ""; position: absolute; z-index: 4; top: 10px; right: 54px; width: 32px; height: 32px; pointer-events: none;
  background: url(../img/plastik/objects/obj-premium-crown-256.webp) center / contain no-repeat; filter: drop-shadow(0 4px 6px rgb(0 0 0 / .55)); }
.pk-site .pn-threadrow { border-radius: 16px; }
.pk-site .pn-threadrow.is-current, .pk-site .pn-threadrow:hover { background: #231215; }
.pk-site .pn-chatpick .pc-empty { background: var(--pk-glow), #150A0C; }
.pk-site .pn-dtrev, .pk-site .pn-dtblock { border-radius: 22px; }
.pk-site .pc-stamp, .pk-site .pc-sticker { border-radius: 4px; }
.pk-site .pn-paysite, .pk-site .pn-premwall { --accent-soft: #231215; }

/* ---------- direct order wizard (/order/, own layout, the "do" body class; owner 01.11.: "die direct order seite fehlt") ---------- */
/* the choice column is set apart by its tone, not by a line; top bar and dock are chrome and keep the grey 50 % line */
.pk-site .pn-do-top, .pk-site .pn-do-dock { border-color: rgba(128,128,128,.5); }
@media (min-width: 900px) { .pk-site .pn-do-left { background: #150A0C; border-right: 0; } .pk-site .pn-do-left .pn-do-dock { background: #150A0C; } }

/* ---------- audit batch 4 (owner 01.11.: "ok bau") ---------- */
/* M-005: the header earn key is the same blush pill on every page (it went quiet / dark on pay pages) */
.pk-site .pc-header .pn-header__pay, .pk-site .pc-header .pn-header__pay.pc-btn--on-chrome {
  background: var(--pk-pink); color: #120608; border-color: transparent;
  box-shadow: inset 0 2px 0 rgb(255 241 234 / .75), inset 0 -4px 8px rgb(74 7 20 / .22), 0 12px 26px -12px rgb(255 157 178 / .75); }
/* J-043: a blush badge (cover, Premium) carries dark ink and a dark icon, never blush on blush */
.pk-site .pc-badge--premium :is(svg, .pc-ico), .pk-site .pc-chip--premium:is(.is-selected, [aria-current], [aria-pressed="true"]) :is(svg, .pc-ico) { color: #120608; }
.pk-site .pc-slot__cover { border-radius: 999px; }
/* J-017: the photo frame is a soft rounded tile in the CI dark, not a grey polaroid edge */
.pk-site .pn-crop { border-radius: 18px; }
/* G-075: a tape headline needs room between its lines, or the tapes overlap and cut the descenders */
html[data-plk] body.pk-site :is(.pn-gd-hero__h, h1, h2):has(.pc-hl) { line-height: 1.26; }
/* G-062: a member name never breaks inside the word; on phones it scales to the line instead */
.pk-site .pn-dtprof h1 { overflow-wrap: normal; word-break: normal; hyphens: none; }
@media (max-width: 700px) { .pk-site .pn-dtprof h1 { font-size: clamp(24px, 8vw, 40px); } }
/* J-025: one style per role in docks and wizard panels — next = blush, back / second choice = silver, skip = a text link */
.pk-site :is(.pn-dock, .pn-wiz, #wiz) .pc-btn--ink {
  background: var(--pk-silver); color: #120608; border-color: transparent;
  box-shadow: inset 0 2px 0 rgb(255 255 255 / .9), inset 0 -4px 8px rgb(40 42 48 / .24), 0 12px 26px -12px rgb(0 0 0 / .75); }
.pk-site .pn-dock .pc-btn--soft { background: transparent; box-shadow: none; color: #EAD3C9; text-decoration: underline; text-decoration-color: rgb(255 157 178 / .6); text-underline-offset: 4px; }
.pk-site .pn-dock .pc-btn--soft:hover { background: transparent; color: #FFEDE6; }
/* J-061: the done page sits on the page ground with the soft blush glow, no hard black band, air above the sticker */
.pk-site .pn-donehero { background: radial-gradient(60% 260px at 50% 0%, rgb(255 157 178 / .14), transparent 70%), transparent; padding-top: 48px; }
/* G-051: on wide screens the post gallery stays in view while the long info column scrolls, no empty hole beside it */
@media (min-width: 1000px) { .pk-site .pn-cp-gcol { position: sticky; top: calc(var(--header-h, 72px) + 16px); align-self: start; } }
/* I-001: prose sub-heads are the Anton head of the mockup (.h-m) on every prose page, over the page's own rule */
html[data-plk] body.pk-site .pc-prose h2 { font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; letter-spacing: 0; font-synthesis: none; font-size: clamp(26px, 2.4vw, 34px); line-height: 1.04; }
/* I-004: the hero object fits the hero (a low hero cut its feet off) */
@media (min-width: 701px) { html[data-plk] body.pk-site .pn-gd-hero__wrap::after { height: min(280px, calc(100% - 24px)); width: auto; aspect-ratio: 1; } }
/* I-007 / M-020: the tone ladder — a panel on a #150A0C ground is the next step #231215; panels lose the 1 px top gloss (it read as a hairline) */
.pk-site :is(.pn-lpm-guide, .pk-sec--surf) :is(.pc-faq details, .pn-lpm-rail nav, .pks-q, .pks-steps li, .pks-faq, .pn-panel, .pc-box, .pc-pbox) { background-color: #231215; box-shadow: none; }

/* ---------- owner 01.11. ("hover nicht lesbar", "das sieht scheisse aus so") ---------- */
/* a primary key that cannot be pressed yet is a quiet dark pill (the old disabled rule lightened the ink on the blush fill) */
.pk-site .pc-btn--primary:is(:disabled, [aria-disabled="true"], .is-disabled), .pk-site .pc-btn--primary:is(:disabled, [aria-disabled="true"], .is-disabled):hover {
  background: #2B171A; color: rgb(255 237 230 / .55); box-shadow: none; filter: none; transform: none; opacity: 1; cursor: not-allowed; }
.pk-site .pc-btn--primary:is(:disabled, [aria-disabled="true"], .is-disabled) * { color: inherit; }
.pk-site .pc-btn--primary:is(:disabled, [aria-disabled="true"], .is-disabled)::after { content: none; }
/* Promo studio pick list: a listing without looks yet is a compact card in a grid (it was a full-width row, empty on the
   right); a listing with looks keeps the whole width for them. The make key is a small key without drips. */
@media (min-width: 701px) {
  .pk-site .pn-pst__list { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; }
  .pk-site .pn-pst__row--pick:has(> .pn-pst__out:empty) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "orig" "act" "prog"; align-content: start; }
  .pk-site .pn-pst__row--pick:has(> .pn-pst__out:not(:empty)), .pk-site .pn-pst__row--pick[data-state="building"] { grid-column: 1 / -1; }
}
.pk-site .pn-pst__row--pick { background: #231215; border-radius: 22px; padding: 16px; }
.pk-site .pn-pst__orig--pick { flex-direction: column; gap: 10px; }
.pk-site .pn-pst__srcs { display: flex; flex-wrap: wrap; gap: 8px; }
.pk-site .pn-pst__src { width: 64px; height: 64px; }
.pk-site .pn-pst__makebtn { min-height: 40px; padding: 8px 16px; font-size: 14px; }
.pk-site .pn-pst__makebtn::after { content: none !important; }

/* ---------- adult.panty.com 18+ bar (owner 01.11., lib/adult_site.php pnew_adh_bar): only ever rendered on adult ---------- */
.pk-site .pk-adh18 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 16px; margin: 0; padding: 12px var(--gutter, 16px); background: #150A0C; color: #EAD3C9; font: 600 14px/1.35 var(--font-sans); text-align: center; }
.pk-site .pk-adh18 p { margin: 0; max-width: 62ch; }
.pk-site .pk-adh18 form { margin: 0; }
.pk-site .pk-adh18 .pc-btn--primary::after { content: none; }

/* member twins: the look's warm dark literals as neutral anthracite in the member area (owner 01.11., src-css/dark.css) */
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-header .pc-iconbtn:hover,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-header .pc-iconbtn.is-active{background: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-btn--primary,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-btn--premium,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-iconbtn--primary{box-shadow: inset 0 2px 0 rgb(255 241 234 / .75), inset 0 -4px 8px rgb(73 75 79 / .22), 0 12px 26px -12px rgb(255 157 178 / .75)}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-btn--ink{background: linear-gradient(180deg, #222428 0%, #080304 55%, #000 100%)}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-btn--ghost,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-btn--on-chrome,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-btn--soft{background: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-btn--ghost:hover,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-btn--on-chrome:hover,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-btn--soft:hover{background: #2A2C30}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) :is(.pc-card, .pc-scard){background-color: #14161A}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) :is(.pn-panel, .pc-box, .pc-pbox, .pn-setpanel, .pc-tile, .pc-fact, .pc-faq details, .pn-joinbox){background-color: #14161A}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) :is(.pn-panel, .pc-box) :is(.pn-panel, .pc-box){background-color: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) :is(.pc-chip, .pc-selchip){background: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-seg{background: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-chip.pc-chip--premium,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-chip.pc-chip--premium:hover{background: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-chip.pc-chip--premium:hover,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) :is(.pc-chip, .pc-selchip):not([aria-current], [aria-pressed="true"], .is-on, .is-active, .is-selected):hover{background: #2A2C30}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) :is(.pc-input, .pc-select, .pc-field input, .pc-field select, .pc-field textarea, textarea.pc-input){background-color: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-empty{background: var(--pk-glow), #14161A}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pk-sec--surf{background: var(--pk-glow), #14161A}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pk-panel{background: #14161A}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pk-chip{background: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pk-chip:hover{background: #2A2C30}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pk-tile{background: radial-gradient(80% 70% at 50% 20%, rgb(255 157 178 / .18), transparent 70%), #14161A}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pks-trustbar li{background: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-toc{background: #14161A}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pn-help__cat{background: radial-gradient(80% 70% at 50% 20%, rgb(255 157 178 / .18), transparent 70%), #14161A}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pkj-step{background: #14161A}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pn-threadrow.is-current,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pn-threadrow:hover{background: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pn-chatpick .pc-empty{background: var(--pk-glow), #14161A}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pn-paysite,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pn-premwall{--accent-soft: #222428}
@media (min-width: 900px){:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pn-do-left{background: #14161A}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pn-do-left .pn-do-dock{background: #14161A}
}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-header .pn-header__pay,:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-header .pn-header__pay.pc-btn--on-chrome{box-shadow: inset 0 2px 0 rgb(255 241 234 / .75), inset 0 -4px 8px rgb(73 75 79 / .22), 0 12px 26px -12px rgb(255 157 178 / .75)}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) :is(.pn-lpm-guide, .pk-sec--surf) :is(.pc-faq details, .pn-lpm-rail nav, .pks-q, .pks-steps li, .pks-faq, .pn-panel, .pc-box, .pc-pbox){background-color: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-btn--primary:is(:disabled, [aria-disabled="true"], .is-disabled),:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pc-btn--primary:is(:disabled, [aria-disabled="true"], .is-disabled):hover{background: #2A2C30}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pn-pst__row--pick{background: #222428}
:where(html[data-plk]:not([data-theme="light"])) .pk-site:where(.pc-root:not(.pc-guest,.pn-joinbody,.pn-adm)) .pk-adh18{background: #14161A}