@property --card-padding{syntax: "<length>"; initial-value: 3mm; inherits: true;}@property --page-margin{syntax: "<length>"; initial-value: 4mm; inherits: true;}@property --content-gap{syntax: "<length>"; initial-value: 2mm; inherits: true;}@property --page-gap{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --content-bg{syntax: "<color>"; initial-value: white; inherits: true;}@property --content-text{syntax: "<color>"; initial-value: black; inherits: true;}@property --content-opacity{syntax: "<number>"; initial-value: 1; inherits: true;}@property --border-color{syntax: "<color>"; initial-value: #ddd; inherits: true;}:root{--card-padding: 3mm;--page-margin: 4mm;--content-gap: 2mm;--page-gap: 32px;--content-bg: white;--content-text: black;--content-opacity: 1;--border-color: #ddd;--base-font-size: 14px;--title-font-size: 22px;--role-font-size: 16px;--desc-font-size: 14px;--trait-font-size: 14px;--ui-font-size: 14px;--body-line-height: 1.2;--card-width: 63.5mm;--card-height: 88.9mm;--card-aspect: calc(var(--card-height) / var(--card-width));--page-bg: white;--page-shadow: 0 0 10px rgba(0,0,0,.1);--ui-bg: white;--ui-border: #e0e0e0;--ui-hover-bg: #f5f5f5;--ui-active-bg: #e0e0e0;--ui-text: #333;--ui-muted: #666;--ui-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-font-size: .9rem;--ui-title-size: 1.2rem;--theme-title-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--theme-body-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--theme-title-weight: 700;--theme-body-weight: 400;--role-font-family: var(--theme-body-font);--ui-spacing: .75rem;--button-bg: white;--button-text: #333;--button-border: #e0e0e0;--button-hover-bg: #f5f5f5;--button-active-bg: #e0e0e0;--button-primary-bg: #1976d2;--button-primary-text: white;--button-primary-hover: #1565c0;--toast-bg: white;--toast-text: #333;--toast-success: #4caf50;--toast-error: #f44336;--toast-info: #2196f3;--toast-warning: #ff9800;--dialog-bg: white;--dialog-border: #e0e0e0;--dialog-shadow: 0 4px 6px rgba(0,0,0,.1);--dialog-overlay: rgba(0,0,0,.5)}:root[data-theme=artNouveau]{--content-bg: #F8F4E9;--content-text: #2C2C2C;--border-color: #2C5530}:root[data-theme=bauhaus]{--content-bg: #FFFFFF;--content-text: #000000;--border-color: #1E56B8}:root[data-theme=medieval]{--content-bg: #F4E4BC;--content-text: #2C1810;--border-color: #8B0000}:root[data-theme=elfin]{--content-bg: #F5F9F2;--content-text: #2C3E50;--border-color: #4B6B55}:root[data-theme=cyberpunk]{--content-bg: #0D0221;--content-text: #FFFFFF;--content-opacity: .8;--border-color: #FF0055}:root[data-theme=corporate]{--content-bg: #FFFFFF;--content-text: #212121;--border-color: #1A237E}:root[data-theme=tradingCard]{--content-bg: #F5F5F5;--content-text: #212121;--border-color: #1B5E20}:root[data-theme=vintage]{--content-bg: #FFFDE7;--content-text: #212121;--border-color: #F57C00}@property --theme-primary{syntax: "<color>"; initial-value: #000000; inherits: true;}@property --theme-secondary{syntax: "<color>"; initial-value: #333333; inherits: true;}@property --theme-accent{syntax: "<color>"; initial-value: #666666; inherits: true;}@property --theme-background{syntax: "<color>"; initial-value: transparent; inherits: true;}@property --theme-text{syntax: "<color>"; initial-value: #000000; inherits: true;}@property --body-line-height{syntax: "<number>"; initial-value: 1.2; inherits: true;}@property --theme-title-font{syntax: "*"; initial-value: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; inherits: true;}@property --theme-body-font{syntax: "*"; initial-value: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; inherits: true;}@property --theme-title-weight{syntax: "<number>"; initial-value: 700; inherits: true;}@property --theme-body-weight{syntax: "<number>"; initial-value: 400; inherits: true;}@property --title-font-size{syntax: "<length-percentage>"; initial-value: 22px; inherits: true;}@property --role-font-size{syntax: "<length-percentage>"; initial-value: 16px; inherits: true;}@property --desc-font-size{syntax: "<length-percentage>"; initial-value: 14px; inherits: true;}@property --trait-font-size{syntax: "<length-percentage>"; initial-value: 14px; inherits: true;}@property --base-font-size{syntax: "<length-percentage>"; initial-value: 14px; inherits: true;}@property --frame-style{syntax: "solid | double | dashed | dotted | none"; initial-value: solid; inherits: true;}@property --frame-width{syntax: "<length>"; initial-value: 1px; inherits: true;}@property --frame-opacity{syntax: "<number>"; initial-value: 1; inherits: true;}@property --divider-style{syntax: "solid | double | dashed | dotted | none"; initial-value: solid; inherits: true;}@property --divider-width{syntax: "<length>"; initial-value: 1px; inherits: true;}@property --divider-opacity{syntax: "<number>"; initial-value: .5; inherits: true;}@property --title-text-align{syntax: "left | center | right"; initial-value: center; inherits: true;}@property --role-text-align{syntax: "left | center | right"; initial-value: center; inherits: true;}@property --desc-text-align{syntax: "left | center | right"; initial-value: left; inherits: true;}@property --show-corner-flourish{syntax: "<integer>"; initial-value: 1; inherits: true;}@property --show-dividers{syntax: "<integer>"; initial-value: 1; inherits: true;}@property --show-frame{syntax: "<integer>"; initial-value: 1; inherits: true;}@property --show-texture{syntax: "<integer>"; initial-value: 0; inherits: true;}@property --flourish-color{syntax: "<color>"; initial-value: #000000; inherits: true;}@property --flourish-opacity{syntax: "<number>"; initial-value: .8; inherits: true;}@property --flourish-aspect{syntax: "<number>"; initial-value: 1; inherits: true;}@property --portrait-flourish-opacity{syntax: "<number>"; initial-value: .6; inherits: true;}@property --portrait-flourish-aspect{syntax: "<number>"; initial-value: 1; inherits: true;}@property --content-flourish-opacity{syntax: "<number>"; initial-value: .2; inherits: true;}@property --content-flourish-aspect{syntax: "<number>"; initial-value: 1; inherits: true;}@property --content-box-radius{syntax: "<length>"; initial-value: 2px; inherits: true;}@property --content-box-border-width{syntax: "<length>"; initial-value: 0px; inherits: true;}@property --content-box-shadow{syntax: "*"; initial-value: none; inherits: true;}@property --role-font-family{syntax: "*"; initial-value: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; inherits: true;}@property --theme-text-faded{syntax: "<color>"; initial-value: #666666; inherits: true;}@property --content-box-bg{syntax: "<color>"; initial-value: #ffffff; inherits: true;}@property --flourish-content-opacity{syntax: "<number>"; initial-value: .8; inherits: true;}@property --flourish-content-size{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --flourish-content-top-left-opacity{syntax: "<number>"; initial-value: .8; inherits: true;}@property --flourish-content-top-right-opacity{syntax: "<number>"; initial-value: .8; inherits: true;}@property --flourish-content-bottom-left-opacity{syntax: "<number>"; initial-value: .8; inherits: true;}@property --flourish-content-bottom-right-opacity{syntax: "<number>"; initial-value: .8; inherits: true;}@property --flourish-content-top-left-size{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --flourish-content-top-right-size{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --flourish-content-bottom-left-size{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --flourish-content-bottom-right-size{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --flourish-portrait-opacity{syntax: "<number>"; initial-value: .8; inherits: true;}@property --flourish-portrait-size{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --flourish-portrait-top-left-opacity{syntax: "<number>"; initial-value: .8; inherits: true;}@property --flourish-portrait-top-right-opacity{syntax: "<number>"; initial-value: .8; inherits: true;}@property --flourish-portrait-bottom-left-opacity{syntax: "<number>"; initial-value: .8; inherits: true;}@property --flourish-portrait-bottom-right-opacity{syntax: "<number>"; initial-value: .8; inherits: true;}@property --flourish-portrait-top-left-size{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --flourish-portrait-top-right-size{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --flourish-portrait-bottom-left-size{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --flourish-portrait-bottom-right-size{syntax: "<length>"; initial-value: 32px; inherits: true;}[data-theme=classic]{--theme-primary: #000000;--theme-secondary: #333333;--theme-accent: #666666;--theme-text: #000000;--theme-background: white;--theme-text-faded: #666666;--theme-title-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--theme-body-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--theme-title-weight: 700;--theme-body-weight: 400;--title-text-align: center;--role-text-align: center;--desc-text-align: left;--show-corner-flourish: 1;--show-dividers: 1;--show-frame: 1;--show-texture: 0;--frame-style: solid;--frame-width: 1px;--frame-opacity: .8;--divider-style: solid;--divider-width: 1px;--divider-opacity: .4;--flourish-color: currentColor;--flourish-opacity: .4;--flourish-size: 1.25rem;--flourish-aspect: 1;--portrait-flourish-size: min(25%, 3rem);--portrait-flourish-opacity: .3;--portrait-flourish-aspect: 1;--content-flourish-size: 1rem;--content-flourish-opacity: .2;--content-flourish-aspect: 1;--flourish-content-top-left-opacity: var(--content-flourish-opacity);--flourish-content-top-right-opacity: var(--content-flourish-opacity);--flourish-content-bottom-left-opacity: var(--content-flourish-opacity);--flourish-content-bottom-right-opacity: var(--content-flourish-opacity);--flourish-portrait-top-left-opacity: var(--portrait-flourish-opacity);--flourish-portrait-top-right-opacity: var(--portrait-flourish-opacity);--flourish-portrait-bottom-left-opacity: var(--portrait-flourish-opacity);--flourish-portrait-bottom-right-opacity: var(--portrait-flourish-opacity);--content-box-radius: 2mm;--content-box-border-width: 1px;--content-box-shadow: none;--content-box-bg: white;--title-font-size: 32px;--role-font-size: 22px;--trait-font-size: 18px;--base-font-size: 16px}[data-theme=classic] .traits{opacity:var(--divider-opacity)}[data-theme=scriptorum]{--theme-primary: #8B4513;--theme-secondary: #2F4F4F;--theme-accent: #8B0000;--theme-text: #4A4A4A;--theme-background: white;--theme-text-faded: #594D47;--theme-title-font: "UnifrakturMaguntia", cursive;--theme-body-font: "Eagle Lake", cursive;--theme-title-weight: 400;--theme-body-weight: 400;--role-font-family: var(--theme-body-font);--title-font-size: 3cqw;--title-line-height: 1;--role-font-size: 2cqw;--desc-font-size: 1.8cqw;--trait-font-size: 1.5cqw;--base-font-size: 16px;--body-line-height: 1.1;--title-text-align: left;--role-text-align: left;--desc-text-align: left;--show-corner-flourish: 1;--show-dividers: 1;--show-frame: 1;--show-texture: 0;--frame-style: double;--frame-width: 1px;--frame-opacity: .6;--divider-style: solid;--divider-width: 1px;--divider-opacity: .4;--flourish-color: var(--theme-primary);--flourish-opacity: .6;--flourish-size: 2.5rem;--flourish-aspect: 1;--portrait-flourish-size: min(35%, 5rem);--portrait-flourish-opacity: .4;--portrait-flourish-aspect: 1;--content-flourish-size: 2rem;--content-flourish-opacity: .3;--content-flourish-aspect: 1;--flourish-content-top-left-opacity: 0;--flourish-content-top-right-opacity: var(--content-flourish-opacity);--flourish-content-bottom-left-opacity: var(--content-flourish-opacity);--flourish-content-bottom-right-opacity: var(--content-flourish-opacity);--flourish-portrait-top-left-opacity: var(--portrait-flourish-opacity);--flourish-portrait-top-right-opacity: var(--portrait-flourish-opacity);--flourish-portrait-bottom-left-opacity: var(--portrait-flourish-opacity);--flourish-portrait-bottom-right-opacity: var(--portrait-flourish-opacity);--content-box-radius: 0;--content-box-border-width: 1px;--content-box-shadow: none;--content-box-bg: white}@media print{[data-theme=scriptorum]{--theme-primary: #663300;--theme-secondary: #333333;--theme-accent: #660000}}[data-theme=scriptorum] .content-box{border:var(--content-box-border-width) solid var(--theme-secondary)}[data-theme=scriptorum] .content.back{--corner-flourish-size: 3rem;--corner-flourish-opacity: .6;--corner-flourish-svg: url(../../../flourishes/manuscript-corner.svg)}[data-theme=scriptorum] .content .title{max-width:100%}[data-theme=scriptorum] .content .role{max-width:100%;line-height:.8;margin:0 auto}[data-theme=scriptorum] .title.front:first-letter{font-size:200%;float:left;margin:-3px 1px 0 0;font-family:var(--theme-title-font);color:var(--theme-primary);line-height:.8;padding-top:1mm}[data-theme=scriptorum] .desc:first-letter{font-size:200%;float:left;margin:6px 4px 0 0;font-family:var(--theme-body-font);color:var(--theme-primary);line-height:.8}[data-theme=scriptorum] .content .role{line-height:.8;margin:0 auto}@container (width > 300px){[data-theme=scriptorum] .content .title{font-size:clamp(var(--base-font-size),var(--title-font-size),28px)}}[data-theme=cordial]{--theme-primary: #7D98A1;--theme-secondary: #2F4F4F;--theme-accent: #C0D8D8;--theme-text: #2C3E50;--theme-background: white;--theme-text-faded: #5C6E80;--theme-title-font: "Ballet", cursive;--theme-body-font: "Tangerine", cursive;--theme-title-weight: 400;--theme-body-weight: 700;--role-font-family: var(--theme-title-font);--title-font-size: 32px;--role-font-size: 26px;--trait-font-size: 22px;--base-font-size: 21px;--title-line-height: .9;--role-line-height: .8;--body-line-height: 1.2;--title-text-align: center;--role-text-align: center;--desc-text-align: left;--frame-style: solid;--frame-width: 1px;--frame-opacity: .6;--divider-style: solid;--divider-width: 1px;--divider-opacity: .4;--content-box-bg: white;--content-box-radius: 2px;--content-box-border-width: 1px;--content-box-shadow: none;--flourish-color: var(--theme-primary);--flourish-opacity: 0;--flourish-size: 3rem;--flourish-aspect: 1;--portrait-flourish-size: min(40%, 6rem);--portrait-flourish-opacity: var(--flourish-opacity);--portrait-flourish-aspect: 1;--content-flourish-size: 2.5rem;--content-flourish-opacity: var(--flourish-opacity);--content-flourish-aspect: 1;--flourish-content-top-left-opacity: var(--content-flourish-opacity);--flourish-content-top-right-opacity: var(--content-flourish-opacity);--flourish-content-bottom-left-opacity: var(--content-flourish-opacity);--flourish-content-bottom-right-opacity: var(--content-flourish-opacity);--flourish-portrait-top-left-opacity: var(--portrait-flourish-opacity);--flourish-portrait-top-right-opacity: var(--portrait-flourish-opacity);--flourish-portrait-bottom-left-opacity: var(--portrait-flourish-opacity);--flourish-portrait-bottom-right-opacity: var(--portrait-flourish-opacity);--show-corner-flourish: 1;--show-dividers: 1;--show-frame: 1;--show-texture: 0}[data-theme=cordial] .traits{opacity:unset}[data-theme=cyberdeck]{--theme-primary: #00b341;--theme-secondary: #1a1a1a;--theme-accent: #0098b8;--theme-text: #1a1a1a;--theme-background: white;--theme-text-faded: #4d4d4d;--theme-title-font: Orbitron, sans-serif;--theme-body-font: "Share Tech Mono", monospace;--theme-title-weight: 700;--theme-body-weight: 400;--role-font-family: var(--theme-title-font);--title-text-align: right;--role-text-align: right;--desc-text-align: left;--show-corner-flourish: 1;--show-dividers: 1;--show-frame: 1;--show-texture: 0;--frame-style: solid;--frame-width: 1px;--frame-opacity: .8;--divider-style: solid;--divider-width: 1px;--divider-opacity: .4;--flourish-color: var(--theme-primary);--flourish-opacity: .6;--flourish-size: 2.5rem;--flourish-aspect: 1;--portrait-flourish-size: min(35%, 5rem);--portrait-flourish-opacity: .4;--portrait-flourish-aspect: 1;--content-flourish-size: 2rem;--content-flourish-opacity: .3;--content-flourish-aspect: 1;--flourish-content-top-left-opacity: var(--content-flourish-opacity);--flourish-content-top-right-opacity: var(--content-flourish-opacity);--flourish-content-bottom-left-opacity: var(--content-flourish-opacity);--flourish-content-bottom-right-opacity: var(--content-flourish-opacity);--flourish-portrait-top-left-opacity: var(--portrait-flourish-opacity);--flourish-portrait-top-right-opacity: var(--portrait-flourish-opacity);--flourish-portrait-bottom-left-opacity: var(--portrait-flourish-opacity);--flourish-portrait-bottom-right-opacity: var(--portrait-flourish-opacity);--content-box-radius: 0;--content-box-border-width: 1px;--content-box-shadow: none;--content-box-bg: white;--title-font-size: 29px;--role-font-size: 19px;--trait-font-size: 16px;--base-font-size: 16px}[data-theme=cyberdeck] .content h2.title,[data-theme=cyberdeck] .content .role{max-width:100%}@property --page-padding{syntax: "<length>"; initial-value: 10mm; inherits: false;}@property --color{syntax: "<color>"; initial-value: #1a1a1a; inherits: true;}@property --accent{syntax: "<color>"; initial-value: #4a5568; inherits: true;}:root{--font-size: 5cqw;--font-title: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.action-button{padding:.5rem 1rem;font-size:var(--ui-font-size);border:1px solid var(--button-border);border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;min-height:36px;white-space:nowrap;transition:all .2s ease;background:var(--button-bg);color:var(--button-text)}.action-button:hover{background:var(--button-hover-bg)}.action-button:active{background:var(--button-active-bg)}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.info{background:var(--toast-info);border-color:var(--toast-info);color:#fff}.action-button.info:hover{opacity:.9}.deck-dialog{border:none;border-radius:8px;padding:0;background:var(--ui-bg);color:var(--ui-text);box-shadow:var(--page-shadow);max-width:90vw;max-height:90vh}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--content-gap);border-bottom:1px solid var(--ui-border)}.dialog-header h2{margin:0;font-size:var(--ui-title-size);font-family:var(--ui-font-family);color:var(--ui-text)}.close-button{border:none;background:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--ui-text)}.close-button:hover{background:var(--ui-hover-bg)}.dialog-content{padding:var(--content-gap);overflow-y:auto;max-height:calc(90vh - 4rem)}.message{text-align:center;padding:2rem;font-size:var(--role-font-size);color:var(--ui-muted)}.message.error{color:var(--toast-error)}.toast-container{position:fixed;top:var(--content-gap);right:var(--content-gap);display:flex;flex-direction:column;gap:var(--content-gap);z-index:1000;pointer-events:none}.toast{padding:calc(var(--content-gap) * 1.5) var(--content-gap);border-radius:4px;box-shadow:var(--dialog-shadow);min-width:200px;max-width:400px;pointer-events:auto;cursor:pointer;font-size:var(--ui-font-size);background:var(--toast-bg);color:var(--toast-text);border:none;opacity:.95;transition:opacity .2s;text-align:left}.toast:hover{opacity:1}.toast.success{background:var(--toast-success);color:#fff;border:none}.toast.info{background:var(--toast-info);color:#fff;border:none}.toast.warning{background:var(--toast-warning);color:#fff;border:none}.toast.error{background:var(--toast-error);color:#fff;border:none}.toast-content{display:flex;align-items:center;gap:var(--content-gap)}@media print{.toast-container{display:none}}.dialog-overlay{position:fixed;inset:0;background:#00000080;z-index:100}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--ui-bg);padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:101;min-width:300px}.dialog-buttons{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.dialog-buttons button{padding:.4rem .75rem;border:1px solid var(--button-border);border-radius:4px;background:var(--button-bg);color:var(--button-text);font-size:var(--ui-font-size);font-family:var(--ui-font-family);cursor:pointer;transition:all .2s}.dialog-buttons button:hover{background:var(--button-hover-bg)}.dialog-buttons button:disabled{opacity:.5;cursor:not-allowed}.dialog-buttons button.primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-bg)}.dialog-buttons button.primary:hover{background:var(--button-primary-hover);border-color:var(--button-primary-hover)}.dialog-buttons button.secondary{background:var(--button-bg);color:var(--button-text);border-color:var(--button-border)}.dialog-buttons button.danger{color:var(--toast-error);border-color:var(--toast-error)}.dialog-buttons button.danger:hover{background:var(--toast-error);color:#fff}.overlay-button{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:none;cursor:pointer;padding:0}.theme-dialog{width:90vw;max-width:1200px;max-height:90vh;overflow-y:auto}.copy-dialog{max-width:600px;max-height:80vh;overflow-y:auto}button.small{padding:.3rem .6rem;font-size:calc(var(--ui-font-size) * .9)}fieldset{border:1px solid var(--ui-border);border-radius:4px;padding:var(--content-gap);margin:0;background:var(--ui-bg)}legend{font-size:var(--ui-font-size);font-family:var(--ui-font-family);color:var(--ui-muted);padding:0 var(--content-gap);background:var(--ui-bg)}select,input[type=text],input[type=url],input[type=file],textarea{padding:calc(var(--content-gap) * .75);border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-bg);color:var(--ui-text);font-size:var(--ui-font-size);font-family:var(--ui-font-family);transition:border-color .2s,box-shadow .2s}select{cursor:pointer}select:hover,input:hover{border-color:var(--button-primary-bg)}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--button-primary-bg);box-shadow:0 0 0 2px #1976d21a}.status{display:block;padding:calc(var(--content-gap) * .75);color:var(--ui-muted);font-size:var(--ui-font-size);font-family:var(--ui-font-family)}.status.error{color:var(--toast-error)}.icon-button{padding:.25rem .5rem;border:none;background:none;cursor:pointer;font-size:var(--ui-font-size);font-family:var(--ui-font-family);color:var(--ui-text);opacity:.7;transition:opacity .2s}.icon-button:hover{opacity:1}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:var(--theme-body-font);background:var(--ui-bg);color:var(--ui-text)}