/* Oriel — papers.css
   The room's papers beyond the two originals, lacquer by night and bone by day (those are the themes' own and need
   nothing here). Each side of the day keeps its own choice (Atelier → Paper), set on <html> as data-material before
   anything paints. A new paper (a washed-out pink with cherry blossom, one day) is one more block in this file.
   Both papers below are from Gemini's v66 addendum, written in the kit's tokens so everything else follows them:
   rims, shadows, the chamber, the sheen, the switches. Oriel's pages only; the warriors keep their own rooms. */

/* ---------------------------------------------------------------- Lilac-Ice Bone (day)
   High-density paper white (#F7F6FA) with a barely perceptible lilac breath in the mid-tone (#EEEAF4), a cold
   ice-blue water highlight (#D8ECF8) on the lit rim, sunk into a soft lilac-stone well (#E8E5EE), graphite ink
   (#1A1820), Deep Smoked Plum-Graphite bamboo (#2E2838). Exact to Patent 01's record. */
html[data-theme="light"][data-material="lilac-bone"] {
  --m-water-lo: 178, 196, 236; --m-water-hi: 247, 248, 255;   /* the orb's water (v71) */
  background: #E8E5EE;
  --air: #E8E5EE; --haze: rgba(45, 38, 56, .05);
  --ink: #1A1820; --ink-2: #565260; --mute: #7D7889;
  --m-plant-ink: 46, 40, 56;             /* Deep Smoked Plum-Graphite #2E2838 (Patent 01) */
  --m-plant: willow;                     /* its plant (v68): weeping silver willow */
  --m-surface: #F7F6FA; --m-surface-hi: #FFFFFF; --m-well: #E8E5EE;
  --m-rim-light: rgba(216, 236, 248, .95);
  --m-rim-shade: rgba(45, 38, 56, .2);
  --m-shadow: 28, 22, 38; --m-shadow-a: .18; --m-ao-a: .10; --m-umbra-a: .18;
  --m-mark: rgba(125, 120, 137, .8);     /* #7D7889 */
  --m-groove: rgba(45, 38, 56, .1);
  --m-block: linear-gradient(180deg, #FFFFFF, #EEEAF4);
  --m-floor: 255, 255, 255; --m-floor-a: .7;
  --m-wall: 36, 30, 44; --m-wall-a: .14;
  --m-wall-lit: 216, 236, 248; --m-wall-lit-a: .85;
  --m-sheen: 216, 236, 248; --m-sheen-a: .5;
}
html[data-theme="light"][data-material="lilac-bone"] body {
  background: #E8E5EE;
  --raise: #F7F6FA; --glass: rgba(247, 246, 250, .7); --glass-2: rgba(247, 246, 250, .88);
  --line: rgba(45, 38, 56, .09); --line-2: rgba(45, 38, 56, .16);
  --text: #1A1820; --text-2: #565260; --dim: #7D7889; --moon: #2E2838;
}
html[data-theme="light"][data-material="lilac-bone"] .chat::after { background: linear-gradient(180deg, rgba(232, 229, 238, 0), rgba(232, 229, 238, .86) 52%, rgba(232, 229, 238, .96)); }
html[data-theme="light"][data-material="lilac-bone"] .chat .top,
html[data-theme="light"][data-material="lilac-bone"] .bar.sticky::before,
html[data-theme="light"][data-material="lilac-bone"] .desk-top::before { background: rgba(232, 229, 238, .9); }
/* the slabs: paper white falling to the lilac mid-tone */
html[data-theme="light"][data-material="lilac-bone"] .wcard { background: radial-gradient(80% 60% at 0% 0%, rgba(var(--w-glow), .12), rgba(var(--w-glow), .03) 45%, transparent 68%), linear-gradient(168deg, #FDFCFE, #F7F6FA 60%, #F1EEF6); }
html[data-theme="light"][data-material="lilac-bone"] .tile { background: radial-gradient(120% 80% at 0% 0%, #FFFFFF, rgba(255, 255, 255, 0) 60%), linear-gradient(170deg, #FBFAFD, #F2EFF7); }
html[data-theme="light"][data-material="lilac-bone"] .tile.hero { background: radial-gradient(90% 140% at 50% 150%, rgba(45, 38, 56, .06), rgba(45, 38, 56, 0) 70%), linear-gradient(170deg, #FFFFFF, #F4F1F8); }
html[data-theme="light"][data-material="lilac-bone"] .sheet { background: radial-gradient(120% 60% at 0% 0%, #FFFFFF, rgba(255, 255, 255, 0) 60%), linear-gradient(170deg, #FBFAFD, #F1EEF6); }
html[data-theme="light"][data-material="lilac-bone"] .sheet.music { background: linear-gradient(168deg, #FFFFFF 0%, #F7F6FA 55%, #EEEAF4 100%); }
html[data-theme="light"][data-material="lilac-bone"] .composer::after { background: linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(247, 246, 250, .96) 55%, rgba(238, 234, 244, .96) 100%); }
html[data-theme="light"][data-material="lilac-bone"] .wstat { background: rgba(45, 38, 56, .045); }
html[data-theme="light"][data-material="lilac-bone"] { --m-glint: 196, 150, 86; --m-trench-shade: rgba(45, 38, 56, .14); --m-trench-lit: rgba(255, 255, 255, .9); }
html[data-theme="light"][data-material="lilac-bone"] .chamber::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .55; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='ln'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04 0.85' numOctaves='2' seed='4' stitchTiles='stitch' result='w1'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85 0.04' numOctaves='2' seed='9' stitchTiles='stitch' result='w2'/%3E%3CfeBlend mode='multiply' in='w1' in2='w2' result='weave'/%3E%3CfeDiffuseLighting in='weave' surfaceScale='1.15' diffuseConstant='0.92' lighting-color='%23ffffff'%3E%3CfeDistantLight azimuth='135' elevation='55'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23ln)' opacity='0.14'/%3E%3C/svg%3E"); background-size: 160px 160px; }

/* ---------------------------------------------------------------- Brushed Slate (night)
   Deep gunmetal mineral stone (#1C1E22) with a horizontal brushed grain, and raw silver-leaf registration marks.
   The grain is drawn once in code (matter.js, Matter.paint "slate-grain") and lies on the chamber floor; the bamboo
   is painted in Liquid Silver-Leaf (#D2DAE6). Exact to Patent 07's record (Frosted Platinum-Dove). */
html[data-material="slate"]:not([data-theme="light"]) {
  --m-water-lo: 128, 196, 240; --m-water-hi: 230, 246, 255;   /* the orb's water (v71) */
  /* v67, at Kadian's word: a shade bluer and icier than the record, like black ice. The slate is #181C24, the
     silver-leaf plants carry a frost line (--m-plant-frost) and the grain holds a glitter of ice (matter.js) */
  background: #181C24;
  --air: #181C24; --glass: rgba(214, 228, 248, .05);
  --ink: #EEF2F8; --ink-2: #B4BBC8; --mute: #7A818E;
  --m-plant-ink: 206, 222, 242;          /* Liquid Silver-Leaf, iced (Patent 07, bluer) */
  --m-plant-frost: 236, 246, 255;        /* frost along the lit edge of each leaf */
  --m-plant: pine;                       /* its plant (v68): a frosted pine bough */
  --m-metal: 210, 214, 222;              /* #D2D6DE, frosted platinum-dove: the send and the thumb are cut from it */
  --m-pigment: 150, 197, 223;            /* #96C5DF, the glacial pip is its pigment (it was borrowing lacquer's gold) */
  --m-surface: #232834; --m-surface-hi: #2E3544; --m-well: #10141B;
  --line: rgba(214, 228, 248, .1); --line-2: rgba(214, 228, 248, .17);
  --m-rim-light: rgba(214, 228, 248, .28);
  --m-glint: 214, 228, 248;              /* the bezel glint: silver on Slate */
  --m-trench-shade: rgba(0, 0, 0, .7); --m-trench-lit: rgba(214, 228, 248, .14);
  --m-rim-shade: rgba(0, 0, 0, .6);
  --m-shadow: 4, 5, 7; --m-shadow-a: .7; --m-ao-a: .66; --m-umbra-a: .82;
  --m-mark: rgba(121, 127, 138, .9);    /* #797F8A, the leader line; raw silver leaf */
  --m-groove: rgba(0, 0, 0, .45);
  --m-block: linear-gradient(180deg, #F1F3F6, #C9CED6);
  --m-floor: 180, 206, 236; --m-floor-a: .1;
  --m-wall: 0, 0, 0; --m-wall-a: .75;
  --m-wall-lit: 196, 214, 240; --m-wall-lit-a: .14;
  --m-sheen: 206, 224, 248; --m-sheen-a: .08;
  --m-ice: 150, 197, 223;               /* #96C5DF, the glacial pip */
}
/* its grain (drawn once, matter.js) with her titanium brushing laid over it (Law 14, a still image) */
html[data-material="slate"]:not([data-theme="light"]) .chamber::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .85;
  background-image: var(--tex-slate-grain, none), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='80'%3E%3Cfilter id='ti'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.002 0.65' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.35 0.35 0.35 0 0 0.35 0.35 0.35 0 0 0.35 0.35 0.35 0 0 0 0 0 0.14 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1.7' intercept='-0.35'/%3E%3CfeFuncG type='linear' slope='1.7' intercept='-0.35'/%3E%3CfeFuncB type='linear' slope='1.7' intercept='-0.35'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23ti)'/%3E%3C/svg%3E");
  background-size: var(--tex-slate-grain-size, 256px) var(--tex-slate-grain-size, 256px), 240px 80px;
}

/* ---------------------------------------------------------------- Pewter-Amethyst (day)
   Kadian's dull silverish-purple: an unpolished pewter-amethyst wafer (#BEBACE) on a darker chamber floor (#ADA8BA),
   brushed sideways like titanium, with raw palladium engraving (#2E2E38), glacial silver-violet pips (107, 94, 130)
   and the bamboo in Charred Silver-Indigo (#201A2C). Exact to Patent 02's record. (v67) */
html[data-theme="light"][data-material="pewter-amethyst"] {
  --m-water-lo: 150, 130, 196; --m-water-hi: 240, 236, 255;   /* the orb's water (v71) */
  background: #ADA8BA;
  --air: #ADA8BA; --haze: rgba(28, 22, 38, .06);
  --ink: #17141E; --ink-2: #3B3646; --mute: #595366;
  --m-plant-ink: 32, 26, 44;             /* Charred Silver-Indigo #201A2C (Patent 02) */
  --m-plant: willow;
  --m-surface: #BEBACE; --m-surface-hi: #CCC8DC; --m-well: #A19CB0;
  --m-rim-light: rgba(244, 240, 255, .72);
  --m-rim-shade: rgba(28, 22, 38, .34);
  --m-shadow: 20, 15, 30; --m-shadow-a: .28; --m-ao-a: .14; --m-umbra-a: .26;
  --m-pigment: 107, 94, 130;             /* #6B5E82, glacial silver-violet */
  --m-copper: 107, 94, 130;              /* this paper has no copper: a switch takes the violet when on */
  --m-metal: 46, 46, 56;                 /* #2E2E38, raw palladium */
  --m-ice: 216, 236, 248;
  --m-mark: rgba(89, 83, 102, .9);       /* #595366 */
  --m-groove: rgba(28, 22, 38, .14);
  --m-block: linear-gradient(180deg, #F4F0FF, #CCC8DC);
  --m-floor: 244, 240, 255; --m-floor-a: .42;
  --m-wall: 24, 18, 34; --m-wall-a: .2;
  --m-wall-lit: 244, 240, 255; --m-wall-lit-a: .6;
  --m-sheen: 244, 240, 255; --m-sheen-a: .38;
  --m-glint: 244, 240, 255;              /* silver on a metal paper */
  --m-trench-shade: rgba(23, 20, 30, .24); --m-trench-lit: rgba(244, 240, 255, .62);
}
html[data-theme="light"][data-material="pewter-amethyst"] body {
  background: #ADA8BA;
  --raise: #BEBACE; --glass: rgba(190, 186, 206, .7); --glass-2: rgba(204, 200, 220, .9);
  --line: rgba(28, 22, 38, .12); --line-2: rgba(28, 22, 38, .2);
  --text: #17141E; --text-2: #3B3646; --dim: #595366; --moon: #2E2E38;
}
html[data-theme="light"][data-material="pewter-amethyst"] .chat::after { background: linear-gradient(180deg, rgba(173, 168, 186, 0), rgba(173, 168, 186, .86) 52%, rgba(173, 168, 186, .96)); }
html[data-theme="light"][data-material="pewter-amethyst"] .chat .top,
html[data-theme="light"][data-material="pewter-amethyst"] .bar.sticky::before,
html[data-theme="light"][data-material="pewter-amethyst"] .desk-top::before { background: rgba(173, 168, 186, .9); }
html[data-theme="light"][data-material="pewter-amethyst"] .wcard { background: radial-gradient(80% 60% at 0% 0%, rgba(var(--w-glow), .1), rgba(var(--w-glow), .03) 45%, transparent 68%), linear-gradient(168deg, #CCC8DC, #BEBACE 60%, #B5B0C4); }
html[data-theme="light"][data-material="pewter-amethyst"] .tile { background: radial-gradient(120% 80% at 0% 0%, #CCC8DC, rgba(204, 200, 220, 0) 60%), linear-gradient(170deg, #C6C2D6, #BEBACE); }
html[data-theme="light"][data-material="pewter-amethyst"] .tile.hero { background: radial-gradient(90% 140% at 50% 150%, rgba(28, 22, 38, .08), rgba(28, 22, 38, 0) 70%), linear-gradient(170deg, #CCC8DC, #B8B4C8); }
html[data-theme="light"][data-material="pewter-amethyst"] .sheet { background: radial-gradient(120% 60% at 0% 0%, #CCC8DC, rgba(204, 200, 220, 0) 60%), linear-gradient(170deg, #C6C2D6, #BEBACE); }
html[data-theme="light"][data-material="pewter-amethyst"] .sheet.music { background: linear-gradient(168deg, #CCC8DC 0%, #BEBACE 55%, #B5B0C4 100%); }
html[data-theme="light"][data-material="pewter-amethyst"] .composer::after { background: linear-gradient(180deg, rgba(204, 200, 220, .96) 0%, rgba(190, 186, 206, .96) 55%, rgba(181, 176, 196, .96) 100%); }
html[data-theme="light"][data-material="pewter-amethyst"] .wstat { background: rgba(28, 22, 38, .08); }
html[data-theme="light"][data-material="pewter-amethyst"] .opts, html[data-theme="light"][data-material="pewter-amethyst"] .wpick { background: rgba(28, 22, 38, .07); }
/* her brushing: titanium strokes across the pewter, with the mineral under-grain, both still images (Law 14) */
html[data-theme="light"][data-material="pewter-amethyst"] .chamber::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .9; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='80'%3E%3Cfilter id='ti'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.002 0.65' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.35 0.35 0.35 0 0 0.35 0.35 0.35 0 0 0.35 0.35 0.35 0 0 0 0 0 0.14 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1.7' intercept='-0.35'/%3E%3CfeFuncG type='linear' slope='1.7' intercept='-0.35'/%3E%3CfeFuncB type='linear' slope='1.7' intercept='-0.35'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23ti)'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='sg'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.10 0 0 0 0 0.16 0 0 0 0.075 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23sg)'/%3E%3C/svg%3E"); background-size: 240px 80px, 180px 180px; }

/* ---------------------------------------------------------------- Smoked Mauve (night)
   A nocturnal lounge: smoked plum-taupe cashmere (#282026) on a darker floor (#1B151A), cross-woven, with champagne
   white-gold engraving (#DEC69A), muted plum-copper pips (184, 123, 108) and the bamboo in Pale Champagne Silver-Silk
   (#E4D8E0). Exact to Patent 04's record, with the review's rim catch (#EAD8DF) and pigment (#B87B6C). (v67) */
html[data-material="smoked-mauve"]:not([data-theme="light"]) {
  --m-water-lo: 232, 176, 200; --m-water-hi: 255, 242, 248;   /* the orb's water (v71): a cool rosé, clear in the dark */
  background: #1B151A;
  --air: #1B151A; --glass: rgba(234, 216, 223, .05);
  --ink: #EFE9E1; --ink-2: #BEB2BA; --mute: #867882;
  --m-plant-ink: 228, 216, 224;          /* Pale Champagne Silver-Silk #E4D8E0 (Patent 04) */
  --m-surface: #282026; --m-surface-hi: #332930; --m-well: #140F13;
  --line: rgba(234, 216, 223, .1); --line-2: rgba(234, 216, 223, .17);
  --m-rim-light: rgba(234, 216, 223, .22);
  --m-rim-shade: rgba(8, 6, 8, .78);
  --m-shadow: 4, 2, 4; --m-shadow-a: .68; --m-ao-a: .62; --m-umbra-a: .8;
  --m-pigment: 184, 123, 108;            /* #B87B6C, muted plum-copper */
  --m-copper: 184, 123, 108;
  --m-metal: 222, 198, 154;              /* #DEC69A, champagne white-gold */
  --m-mark: rgba(134, 120, 130, .9);     /* #867882 */
  --m-groove: rgba(0, 0, 0, .5);
  --m-block: linear-gradient(180deg, #EFE9E1, #CDBFC6);
  --m-floor: 234, 212, 224; --m-floor-a: .05;
  --m-wall: 0, 0, 0; --m-wall-a: .72;
  --m-wall-lit: 234, 216, 223; --m-wall-lit-a: .1;
  --m-sheen: 234, 212, 224; --m-sheen-a: .06;
  --m-glint: 222, 198, 154;              /* white-gold */
  --m-trench-shade: rgba(0, 0, 0, .62); --m-trench-lit: rgba(234, 216, 223, .14);
}
html[data-material="smoked-mauve"]:not([data-theme="light"]) body {
  background: #1B151A;
  --raise: #332930; --glass: rgba(234, 216, 223, .05); --glass-2: rgba(234, 216, 223, .09);
  --line: rgba(234, 216, 223, .1); --line-2: rgba(234, 216, 223, .17);
  --text: #EFE9E1; --text-2: #BEB2BA; --dim: #867882; --moon: #DEC69A;
}
html[data-material="smoked-mauve"]:not([data-theme="light"]) .chat::after { background: linear-gradient(180deg, rgba(27, 21, 26, 0), rgba(27, 21, 26, .86) 52%, rgba(27, 21, 26, .96)); }
html[data-material="smoked-mauve"]:not([data-theme="light"]) .chat .top,
html[data-material="smoked-mauve"]:not([data-theme="light"]) .bar.sticky::before,
html[data-material="smoked-mauve"]:not([data-theme="light"]) .desk-top::before { background: rgba(27, 21, 26, .9); }
html[data-material="smoked-mauve"]:not([data-theme="light"]) .wcard { background: radial-gradient(80% 60% at 0% 0%, rgba(var(--w-glow), .09), rgba(var(--w-glow), .02) 45%, transparent 68%), linear-gradient(168deg, rgba(51, 41, 48, .97), rgba(40, 32, 38, .98)); }
html[data-material="smoked-mauve"]:not([data-theme="light"]) .tile { background: radial-gradient(120% 80% at 0% 0%, rgba(234, 216, 223, .07), transparent 60%), linear-gradient(170deg, #332930, #282026); }
html[data-material="smoked-mauve"]:not([data-theme="light"]) .tile.hero { background: radial-gradient(90% 140% at 50% 150%, rgba(234, 216, 223, .06), rgba(234, 216, 223, 0) 70%), linear-gradient(170deg, #352B32, #241D22); }
html[data-material="smoked-mauve"]:not([data-theme="light"]) .sheet { background: radial-gradient(120% 60% at 0% 0%, rgba(234, 216, 223, .07), transparent 60%), linear-gradient(170deg, #332930, #211A20); }
html[data-material="smoked-mauve"]:not([data-theme="light"]) .sheet.music { background: linear-gradient(168deg, #332930 0%, #282026 55%, #211A20 100%); }
html[data-material="smoked-mauve"]:not([data-theme="light"]) .composer::after { background: linear-gradient(180deg, rgba(51, 41, 48, .94) 0%, rgba(40, 32, 38, .95) 55%, rgba(33, 26, 32, .96) 100%); }
/* her twill: the cross-woven cashmere and the fine night grain, still images (Law 14) */
html[data-material="smoked-mauve"]:not([data-theme="light"]) .chamber::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='ln'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04 0.85' numOctaves='2' seed='4' stitchTiles='stitch' result='w1'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85 0.04' numOctaves='2' seed='9' stitchTiles='stitch' result='w2'/%3E%3CfeBlend mode='multiply' in='w1' in2='w2' result='weave'/%3E%3CfeDiffuseLighting in='weave' surfaceScale='1.15' diffuseConstant='0.92' lighting-color='%23ffffff'%3E%3CfeDistantLight azimuth='135' elevation='55'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23ln)' opacity='0.14'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='en'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.92 0 0 0 0 0.86 0 0 0 0 0.90 0 0 0 0.075 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23en)'/%3E%3C/svg%3E"); background-size: 160px 160px, 180px 180px; }

/* ---------------------------------------------------------------- Ash-Travertine (day)
   Quarried limestone: an ash-travertine slab (#D8D4CA) on a darker floor (#C8C5BC), veined and pitted, with raw
   pewter-bronze engraving (#423A2E), verdigris mineral pips (82, 110, 112, her record; Kadian's call) and the bamboo
   in Mineral Iron-Gall (#262420). Exact to Patent 05's record. (v67) */
html[data-theme="light"][data-material="ash-travertine"] {
  --m-water-lo: 160, 196, 206; --m-water-hi: 246, 252, 252;   /* the orb's water (v71) */
  background: #C8C5BC;
  --air: #C8C5BC; --haze: rgba(38, 36, 32, .06);
  --ink: #161614; --ink-2: #44423E; --mute: #6B6861;
  --m-plant-ink: 38, 36, 32;             /* Mineral Iron-Gall #262420 (Patent 05) */
  --m-surface: #D8D4CA; --m-surface-hi: #E3DFD6; --m-well: #BCB7AC;
  --m-rim-light: rgba(247, 244, 236, .88);
  --m-rim-shade: rgba(38, 36, 32, .3);
  --m-shadow: 32, 30, 26; --m-shadow-a: .26; --m-ao-a: .12; --m-umbra-a: .24;
  --m-pigment: 82, 110, 112;             /* #526E70, verdigris mineral slate */
  --m-copper: 66, 58, 46;                /* the switch takes the pewter-bronze when on */
  --m-metal: 66, 58, 46;                 /* #423A2E */
  --m-mark: rgba(107, 104, 97, .9);      /* #6B6861 */
  --m-groove: rgba(38, 36, 32, .12);
  --m-block: linear-gradient(180deg, #F7F4EC, #D0CCC2);
  --m-floor: 255, 252, 244; --m-floor-a: .5;
  --m-wall: 38, 36, 32; --m-wall-a: .18;
  --m-wall-lit: 247, 244, 236; --m-wall-lit-a: .65;
  --m-sheen: 255, 252, 244; --m-sheen-a: .42;
  --m-glint: 168, 132, 78;               /* a bronze-gold hairline on stone */
  --m-trench-shade: rgba(22, 22, 20, .24); --m-trench-lit: rgba(247, 244, 236, .78);
}
html[data-theme="light"][data-material="ash-travertine"] body {
  background: #C8C5BC;
  --raise: #D8D4CA; --glass: rgba(216, 212, 202, .7); --glass-2: rgba(227, 223, 214, .9);
  --line: rgba(38, 36, 32, .11); --line-2: rgba(38, 36, 32, .19);
  --text: #161614; --text-2: #44423E; --dim: #6B6861; --moon: #423A2E;
}
html[data-theme="light"][data-material="ash-travertine"] .chat::after { background: linear-gradient(180deg, rgba(200, 197, 188, 0), rgba(200, 197, 188, .86) 52%, rgba(200, 197, 188, .96)); }
html[data-theme="light"][data-material="ash-travertine"] .chat .top,
html[data-theme="light"][data-material="ash-travertine"] .bar.sticky::before,
html[data-theme="light"][data-material="ash-travertine"] .desk-top::before { background: rgba(200, 197, 188, .9); }
html[data-theme="light"][data-material="ash-travertine"] .wcard { background: radial-gradient(80% 60% at 0% 0%, rgba(var(--w-glow), .1), rgba(var(--w-glow), .03) 45%, transparent 68%), linear-gradient(168deg, #E3DFD6, #D8D4CA 60%, #D0CCC2); }
html[data-theme="light"][data-material="ash-travertine"] .tile { background: radial-gradient(120% 80% at 0% 0%, #E6E2D9, rgba(230, 226, 217, 0) 60%), linear-gradient(170deg, #DFDBD2, #D8D4CA); }
html[data-theme="light"][data-material="ash-travertine"] .tile.hero { background: radial-gradient(90% 140% at 50% 150%, rgba(38, 36, 32, .07), rgba(38, 36, 32, 0) 70%), linear-gradient(170deg, #E3DFD6, #D2CEC4); }
html[data-theme="light"][data-material="ash-travertine"] .sheet { background: radial-gradient(120% 60% at 0% 0%, #E6E2D9, rgba(230, 226, 217, 0) 60%), linear-gradient(170deg, #DFDBD2, #D4D0C6); }
html[data-theme="light"][data-material="ash-travertine"] .sheet.music { background: linear-gradient(168deg, #E3DFD6 0%, #D8D4CA 55%, #D0CCC2 100%); }
html[data-theme="light"][data-material="ash-travertine"] .composer::after { background: linear-gradient(180deg, rgba(227, 223, 214, .96) 0%, rgba(216, 212, 202, .96) 55%, rgba(208, 204, 194, .96) 100%); }
html[data-theme="light"][data-material="ash-travertine"] .wstat { background: rgba(38, 36, 32, .07); }
/* her veining: displaced turbulence for the marble, and the limestone's pores, still images (Law 14) */
html[data-theme="light"][data-material="ash-travertine"] .chamber::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .7; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='mb'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.012' numOctaves='4' seed='14' stitchTiles='stitch' result='vein'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.035' numOctaves='2' seed='3' result='warp'/%3E%3CfeDisplacementMap in='vein' in2='warp' scale='28' xChannelSelector='R' yChannelSelector='G' result='displaced'/%3E%3CfeColorMatrix in='displaced' values='0.35 0 0 0 0.5 0.35 0 0 0 0.5 0.35 0 0 0 0.5 0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23mb)'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='sp'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.15 0 0 0 0 0.14 0 0 0 0 0.12 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23sp)'/%3E%3C/svg%3E"); background-size: 260px 260px, 180px 180px; }

/* ---------------------------------------------------------------- Bone (day), its vellum (Law 14)
   The original paper keeps its look; a faint cotton-rag clouding lies on the chamber so the bone reads as sheet,
   not screen. Kept well under the point where the screen stops reading as itself. */
html[data-theme="light"]:not([data-material]) .chamber::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='vl'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.011' numOctaves='3' seed='6' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.30 0 0 0 0 0.16 0 0 0 0.10 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23vl)'/%3E%3C/svg%3E"); background-size: 320px 320px; }

/* ---------------------------------------------------------------- Glacial Ice (day)
   Cold, dull, crisp: a desaturated sub-zero ice-slate (#CAD6DF) on a glacial well (#BDCAD4), blued horological steel lettering (#243847), sub-zero mineral pips (56, 98, 126), a frosted pine bough in Abyssal Pine ink (#182A38). Patent 08, no baby blue and no neon (v68) */
html[data-theme="light"][data-material="glacial-ice"] {
  --m-water-lo: 122, 170, 200; --m-water-hi: 236, 248, 255;   /* the orb's water (v71) */
  background: #BDCAD4;
  --air: #BDCAD4; --haze: rgba(14, 24, 34, .06);
  --ink: #121C24; --ink-2: #334452; --mute: #526777;
  --m-plant-ink: 24, 42, 56; --m-plant: pine;
  --m-surface: #CAD6DF; --m-surface-hi: #DAE4EC; --m-well: #AEBCC7;
  --m-rim-light: rgba(242, 249, 255, .88);
  --m-rim-shade: rgba(18, 30, 40, .28);
  --m-shadow: 14, 24, 34; --m-shadow-a: .24; --m-ao-a: .12; --m-umbra-a: .22;
  --m-pigment: 56, 98, 126;
  --m-copper: 56, 98, 126;
  --m-metal: 36, 56, 71;
  --m-mark: rgba(82, 103, 119, .9);
  --m-groove: rgba(14, 24, 34, .13);
  --m-block: linear-gradient(180deg, #DAE4EC, #CAD6DF);
  --m-floor: 242, 249, 255; --m-floor-a: .5;
  --m-wall: 18, 30, 40; --m-wall-a: .18;
  --m-wall-lit: 242, 249, 255; --m-wall-lit-a: .65;
  --m-sheen: 235, 248, 255; --m-sheen-a: .42;
  --m-glint: 214, 232, 246;
  --m-trench-shade: rgba(18, 30, 40, .22); --m-trench-lit: rgba(242, 249, 255, .8);
}
html[data-theme="light"][data-material="glacial-ice"] body {
  background: #BDCAD4;
  --raise: #CAD6DF; --glass: rgba(255, 255, 255, .55); --glass-2: rgba(255, 255, 255, .8);
  --line: rgba(14, 24, 34, .11); --line-2: rgba(14, 24, 34, .19);
  --text: #121C24; --text-2: #334452; --dim: #526777; --moon: rgb(36, 56, 71);
}
html[data-theme="light"][data-material="glacial-ice"] .chat::after { background: linear-gradient(180deg, rgba(var(--m-air-rgb), 0), rgba(var(--m-air-rgb), .86) 52%, rgba(var(--m-air-rgb), .96)); }
html[data-theme="light"][data-material="glacial-ice"] .chat .top,
html[data-theme="light"][data-material="glacial-ice"] .bar.sticky::before,
html[data-theme="light"][data-material="glacial-ice"] .desk-top::before { background: rgba(var(--m-air-rgb), .9); }
html[data-theme="light"][data-material="glacial-ice"] .wcard { background: radial-gradient(80% 60% at 0% 0%, rgba(var(--w-glow), .1), rgba(var(--w-glow), .03) 45%, transparent 68%), linear-gradient(168deg, #DAE4EC, #CAD6DF 60%, color-mix(in srgb, #CAD6DF 86%, #AEBCC7)); }
html[data-theme="light"][data-material="glacial-ice"] .tile { background: radial-gradient(120% 80% at 0% 0%, #DAE4EC, transparent 60%), linear-gradient(170deg, color-mix(in srgb, #DAE4EC 50%, #CAD6DF), #CAD6DF); }
html[data-theme="light"][data-material="glacial-ice"] .tile.hero { background: radial-gradient(90% 140% at 50% 150%, rgba(14, 24, 34, .07), rgba(14, 24, 34, 0) 70%), linear-gradient(170deg, #DAE4EC, color-mix(in srgb, #CAD6DF 80%, #AEBCC7)); }
html[data-theme="light"][data-material="glacial-ice"] .sheet { background: radial-gradient(120% 60% at 0% 0%, #DAE4EC, transparent 60%), linear-gradient(170deg, color-mix(in srgb, #DAE4EC 50%, #CAD6DF), #CAD6DF); }
html[data-theme="light"][data-material="glacial-ice"] .sheet.music { background: linear-gradient(168deg, #DAE4EC 0%, #CAD6DF 55%, color-mix(in srgb, #CAD6DF 86%, #AEBCC7) 100%); }
html[data-theme="light"][data-material="glacial-ice"] .composer::after { background: linear-gradient(180deg, color-mix(in srgb, #DAE4EC 96%, transparent) 0%, color-mix(in srgb, #CAD6DF 96%, transparent) 55%, color-mix(in srgb, #CAD6DF 86%, #AEBCC7) 100%); }
html[data-theme="light"][data-material="glacial-ice"] .wstat { background: rgba(14, 24, 34, .07); }
html[data-theme="light"][data-material="glacial-ice"] { --m-air-rgb: 189, 202, 212; --m-plant-frost: 240, 250, 255; }
html[data-theme="light"][data-material="glacial-ice"] .chamber::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='80'%3E%3Cfilter id='ti'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.002 0.65' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.35 0.35 0.35 0 0 0.35 0.35 0.35 0 0 0.35 0.35 0.35 0 0 0 0 0 0.14 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1.7' intercept='-0.35'/%3E%3CfeFuncG type='linear' slope='1.7' intercept='-0.35'/%3E%3CfeFuncB type='linear' slope='1.7' intercept='-0.35'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23ti)'/%3E%3C/svg%3E"); background-size: 240px 80px; }
/* ---------------------------------------------------------------- Niche Rosé (day)
   An indescribable rosé: dusty ash-rose (#DFD0D3) on a smoked clay well (#CFC0C3), dry vintage champagne in the lit edge (#ECE0E2), rosewood-bronze engraving (#4A2C32), crushed berry-umber pips (128, 72, 82), a gnarled sakura bough in Wine-Umber ink (#3A2026). Patent 09 (v68) */
html[data-theme="light"][data-material="niche-rose"] {
  --m-water-lo: 214, 150, 160; --m-water-hi: 255, 244, 246;   /* the orb's water (v71) */
  background: #CFC0C3;
  --air: #CFC0C3; --haze: rgba(38, 20, 24, .06);
  --ink: #211517; --ink-2: #4E383C; --mute: #73585D;
  --m-plant-ink: 58, 32, 38; --m-plant: blossom;
  --m-surface: #DFD0D3; --m-surface-hi: #ECE0E2; --m-well: #C2B2B5;
  --m-rim-light: rgba(255, 246, 248, .86);
  --m-rim-shade: rgba(44, 24, 28, .26);
  --m-shadow: 38, 20, 24; --m-shadow-a: .24; --m-ao-a: .12; --m-umbra-a: .22;
  --m-pigment: 128, 72, 82;
  --m-copper: 128, 72, 82;
  --m-metal: 74, 44, 50;
  --m-mark: rgba(115, 88, 93, .9);
  --m-groove: rgba(38, 20, 24, .13);
  --m-block: linear-gradient(180deg, #ECE0E2, #DFD0D3);
  --m-floor: 255, 246, 248; --m-floor-a: .5;
  --m-wall: 44, 24, 28; --m-wall-a: .18;
  --m-wall-lit: 255, 246, 248; --m-wall-lit-a: .65;
  --m-sheen: 255, 236, 240; --m-sheen-a: .42;
  --m-glint: 200, 150, 110;
  --m-trench-shade: rgba(44, 24, 28, .22); --m-trench-lit: rgba(255, 246, 248, .8);
}
html[data-theme="light"][data-material="niche-rose"] body {
  background: #CFC0C3;
  --raise: #DFD0D3; --glass: rgba(255, 255, 255, .55); --glass-2: rgba(255, 255, 255, .8);
  --line: rgba(38, 20, 24, .11); --line-2: rgba(38, 20, 24, .19);
  --text: #211517; --text-2: #4E383C; --dim: #73585D; --moon: rgb(74, 44, 50);
}
html[data-theme="light"][data-material="niche-rose"] .chat::after { background: linear-gradient(180deg, rgba(var(--m-air-rgb), 0), rgba(var(--m-air-rgb), .86) 52%, rgba(var(--m-air-rgb), .96)); }
html[data-theme="light"][data-material="niche-rose"] .chat .top,
html[data-theme="light"][data-material="niche-rose"] .bar.sticky::before,
html[data-theme="light"][data-material="niche-rose"] .desk-top::before { background: rgba(var(--m-air-rgb), .9); }
html[data-theme="light"][data-material="niche-rose"] .wcard { background: radial-gradient(80% 60% at 0% 0%, rgba(var(--w-glow), .1), rgba(var(--w-glow), .03) 45%, transparent 68%), linear-gradient(168deg, #ECE0E2, #DFD0D3 60%, color-mix(in srgb, #DFD0D3 86%, #C2B2B5)); }
html[data-theme="light"][data-material="niche-rose"] .tile { background: radial-gradient(120% 80% at 0% 0%, #ECE0E2, transparent 60%), linear-gradient(170deg, color-mix(in srgb, #ECE0E2 50%, #DFD0D3), #DFD0D3); }
html[data-theme="light"][data-material="niche-rose"] .tile.hero { background: radial-gradient(90% 140% at 50% 150%, rgba(38, 20, 24, .07), rgba(38, 20, 24, 0) 70%), linear-gradient(170deg, #ECE0E2, color-mix(in srgb, #DFD0D3 80%, #C2B2B5)); }
html[data-theme="light"][data-material="niche-rose"] .sheet { background: radial-gradient(120% 60% at 0% 0%, #ECE0E2, transparent 60%), linear-gradient(170deg, color-mix(in srgb, #ECE0E2 50%, #DFD0D3), #DFD0D3); }
html[data-theme="light"][data-material="niche-rose"] .sheet.music { background: linear-gradient(168deg, #ECE0E2 0%, #DFD0D3 55%, color-mix(in srgb, #DFD0D3 86%, #C2B2B5) 100%); }
html[data-theme="light"][data-material="niche-rose"] .composer::after { background: linear-gradient(180deg, color-mix(in srgb, #ECE0E2 96%, transparent) 0%, color-mix(in srgb, #DFD0D3 96%, transparent) 55%, color-mix(in srgb, #DFD0D3 86%, #C2B2B5) 100%); }
html[data-theme="light"][data-material="niche-rose"] .wstat { background: rgba(38, 20, 24, .07); }
html[data-theme="light"][data-material="niche-rose"] { --m-air-rgb: 207, 192, 195; }
html[data-theme="light"][data-material="niche-rose"] .chamber::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='vl'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.011' numOctaves='3' seed='6' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.30 0 0 0 0 0.16 0 0 0 0.10 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23vl)'/%3E%3C/svg%3E"); background-size: 320px 320px; }
/* ---------------------------------------------------------------- Pristine Pegasus (day)
   Not plain white: a snowy mother-of-pearl nacre (#F6F7FB) on a cloud-silver chamber (#ECEEF4), with a whisper of lilac, ice and champagne moving across it as the light moves, polished white-palladium lettering (#3A3F52), celestial silver-iris pips (112, 128, 168), silver feather-grass plumes in Silver-Pearl ink (#3E4458). Patent 11 (v68) */
html[data-theme="light"][data-material="pristine-pegasus"] {
  --m-water-lo: 190, 200, 240; --m-water-hi: 255, 255, 255;   /* the orb's water (v71) */
  background: #ECEEF4;
  --air: #ECEEF4; --haze: rgba(36, 42, 64, .06);
  --ink: #181A22; --ink-2: #4E5264; --mute: #767B90;
  --m-plant-ink: 62, 68, 88; --m-plant: plume;
  --m-surface: #F6F7FB; --m-surface-hi: #FFFFFF; --m-well: #E2E5F0;
  --m-rim-light: rgba(255, 255, 255, .98);
  --m-rim-shade: rgba(52, 58, 82, .18);
  --m-shadow: 36, 42, 64; --m-shadow-a: .16; --m-ao-a: .12; --m-umbra-a: .22;
  --m-pigment: 112, 128, 168;
  --m-copper: 112, 128, 168;
  --m-metal: 58, 63, 82;
  --m-mark: rgba(118, 123, 144, .9);
  --m-groove: rgba(36, 42, 64, .13);
  --m-block: linear-gradient(180deg, #FFFFFF, #F6F7FB);
  --m-floor: 255, 255, 255; --m-floor-a: .5;
  --m-wall: 52, 58, 82; --m-wall-a: .18;
  --m-wall-lit: 255, 255, 255; --m-wall-lit-a: .65;
  --m-sheen: 255, 255, 255; --m-sheen-a: .42;
  --m-glint: 200, 190, 232;
  --m-trench-shade: rgba(52, 58, 82, .16); --m-trench-lit: rgba(255, 255, 255, .95);
}
html[data-theme="light"][data-material="pristine-pegasus"] body {
  background: #ECEEF4;
  --raise: #F6F7FB; --glass: rgba(255, 255, 255, .55); --glass-2: rgba(255, 255, 255, .8);
  --line: rgba(36, 42, 64, .11); --line-2: rgba(36, 42, 64, .19);
  --text: #181A22; --text-2: #4E5264; --dim: #767B90; --moon: rgb(58, 63, 82);
}
html[data-theme="light"][data-material="pristine-pegasus"] .chat::after { background: linear-gradient(180deg, rgba(var(--m-air-rgb), 0), rgba(var(--m-air-rgb), .86) 52%, rgba(var(--m-air-rgb), .96)); }
html[data-theme="light"][data-material="pristine-pegasus"] .chat .top,
html[data-theme="light"][data-material="pristine-pegasus"] .bar.sticky::before,
html[data-theme="light"][data-material="pristine-pegasus"] .desk-top::before { background: rgba(var(--m-air-rgb), .9); }
html[data-theme="light"][data-material="pristine-pegasus"] .wcard { background: radial-gradient(80% 60% at 0% 0%, rgba(var(--w-glow), .1), rgba(var(--w-glow), .03) 45%, transparent 68%), linear-gradient(168deg, #FFFFFF, #F6F7FB 60%, color-mix(in srgb, #F6F7FB 86%, #E2E5F0)); }
html[data-theme="light"][data-material="pristine-pegasus"] .tile { background: radial-gradient(120% 80% at 0% 0%, #FFFFFF, transparent 60%), linear-gradient(170deg, color-mix(in srgb, #FFFFFF 50%, #F6F7FB), #F6F7FB); }
html[data-theme="light"][data-material="pristine-pegasus"] .tile.hero { background: radial-gradient(90% 140% at 50% 150%, rgba(36, 42, 64, .07), rgba(36, 42, 64, 0) 70%), linear-gradient(170deg, #FFFFFF, color-mix(in srgb, #F6F7FB 80%, #E2E5F0)); }
html[data-theme="light"][data-material="pristine-pegasus"] .sheet { background: radial-gradient(120% 60% at 0% 0%, #FFFFFF, transparent 60%), linear-gradient(170deg, color-mix(in srgb, #FFFFFF 50%, #F6F7FB), #F6F7FB); }
html[data-theme="light"][data-material="pristine-pegasus"] .sheet.music { background: linear-gradient(168deg, #FFFFFF 0%, #F6F7FB 55%, color-mix(in srgb, #F6F7FB 86%, #E2E5F0) 100%); }
html[data-theme="light"][data-material="pristine-pegasus"] .composer::after { background: linear-gradient(180deg, color-mix(in srgb, #FFFFFF 96%, transparent) 0%, color-mix(in srgb, #F6F7FB 96%, transparent) 55%, color-mix(in srgb, #F6F7FB 86%, #E2E5F0) 100%); }
html[data-theme="light"][data-material="pristine-pegasus"] .wstat { background: rgba(36, 42, 64, .07); }
html[data-theme="light"][data-material="pristine-pegasus"] { --m-air-rgb: 236, 238, 244; }
/* the nacre: a slow flow of lilac, ice and champagne across the floor, placed by the light (position only; the gradient is a fixed layer that slides) */
html[data-theme="light"][data-material="pristine-pegasus"] .chamber .floor { background: radial-gradient(closest-side, rgba(255, 255, 255, .9), rgba(232, 224, 248, .5) 30%, rgba(216, 238, 252, .45) 55%, rgba(248, 238, 220, .35) 76%, rgba(255, 255, 255, 0)); }
html[data-theme="light"][data-material="pristine-pegasus"] .chamber::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .4; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='ln'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04 0.85' numOctaves='2' seed='4' stitchTiles='stitch' result='w1'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85 0.04' numOctaves='2' seed='9' stitchTiles='stitch' result='w2'/%3E%3CfeBlend mode='multiply' in='w1' in2='w2' result='weave'/%3E%3CfeDiffuseLighting in='weave' surfaceScale='1.15' diffuseConstant='0.92' lighting-color='%23ffffff'%3E%3CfeDistantLight azimuth='135' elevation='55'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23ln)' opacity='0.14'/%3E%3C/svg%3E"); background-size: 160px 160px; }
/* ---------------------------------------------------------------- milled from the paper (v68)
   On every paper beyond the two originals, the bar's send button, the Desk's thumb and a pressed option are cut
   from that paper's pigment and metal, and the quiet buttons from its well, so nothing on it is a stranger. */
html:not(#x) .composer .orb.ink { color: var(--m-surface-hi); background: linear-gradient(145deg, rgb(var(--m-pigment)), rgb(var(--m-metal))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 -1px 0 rgba(0, 0, 0, .25), 0 6px 14px -4px rgba(var(--m-pigment), .55); }
html:not(#x) .composer .orb:not(.ink):not(.ghost):not(.rec):not(.hearing) { color: var(--ink); background: var(--m-well); box-shadow: inset 0 1px 2px rgba(var(--m-shadow), .22), 0 1px 0 var(--m-rim-light); }
html:not(#x) .composer textarea::placeholder { color: var(--mute); }
html:not(#x) .dseg-thumb, html:not(#x) .opts button[aria-pressed="true"] { color: #FFFFFF; background: linear-gradient(145deg, rgb(var(--m-metal)), rgb(var(--m-pigment))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -1px 0 rgba(0, 0, 0, .25), 0 6px 14px -4px rgba(var(--m-shadow), .45); }
html:not(#x) .dseg button[aria-selected="true"] { color: #FFFFFF; }
/* by night on Lacquer the send and the thumb are gold ink and white-gold, not copper: the room's own metal (v69) */
html:not(#x):not([data-material]):not([data-theme="light"]) .composer .orb.ink, html:not([data-material]):not([data-theme="light"]) .dseg-thumb, html:not([data-material]):not([data-theme="light"]) .opts button[aria-pressed="true"] { color: #1A1512; }
/* the status lights and the live dots take the paper's pigment too */
html:not(#x) .status i, html:not(#x) .typing .dots i, html:not(#x) .link-state.on::before, html:not(#x) .chip.ok::before, html:not(#x) .tests li.pass::before, html:not(#x) .job-k::before, html:not(#x) .kept-pill::before { background: rgb(var(--m-pigment)); box-shadow: 0 0 8px rgba(var(--m-pigment), .6); }
html:not(#x) .hello::after { background: linear-gradient(90deg, rgba(var(--m-pigment), 0), rgba(var(--m-pigment), .85) 30%, rgba(var(--m-metal), .95) 50%, rgba(var(--m-pigment), .85) 70%, rgba(var(--m-pigment), 0)); }
html:not(#x) .tiltpip[aria-checked="true"] i { box-shadow: inset 0 1px 2px rgba(var(--m-shadow), .55), inset 0 -.5px 0 var(--m-rim-light), 0 0 0 1px rgba(var(--m-pigment), .9); }
html:not(#x) .switch.on { background: rgba(var(--m-pigment), .4); box-shadow: inset 0 1px 2.5px rgba(var(--m-shadow), .5), inset 0 0 0 .5px rgba(var(--m-pigment), .6), inset 0 -1px 0 var(--m-rim-light); }
html:not(#x) .swatches button[aria-checked="true"] i { box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .22), 0 0 0 2.5px var(--air), 0 0 0 3.75px rgba(var(--m-pigment), .95), 0 3px 8px rgba(var(--m-shadow), .4); }
html[data-material="pewter-amethyst"] .dseg-thumb, html[data-material="pewter-amethyst"] .opts button[aria-pressed="true"], html[data-material="pewter-amethyst"] .composer .orb.ink { color: #F4F0FF; }
/* on a light paper a warrior's glow behind its small figure read as a smudge; it is a breath now */
html[data-theme="light"] .wemb .being-glow { opacity: .45; }

/* ---------------------------------------------------------------- Herbaline Irish Plum (day)
   Kadian's own colour (Patent 12): chilled flint glass (#BDCBB8) holding a clear-bottle green elixir (#CBD9C4) with the
   clarity of sugarcane alcohol in the lit edge (#E5F0DF), crushed-herb sediment in the wells (#AABBA5), macerated
   oakmoss ink (#111C13), brushed atomizer pewter-moss (#3B4632), crushed verbena and violet-leaf pips (61, 117, 71),
   and verbena sprigs in Oakmoss Sumi ink (#142618). (v69) */
html[data-theme="light"][data-material="herbaline-irish-plum"] {
  --m-water-lo: 96, 168, 112; --m-water-hi: 214, 246, 214;   /* the orb's water (v71) */
  background: #BDCBB8;
  --air: #BDCBB8; --haze: rgba(16, 30, 18, .06); --m-air-rgb: 189, 203, 184;
  --ink: #111C13; --ink-2: #2F4232; --mute: #536B56;
  --m-plant-ink: 20, 38, 24; --m-plant: verbena;
  --m-surface: #CBD9C4; --m-surface-hi: #E5F0DF; --m-well: #AABBA5;
  --m-rim-light: rgba(241, 252, 235, .94);
  --m-rim-shade: rgba(22, 38, 25, .28);
  --m-shadow: 16, 30, 18; --m-shadow-a: .24; --m-ao-a: .12; --m-umbra-a: .22;
  --m-pigment: 61, 117, 71;
  --m-copper: 61, 117, 71;
  --m-metal: 59, 70, 50;
  --m-mark: rgba(83, 107, 86, .9);
  --m-groove: rgba(16, 30, 18, .13);
  --m-block: linear-gradient(180deg, #E5F0DF, #CBD9C4);
  --m-floor: 244, 255, 238; --m-floor-a: .55;
  --m-wall: 16, 30, 18; --m-wall-a: .18;
  --m-wall-lit: 241, 252, 235; --m-wall-lit-a: .65;
  --m-sheen: 236, 255, 224; --m-sheen-a: .42;
  --m-glint: 184, 212, 156;
  --m-trench-shade: rgba(17, 28, 19, .2); --m-trench-lit: rgba(241, 252, 235, .86);
}
html[data-theme="light"][data-material="herbaline-irish-plum"] body {
  background: #BDCBB8;
  --raise: #CBD9C4; --glass: rgba(255, 255, 255, .5); --glass-2: rgba(255, 255, 255, .78);
  --line: rgba(16, 30, 18, .11); --line-2: rgba(16, 30, 18, .19);
  --text: #111C13; --text-2: #2F4232; --dim: #536B56; --moon: #3B4632;
}
/* the flacon: a pool of the elixir's light placed by the light (the chamber's floor), and a dark edge to the glass */
html[data-theme="light"][data-material="herbaline-irish-plum"] .chamber .floor { background: radial-gradient(closest-side, rgba(244, 255, 238, .72), rgba(198, 226, 184, .34) 40%, rgba(198, 226, 184, 0)); }
html[data-theme="light"][data-material="herbaline-irish-plum"] .chat::after { background: linear-gradient(180deg, rgba(189, 203, 184, 0), rgba(189, 203, 184, .86) 52%, rgba(189, 203, 184, .96)); }
html[data-theme="light"][data-material="herbaline-irish-plum"] .chat .top,
html[data-theme="light"][data-material="herbaline-irish-plum"] .bar.sticky::before,
html[data-theme="light"][data-material="herbaline-irish-plum"] .desk-top::before { background: rgba(189, 203, 184, .9); }
html[data-theme="light"][data-material="herbaline-irish-plum"] .wcard { background: radial-gradient(80% 60% at 0% 0%, rgba(var(--w-glow), .1), rgba(var(--w-glow), .03) 45%, transparent 68%), linear-gradient(calc(var(--light-deg) + 18deg), rgba(246, 255, 242, .88) 0%, rgba(203, 217, 196, .96) 38%, rgba(176, 198, 168, .96) 72%, rgba(236, 248, 230, .9) 100%); }
html[data-theme="light"][data-material="herbaline-irish-plum"] .tile { background: linear-gradient(calc(var(--light-deg) + 18deg), #F0F8EC, #CBD9C4 60%, #BFCFB8); }
html[data-theme="light"][data-material="herbaline-irish-plum"] .tile.hero { background: linear-gradient(calc(var(--light-deg) + 18deg), #E5F0DF, #C3D2BC 70%, #B2C4AC); }
html[data-theme="light"][data-material="herbaline-irish-plum"] .sheet { background: linear-gradient(170deg, #E5F0DF, #CBD9C4 60%, #BFCFB8); }
html[data-theme="light"][data-material="herbaline-irish-plum"] .sheet.music { background: linear-gradient(168deg, #E5F0DF 0%, #CBD9C4 55%, #B2C4AC 100%); }
html[data-theme="light"][data-material="herbaline-irish-plum"] .composer::after { background: linear-gradient(180deg, rgba(229, 240, 223, .96) 0%, rgba(203, 217, 196, .96) 55%, rgba(178, 196, 172, .96) 100%); }
html[data-theme="light"][data-material="herbaline-irish-plum"] .wstat { background: rgba(16, 30, 18, .07); }
html[data-theme="light"][data-material="herbaline-irish-plum"] .chamber::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .45; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='vl'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.011' numOctaves='3' seed='6' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.30 0 0 0 0 0.16 0 0 0 0.10 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23vl)'/%3E%3C/svg%3E"); background-size: 320px 320px; }

/* ---------------------------------------------------------------- the greeting and her name in the paper's own metal (v71)
   The copper lettering was one colour on every paper; it is cut from each paper's pigment and metal now, so the home
   screen is one palette: water, rim, lettering, send, pores, hairline. */
html:not(#x) { --copper: linear-gradient(100deg, rgb(var(--m-metal)) 0%, color-mix(in srgb, rgb(var(--m-pigment)) 45%, #fff) 20%, rgb(var(--m-pigment)) 38%, color-mix(in srgb, rgb(var(--m-pigment)) 22%, #fff) 52%, color-mix(in srgb, rgb(var(--m-pigment)) 78%, #000) 68%, color-mix(in srgb, rgb(var(--m-pigment)) 50%, #fff) 84%, rgb(var(--m-metal)) 100%); }
/* by day the lettering is deep in the paper's pigment with one catch of light, so it carries contrast on pale paper */
html[data-theme="light"]:not(#x) { --copper: linear-gradient(100deg, rgb(var(--m-metal)) 0%, rgb(var(--m-pigment)) 18%, color-mix(in srgb, rgb(var(--m-pigment)) 70%, #000) 36%, color-mix(in srgb, rgb(var(--m-pigment)) 62%, #fff) 50%, color-mix(in srgb, rgb(var(--m-pigment)) 72%, #000) 64%, rgb(var(--m-pigment)) 82%, rgb(var(--m-metal)) 100%); }

/* ---------------------------------------------------------------- a warrior's page on the room's paper (v77)
   The warrior pages wear the same paper as Oriel's: their dark (--void, --deep) is the paper's air and wafer, their
   top and their bar are cut from it, and the send is the paper's pigment. The warrior's own colour washes over it. */
html[data-material][data-warrior] body { --void: var(--air); --deep: var(--m-surface); }
html[data-material][data-warrior] .top::before { background: linear-gradient(180deg, color-mix(in srgb, var(--air) 96%, transparent), color-mix(in srgb, var(--air) 84%, transparent)); }
html[data-material][data-warrior] .bar::after { background: linear-gradient(180deg, var(--m-surface-hi), var(--m-surface)); box-shadow: inset 0 0 0 1px var(--line), inset 0 1px 0 var(--m-rim-light), 0 18px 50px rgba(var(--m-shadow), var(--m-shadow-a)); }
html[data-material][data-warrior] .orb.go { color: var(--m-surface-hi); background: linear-gradient(145deg, rgb(var(--m-pigment)), rgb(var(--m-metal))); }
html[data-material][data-warrior] .stage { background: var(--air); }