:root,.theme-mccallister,[data-theme=mccallister]{--bg-primary: #a8a8a8;--bg-secondary: #b8b8b8;--bg-tertiary: #c8c8c8;--text-primary: #1a1a1a;--text-secondary: #3a3a3a;--text-muted: #5a5a5a;--accent: #cc0000;--accent-hover: #ff1a1a;--accent-glow: rgba(204, 0, 0, .4);--accent-soft: rgba(204, 0, 0, .15);--accent-secondary: #00802b;--robot-body: #d0d0d0;--robot-shadow: #909090;--robot-highlight: #e8e8e8;--screen-idle: #00802b;--screen-happy: #ffd54f;--screen-error: #cc0000;--screen-listening: #0066cc;--screen-thinking: #6a4c93;--border-subtle: rgba(0, 0, 0, .1);--border-light: rgba(0, 0, 0, .15);--shadow-soft: 0 4px 0 rgba(0, 0, 0, .3);--shadow-raised: 0 4px 0 #707070, 0 6px 12px rgba(0, 0, 0, .3);--header-bg: linear-gradient(180deg, #c8c8c8 0%, #b0b0b0 50%, #a0a0a0 100%);--header-border: #707070;--header-text: #1a1a1a;--btn-bg: linear-gradient(180deg, #4a4a4a 0%, #3a3a3a 100%);--btn-hover: linear-gradient(180deg, #5a5a5a 0%, #4a4a4a 100%);--btn-border: #2a2a2a;--btn-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 3px 0 #1a1a1a;--input-bg: #2a2a2a;--input-border: #1a1a1a;--modal-bg: #b8b8b8;--font-family: "Arial Black", "Helvetica Neue", Impact, sans-serif;--font-weight-normal: 700;--font-weight-bold: 900;--title-font: Impact, "Arial Black", sans-serif;--title-style: italic;--title-transform: uppercase;--letter-spacing: .05em}.theme-imessage,[data-theme=imessage]{--bg-primary: #ffffff;--bg-secondary: #f2f2f7;--bg-tertiary: #e5e5ea;--text-primary: #000000;--text-secondary: #3c3c43;--text-muted: #8e8e93;--accent: #007aff;--accent-hover: #0056b3;--accent-glow: rgba(0, 122, 255, .2);--accent-soft: rgba(0, 122, 255, .1);--accent-secondary: #34c759;--robot-body: #f2f2f7;--robot-shadow: #d1d1d6;--robot-highlight: #ffffff;--screen-idle: #007aff;--screen-happy: #ff9f0a;--screen-error: #ff3b30;--screen-listening: #5ac8fa;--screen-thinking: #af52de;--border-subtle: rgba(60, 60, 67, .06);--border-light: rgba(60, 60, 67, .12);--shadow-soft: 0 1px 3px rgba(0, 0, 0, .08);--shadow-raised: 0 1px 3px rgba(0, 0, 0, .08);--header-bg: rgba(249, 249, 249, .94);--header-border: rgba(60, 60, 67, .18);--header-text: #000000;--btn-bg: #ffffff;--btn-hover: #f2f2f7;--btn-border: rgba(60, 60, 67, .12);--btn-shadow: 0 1px 2px rgba(0, 0, 0, .06);--input-bg: #ffffff;--input-border: rgba(60, 60, 67, .18);--modal-bg: #ffffff;--font-family: -apple-system, "SF Pro Text", BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-weight-normal: 400;--font-weight-bold: 600;--title-font: -apple-system, "SF Pro Display", BlinkMacSystemFont, "Helvetica Neue", sans-serif;--title-style: normal;--title-transform: none;--letter-spacing: -.01em}.theme-aol,[data-theme=aol]{--bg-primary: #c0c0c0;--bg-secondary: #d4d0c8;--bg-tertiary: #808080;--text-primary: #000000;--text-secondary: #000080;--text-muted: #808080;--accent: #003399;--accent-hover: #0044cc;--accent-glow: rgba(0, 51, 153, .3);--accent-soft: rgba(0, 51, 153, .1);--accent-secondary: #ffcc00;--robot-body: #c0c0c0;--robot-shadow: #808080;--robot-highlight: #ffffff;--screen-idle: #003399;--screen-happy: #ffcc00;--screen-error: #ff0000;--screen-listening: #00cc00;--screen-thinking: #003399;--border-subtle: #808080;--border-light: #dfdfdf;--shadow-soft: inset -1px -1px 0 #808080, inset 1px 1px 0 #ffffff;--shadow-raised: inset -1px -1px 0 #808080, inset 1px 1px 0 #ffffff;--header-bg: linear-gradient(180deg, #000080, #1084d0);--header-border: #808080;--header-text: #ffffff;--btn-bg: #c0c0c0;--btn-hover: #d4d0c8;--btn-border: #808080;--btn-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #ffffff;--input-bg: #ffffff;--input-border: #808080;--modal-bg: #c0c0c0;--font-family: "MS Sans Serif", "Microsoft Sans Serif", Tahoma, Arial, sans-serif;--font-weight-normal: 400;--font-weight-bold: 700;--title-font: "MS Sans Serif", Tahoma, Arial, sans-serif;--title-style: normal;--title-transform: none;--letter-spacing: 0}.theme-classic-mac,[data-theme=classic-mac]{--bg-primary: #dddddd;--bg-secondary: #eeeeee;--bg-tertiary: #cccccc;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--accent: #3366cc;--accent-hover: #2255bb;--accent-glow: rgba(51, 102, 204, .3);--accent-soft: rgba(51, 102, 204, .1);--accent-secondary: #36c;--robot-body: #dddddd;--robot-shadow: #999999;--robot-highlight: #ffffff;--screen-idle: #3366cc;--screen-happy: #ff6600;--screen-error: #cc0000;--screen-listening: #009933;--screen-thinking: #6633cc;--border-subtle: #999999;--border-light: #bbbbbb;--shadow-soft: 1px 1px 0 #000000;--shadow-raised: 1px 1px 0 #000000;--header-bg: #dddddd;--header-border: #000000;--header-text: #000000;--btn-bg: #dddddd;--btn-hover: #eeeeee;--btn-border: #000000;--btn-shadow: 1px 1px 0 #000000;--input-bg: #ffffff;--input-border: #000000;--modal-bg: #dddddd;--font-family: "Geneva", "Lucida Grande", "Helvetica Neue", Helvetica, sans-serif;--font-weight-normal: 400;--font-weight-bold: 700;--title-font: "Chicago", "Charcoal", "Geneva", "Lucida Grande", sans-serif;--title-style: normal;--title-transform: none;--letter-spacing: 0}.theme-geocities,[data-theme=geocities]{--bg-primary: #000033;--bg-secondary: #000066;--bg-tertiary: #330066;--text-primary: #00ff00;--text-secondary: #ffff00;--text-muted: #999999;--accent: #ff00ff;--accent-hover: #ff66ff;--accent-glow: rgba(255, 0, 255, .4);--accent-soft: rgba(255, 0, 255, .15);--accent-secondary: #ffff00;--robot-body: #333366;--robot-shadow: #000033;--robot-highlight: #6666ff;--screen-idle: #000099;--screen-happy: #ffff00;--screen-error: #ff0000;--screen-listening: #00ff00;--screen-thinking: #ff00ff;--border-subtle: #6600cc;--border-light: #9933ff;--shadow-soft: 0 0 8px rgba(255, 0, 255, .3);--shadow-raised: 0 0 8px rgba(255, 0, 255, .3);--header-bg: linear-gradient(90deg, #ff0000, #ff6600, #ffff00, #00ff00, #0066ff, #9900ff);--header-border: #ff00ff;--header-text: #ffffff;--btn-bg: #333399;--btn-hover: #4444aa;--btn-border: #ff00ff;--btn-shadow: 0 0 6px rgba(255, 0, 255, .5);--input-bg: #000033;--input-border: #00ffff;--modal-bg: #000033;--font-family: "Comic Sans MS", "Comic Sans", cursive, sans-serif;--font-weight-normal: 400;--font-weight-bold: 700;--title-font: "Comic Sans MS", "Comic Sans", cursive, sans-serif;--title-style: normal;--title-transform: none;--letter-spacing: 0}.theme-apple-1984,[data-theme=apple-1984]{--bg-primary: #f5e6c8;--bg-secondary: #e8d5b0;--bg-tertiary: #dcc8a0;--text-primary: #2c1810;--text-secondary: #5a3a28;--text-muted: #8a6a52;--accent: #E03A3E;--accent-hover: #c42e32;--accent-glow: rgba(224, 58, 62, .25);--accent-soft: rgba(224, 58, 62, .1);--accent-secondary: #61BB46;--robot-body: #e8dcc8;--robot-shadow: #c4b49c;--robot-highlight: #f5eed8;--screen-idle: #61BB46;--screen-happy: #FDB827;--screen-error: #E03A3E;--screen-listening: #009DDC;--screen-thinking: #963D97;--border-subtle: rgba(44, 24, 16, .06);--border-light: rgba(44, 24, 16, .12);--shadow-soft: 0 2px 8px rgba(44, 24, 16, .1);--shadow-raised: 0 2px 8px rgba(44, 24, 16, .1);--header-bg: #f0dfc0;--header-border: #c4a882;--header-text: #2c1810;--btn-bg: #e8d5b0;--btn-hover: #dcc8a0;--btn-border: #c4a882;--btn-shadow: 0 1px 3px rgba(44, 24, 16, .1);--input-bg: #fff8ee;--input-border: #c4a882;--modal-bg: #f5e6c8;--font-family: "Futura", "Century Gothic", "Gill Sans", sans-serif;--font-weight-normal: 400;--font-weight-bold: 700;--title-font: "Futura", "Century Gothic", "Gill Sans", sans-serif;--title-style: normal;--title-transform: none;--letter-spacing: .02em}.page:before{content:"";position:fixed;pointer-events:none;z-index:9999;display:none}.theme-mccallister .page:before{display:block;top:0;left:0;right:0;height:4px;background:#c00}.theme-imessage .page:before{display:block;top:0;left:0;right:0;height:2px;background:#007aff}.theme-aol .page:before{display:block;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,navy,#1084d0)}.theme-classic-mac .page:before{display:block;top:0;right:0;bottom:0;left:0;border:1px solid #000000;box-shadow:inset 0 0 0 1px #fff}.theme-geocities .page:before{display:block;top:0;bottom:0;left:0;width:3px;background:#f0f;box-shadow:0 0 8px #ff00ff80}.theme-geocities .page:after{content:"";position:fixed;top:0;bottom:0;right:0;width:3px;background:#0ff;box-shadow:0 0 8px #00ffff80;pointer-events:none;z-index:9999}.theme-apple-1984 .page:before{display:block;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#61bb46,#61bb46 16.66%,#fdb827 16.66%,#fdb827 33.33%,#f5821f 33.33%,#f5821f 50%,#e03a3e 50%,#e03a3e 66.66%,#963d97 66.66%,#963d97 83.33%,#009ddc 83.33%,#009ddc)}.robot{display:flex;flex-direction:column;align-items:center;position:relative;animation:robot-float 4s ease-in-out infinite}@keyframes robot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.robot--large{--robot-size: 100px;--eye-size: 14px;--antenna-height: 16px}.robot--hero{--robot-size: 140px;--eye-size: 18px;--antenna-height: 20px}.robot__antenna{display:flex;flex-direction:column;align-items:center;z-index:2}.robot__antenna-stem{width:2px;height:var(--antenna-height);background:linear-gradient(180deg,var(--robot-shadow) 0%,var(--robot-body) 100%);border-radius:1px}.robot__antenna-tip{width:8px;height:8px;border-radius:50%;background:var(--screen-idle);box-shadow:0 0 6px color-mix(in srgb,var(--screen-idle) 60%,transparent);margin-bottom:-2px;transition:all .3s ease}.robot__body{width:var(--robot-size);height:var(--robot-size);border-radius:50%;background:linear-gradient(145deg,var(--robot-highlight) 0%,var(--robot-body) 60%,var(--robot-shadow) 100%);box-shadow:inset 0 -4px 8px #0000001a,inset 0 4px 8px #fff6,0 4px 12px #00000026,0 8px 24px #0000001a;border:2px solid var(--robot-shadow);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .3s ease;overflow:hidden}.robot__screen{width:60%;height:46%;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--screen-idle) 80%,black) 0%,var(--screen-idle) 50%,color-mix(in srgb,var(--screen-idle) 80%,white) 100%);box-shadow:inset 0 1px 4px #0000004d,0 0 8px color-mix(in srgb,var(--screen-idle) 30%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;transition:background .4s ease,box-shadow .4s ease;margin-top:-4%}.robot__eyes{display:flex;gap:calc(var(--eye-size) * .8);align-items:center}.robot__eye{width:var(--eye-size);height:var(--eye-size);border-radius:50%;background:#fff;box-shadow:0 0 3px #0000004d;transition:all .3s ease;position:relative}.robot__eye:after{content:"";position:absolute;top:25%;left:25%;width:40%;height:40%;background:#1a1a1a;border-radius:50%}.robot__mouth{width:calc(var(--eye-size) * 1.2);height:2px;background:#ffffff80;border-radius:2px;transition:all .3s ease}.robot__grille{display:flex;flex-direction:column;gap:2px;margin-top:4px}.robot__grille-line{width:calc(var(--robot-size) * .3);height:1.5px;background:color-mix(in srgb,var(--robot-shadow) 60%,transparent);border-radius:1px}.robot__led{position:absolute;bottom:12%;right:18%;width:4px;height:4px;border-radius:50%;background:var(--accent-secondary, #4CAF50);box-shadow:0 0 4px color-mix(in srgb,var(--accent-secondary, #4CAF50) 60%,transparent);transition:all .3s ease}.robot__base{width:calc(var(--robot-size) * .35);height:4px;background:linear-gradient(180deg,var(--robot-shadow) 0%,color-mix(in srgb,var(--robot-shadow) 70%,black) 100%);border-radius:0 0 4px 4px;box-shadow:0 2px 4px #0000001a;margin-top:-2px}.robot--idle .robot__eye{height:calc(var(--eye-size) * .7);border-radius:40%}.robot--idle .robot__antenna-tip{animation:idle-glow 3s ease-in-out infinite}@keyframes idle-glow{0%,to{opacity:.7}50%{opacity:1}}.robot--idle .robot__eyes{animation:blink 4s ease-in-out infinite}@keyframes blink{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.robot--listening .robot__eye{width:calc(var(--eye-size) * 1.15);height:calc(var(--eye-size) * 1.15)}.robot--listening .robot__screen{background:linear-gradient(180deg,color-mix(in srgb,var(--screen-listening) 80%,black) 0%,var(--screen-listening) 50%,color-mix(in srgb,var(--screen-listening) 80%,white) 100%);box-shadow:inset 0 1px 4px #0003,0 0 12px color-mix(in srgb,var(--screen-listening) 40%,transparent)}.robot--listening .robot__antenna-tip{background:var(--screen-listening);box-shadow:0 0 12px color-mix(in srgb,var(--screen-listening) 90%,transparent);animation:listening-antenna .8s ease-in-out infinite}@keyframes listening-antenna{0%,to{opacity:.7}50%{opacity:1}}.robot--listening .robot__body{box-shadow:inset 0 -4px 8px #0000001a,inset 0 4px 8px #fff6,0 4px 12px #00000026,0 0 20px color-mix(in srgb,var(--screen-listening) 20%,transparent)}.robot--listening .robot__led{background:var(--screen-listening);box-shadow:0 0 6px color-mix(in srgb,var(--screen-listening) 80%,transparent)}.robot--listening .robot__mouth{width:calc(var(--eye-size) * .8);height:calc(var(--eye-size) * .5);background:#fff6;border-radius:50%}.robot--listening{animation:robot-float 4s ease-in-out infinite,listening-pulse 1.5s ease-in-out infinite}@keyframes listening-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.03)}}.robot--thinking .robot__eye{height:2px;border-radius:2px;width:calc(var(--eye-size) * 1.1);background:#fff}.robot--thinking .robot__eye:after{display:none}.robot--thinking .robot__screen{background:linear-gradient(180deg,color-mix(in srgb,var(--screen-thinking) 80%,black) 0%,var(--screen-thinking) 50%,color-mix(in srgb,var(--screen-thinking) 80%,white) 100%);box-shadow:inset 0 1px 4px #0003,0 0 10px color-mix(in srgb,var(--screen-thinking) 40%,transparent)}.robot--thinking .robot__mouth{width:calc(var(--eye-size) * 1.5);height:3px;background:transparent;position:relative;display:flex;align-items:center;justify-content:center;gap:4px}.robot--thinking .robot__mouth:before{content:"...";position:absolute;font-size:14px;letter-spacing:3px;color:#0000004d;animation:thinking-dots 1.5s ease-in-out infinite}@keyframes thinking-dots{0%,to{opacity:.3}50%{opacity:1}}.robot--thinking .robot__antenna-tip{background:var(--screen-thinking);box-shadow:0 0 10px color-mix(in srgb,var(--screen-thinking) 80%,transparent);animation:thinking-antenna 1s ease-in-out infinite}@keyframes thinking-antenna{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.robot--thinking .robot__led{background:var(--screen-thinking);box-shadow:0 0 4px color-mix(in srgb,var(--screen-thinking) 60%,transparent);animation:thinking-led .6s ease-in-out infinite}@keyframes thinking-led{0%,to{opacity:1}50%{opacity:.3}}.robot--thinking{animation:robot-float 4s ease-in-out infinite,thinking-rock 2s ease-in-out infinite}@keyframes thinking-rock{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-2deg)}75%{transform:translateY(-4px) rotate(2deg)}}.robot--speaking .robot__eye{height:calc(var(--eye-size) * .65);border-radius:50% 50% 40% 40%}.robot--speaking .robot__screen{background:linear-gradient(180deg,color-mix(in srgb,var(--screen-idle) 80%,black) 0%,var(--screen-idle) 50%,color-mix(in srgb,var(--screen-idle) 80%,white) 100%);box-shadow:inset 0 1px 4px #0003,0 0 10px color-mix(in srgb,var(--screen-idle) 40%,transparent)}.robot--speaking .robot__mouth{width:calc(var(--eye-size) * 1);height:calc(var(--eye-size) * .5);background:#fff6;border-radius:0 0 50% 50%;animation:speaking-mouth .3s ease-in-out infinite alternate}@keyframes speaking-mouth{0%{height:calc(var(--eye-size) * .3);width:calc(var(--eye-size) * .8)}to{height:calc(var(--eye-size) * .6);width:calc(var(--eye-size) * 1.1)}}.robot--speaking{animation:robot-float 4s ease-in-out infinite,speaking-bounce .5s ease-in-out infinite alternate}@keyframes speaking-bounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(1.02)}}.robot--speaking .robot__led{background:var(--screen-idle);box-shadow:0 0 4px color-mix(in srgb,var(--screen-idle) 60%,transparent)}.robot--happy .robot__eye{height:calc(var(--eye-size) * .4);border-radius:50% 50% 0 0}.robot--happy .robot__eye:after{display:none}.robot--happy .robot__screen{background:linear-gradient(180deg,color-mix(in srgb,var(--screen-happy) 80%,black) 0%,var(--screen-happy) 50%,color-mix(in srgb,var(--screen-happy) 80%,white) 100%);box-shadow:inset 0 1px 4px #00000026,0 0 14px color-mix(in srgb,var(--screen-happy) 50%,transparent)}.robot--happy .robot__mouth{width:calc(var(--eye-size) * 1.3);height:calc(var(--eye-size) * .6);background:#fff6;border-radius:0 0 50% 50%}.robot--happy .robot__antenna-tip{background:var(--screen-happy);box-shadow:0 0 12px color-mix(in srgb,var(--screen-happy) 80%,transparent)}.robot--happy .robot__body{box-shadow:inset 0 -4px 8px #00000014,inset 0 4px 8px #fff6,0 4px 12px #00000026,0 0 24px color-mix(in srgb,var(--screen-happy) 30%,transparent)}.robot--happy .robot__led{background:var(--screen-happy);box-shadow:0 0 4px color-mix(in srgb,var(--screen-happy) 80%,transparent)}.robot--happy{animation:robot-float 4s ease-in-out infinite,happy-celebrate .6s ease-out}@keyframes happy-celebrate{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.12) rotate(-5deg)}40%{transform:scale(1.1) rotate(5deg)}60%{transform:scale(1.06) rotate(-3deg)}80%{transform:scale(1.03) rotate(1deg)}to{transform:scale(1) rotate(0)}}[data-theme=mccallister] .robot__body{border-radius:22%;background:linear-gradient(160deg,#e0e0e0,silver 40%,#a0a0a0);border:2px solid #707070;box-shadow:inset 0 -3px 6px #00000026,inset 0 3px 6px #ffffff80,0 4px #707070,0 6px 12px #0003}[data-theme=mccallister] .robot__screen{width:68%;height:68%;border-radius:50%;margin-top:0;overflow:hidden;border:1.5px solid #555555;background:linear-gradient(180deg,#3a3a3a,#2a2a2a,#1a1a1a);box-shadow:inset 0 2px 6px #00000080,0 0 4px #0003}[data-theme=mccallister] .robot__screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.4) 22%,transparent 25%);background-size:20% 20%;pointer-events:none;z-index:0}[data-theme=mccallister] .robot__eyes,[data-theme=mccallister] .robot__mouth{position:relative;z-index:1}[data-theme=mccallister] .robot__grille{display:none}[data-theme=mccallister] .robot__base{width:calc(var(--robot-size) * .45);border-radius:0 0 3px 3px;background:linear-gradient(180deg,#909090,#707070);box-shadow:0 2px #555}[data-theme=mccallister] .robot__antenna-stem{width:3px;background:linear-gradient(180deg,#555,#707070);border-radius:1px}[data-theme=mccallister] .robot__antenna-tip{background:#c00;box-shadow:0 0 6px #cc000080}[data-theme=mccallister] .robot--listening .robot__screen{background:linear-gradient(180deg,#c60,#b35500,#940);box-shadow:inset 0 2px 6px #0000004d,0 0 12px #c606}[data-theme=mccallister] .robot--speaking .robot__screen{background:linear-gradient(180deg,#e67300,#c60,#b35500);box-shadow:inset 0 2px 6px #0000004d,0 0 10px #e6730059}[data-theme=mccallister] .robot--thinking .robot__screen{background:linear-gradient(180deg,#4a4a5a,#3a3a4a,#2a2a3a);box-shadow:inset 0 2px 6px #0006,0 0 8px #64648c33}[data-theme=mccallister] .robot--happy .robot__screen{background:linear-gradient(180deg,#d4a020,#c49018,#a87810);box-shadow:inset 0 2px 6px #00000040,0 0 14px #d4a02066}[data-theme=classic-mac] .robot__body{border-radius:10%;background:linear-gradient(180deg,#f0ead8,#e6dcc8 40%,#d9cfb8);border:1.5px solid #999999;box-shadow:inset 0 1px #fff9,inset 0 -2px 4px #00000014,1px 1px #aaa,2px 2px #888;aspect-ratio:auto;height:calc(var(--robot-size) * 1.15)}[data-theme=classic-mac] .robot__screen{width:58%;height:48%;border-radius:6%;margin-top:-8%;background:linear-gradient(180deg,color-mix(in srgb,var(--screen-idle) 70%,black) 0%,var(--screen-idle) 50%,color-mix(in srgb,var(--screen-idle) 70%,white) 100%);border:2px solid #333333;box-shadow:inset 0 1px 6px #00000080,0 0 0 1px #666,0 0 0 3px #d0c8b4}[data-theme=classic-mac] .robot__grille{display:flex;flex-direction:column;gap:0;margin-top:6px;align-items:center}[data-theme=classic-mac] .robot__grille-line{display:none}[data-theme=classic-mac] .robot__grille-line:first-child{display:block;width:calc(var(--robot-size) * .28);height:3px;background:#888;border-radius:1px;box-shadow:inset 0 1px #666,0 1px #fff6}[data-theme=classic-mac] .robot__led{bottom:10%;left:18%;right:auto;width:5px;height:5px;border-radius:0;background:#4a4;box-shadow:0 0 3px #4a49}[data-theme=classic-mac] .robot__base{width:calc(var(--robot-size) * .65);height:5px;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#c8c0ac,#b8b0a0);border:1px solid #999999;border-top:none;box-shadow:1px 1px #888;margin-top:-1px}[data-theme=classic-mac] .robot__antenna-stem{width:0;height:0}[data-theme=classic-mac] .robot__antenna-tip{width:calc(var(--robot-size) * .18);height:4px;border-radius:2px;background:#c8c0ac;border:1px solid #999999;box-shadow:none;margin-bottom:-1px}[data-theme=geocities] .robot__body{border-radius:0;background:linear-gradient(180deg,#1a0033,#0d001a 60%,#000);border:2px solid #ff00ff;box-shadow:0 0 10px #f0f6,0 0 30px #ff00ff26,inset 0 0 15px #ff00ff1a;height:calc(var(--robot-size) * 1.05)}[data-theme=geocities] .robot__screen{width:70%;height:55%;border-radius:0;margin-top:-2%;border:2px solid #00ff00;box-shadow:inset 0 0 10px #0f03,0 0 6px #00ff004d;overflow:hidden}[data-theme=geocities] .robot__screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0px,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:2}[data-theme=geocities] .robot__eyes{position:relative;z-index:3}[data-theme=geocities] .robot__eye{border-radius:0;background:#fff;box-shadow:0 0 4px #fff6}[data-theme=geocities] .robot__eye:after{background:#000;border-radius:0}[data-theme=geocities] .robot__mouth{position:relative;z-index:3;border-radius:0;background:#fff9;box-shadow:0 0 3px #ffffff4d;height:2px}[data-theme=geocities] .robot__grille{margin-top:3px}[data-theme=geocities] .robot__grille-line{background:#f0f;border-radius:0;height:1px;opacity:.4;box-shadow:0 0 2px #ff00ff4d}[data-theme=geocities] .robot__led{border-radius:0;background:#0ff;box-shadow:0 0 6px #0ffc;animation:geocities-led 1s ease-in-out infinite}@keyframes geocities-led{0%,to{opacity:1;box-shadow:0 0 6px #0ffc}50%{opacity:.5;box-shadow:0 0 3px #0ff6}}[data-theme=geocities] .robot__base{width:calc(var(--robot-size) * .5);border-radius:0;background:linear-gradient(180deg,#1a0033,#0d001a);border:1px solid #ff00ff;box-shadow:0 0 6px #ff00ff4d;margin-top:-1px}[data-theme=geocities] .robot__antenna-stem{width:2px;background:#0ff;border-radius:0;box-shadow:0 0 4px #00ffff80}[data-theme=geocities] .robot__antenna-tip{border-radius:0;background:#f0f;box-shadow:0 0 8px #f0fc;width:6px;height:6px}[data-theme=aol] .robot__body{border-radius:0;background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #404040,2px 2px #000;height:calc(var(--robot-size) * 1.1);overflow:visible}[data-theme=aol] .robot__body:before{content:"";position:absolute;top:calc(var(--robot-size) * .03);left:calc(var(--robot-size) * .03);right:calc(var(--robot-size) * .03);height:calc(var(--robot-size) * .12);background:linear-gradient(90deg,navy,#1084d0);z-index:4}[data-theme=aol] .robot__screen{width:72%;height:48%;border-radius:0;margin-top:10%;border:2px solid;border-color:#808080 #ffffff #ffffff #808080;box-shadow:inset 1px 1px #404040;background:#fff}[data-theme=aol] .robot__eye{background:#fff;box-shadow:inset 0 0 0 1px silver}[data-theme=aol] .robot__eye:after{background:navy}[data-theme=aol] .robot__mouth{background:navy;border-radius:0 0 2px 2px}[data-theme=aol] .robot__grille{margin-top:3px;gap:0}[data-theme=aol] .robot__grille-line{height:1.5px;background:gray;border-radius:0}[data-theme=aol] .robot__grille-line:first-child{width:calc(var(--robot-size) * .35);background:gray;box-shadow:0 1px #fff}[data-theme=aol] .robot__led{border-radius:0;background:#fc0;box-shadow:none;width:5px;height:5px;bottom:8%;right:10%}[data-theme=aol] .robot__base{width:calc(var(--robot-size) * .55);border-radius:0;height:5px;background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:1px 1px #000;margin-top:-1px}[data-theme=aol] .robot__antenna-stem{width:2px;background:gray;border-radius:0;height:calc(var(--antenna-height) * .7)}[data-theme=aol] .robot__antenna-tip{border-radius:50%;background:#fc0;box-shadow:none;width:7px;height:7px}[data-theme=imessage] .robot__body{border-radius:42%;background:linear-gradient(160deg,#fff,#f5f5f7,#e8e8ed);border:none;box-shadow:0 0 20px #007aff26,0 0 40px #007aff14,0 2px 8px #00000014,inset 0 1px #ffffffe6}[data-theme=imessage] .robot__screen{width:56%;height:56%;border-radius:50%;margin-top:-2%;border:none;box-shadow:0 0 12px #007aff26;background:radial-gradient(circle at 35% 40%,rgba(88,86,214,.25) 0%,transparent 50%),radial-gradient(circle at 65% 60%,rgba(0,122,255,.25) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(52,199,89,.15) 0%,transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--screen-idle) 80%,black) 0%,var(--screen-idle) 50%,color-mix(in srgb,var(--screen-idle) 80%,white) 100%)}[data-theme=imessage] .robot__eye{background:#fff;box-shadow:0 0 2px #0000001a}[data-theme=imessage] .robot__eye:after{background:#1d1d1f}[data-theme=imessage] .robot__mouth{background:#fff9;border-radius:4px}[data-theme=imessage] .robot__grille{display:none}[data-theme=imessage] .robot__led{background:#007aff;box-shadow:0 0 4px #007aff66;width:3px;height:3px;border-radius:50%}[data-theme=imessage] .robot__base{width:calc(var(--robot-size) * .25);height:3px;border-radius:2px;background:linear-gradient(180deg,#d2d2d7,#c7c7cc);border:none;box-shadow:0 1px 2px #0000000f}[data-theme=imessage] .robot__antenna-stem{width:0;height:0}[data-theme=imessage] .robot__antenna-tip{width:6px;height:3px;border-radius:3px 3px 0 0;background:#d2d2d7;box-shadow:none;margin-bottom:0}[data-theme=apple-1984] .robot__body{border-radius:10%;background:linear-gradient(180deg,#f0ead8,#e8d5b0 40%,#dcc8a0);border:1.5px solid #c4a882;box-shadow:inset 0 1px #ffffff80,inset 0 -2px 4px #2c18100f,1px 1px #c4a882,2px 2px #b0966e;aspect-ratio:auto;height:calc(var(--robot-size) * 1.15)}[data-theme=apple-1984] .robot__body:after{display:none}[data-theme=apple-1984] .robot__screen{width:58%;height:48%;border-radius:6%;margin-top:-8%;background:linear-gradient(to right,#61bb46,#61bb46 16.66%,#fdb827 16.66%,#fdb827 33.33%,#f5821f 33.33%,#f5821f 50%,#e03a3e 50%,#e03a3e 66.66%,#963d97 66.66%,#963d97 83.33%,#009ddc 83.33%,#009ddc);border:2px solid #5a3a28;box-shadow:inset 0 1px 6px #2c18104d,0 0 0 1px #8a6a52,0 0 0 3px #dcc8a0}[data-theme=apple-1984] .robot__eye{width:12px;height:12px;background:#fff;border-radius:50%;border:1.5px solid #2c1810}[data-theme=apple-1984] .robot__eye:after{width:5px;height:5px;background:#2c1810;border-radius:50%}[data-theme=apple-1984] .robot__mouth{width:14px;height:7px;background:transparent;border:2px solid #ffffff;border-top:none;border-radius:0 0 10px 10px;margin-top:1px}[data-theme=apple-1984] .robot__grille{position:absolute;bottom:7%;right:21%;margin:0;display:block}[data-theme=apple-1984] .robot__grille-line{display:none}[data-theme=apple-1984] .robot__grille-line:first-child{display:block;width:calc(var(--robot-size) * .22);height:3px;background:#b0966e;border-radius:1px;box-shadow:inset 0 1px #8a6a52,0 1px #fff6}[data-theme=apple-1984] .robot__led{bottom:7%;left:21%;right:auto;width:5px;height:5px;border-radius:0;background:#61bb46;box-shadow:0 0 4px #61bb46b3;z-index:3}[data-theme=apple-1984] .robot__base{width:calc(var(--robot-size) * .65);height:5px;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#dcc8a0,#c4a882);border:1px solid #c4a882;border-top:none;box-shadow:1px 1px #b0966e;margin-top:-1px}[data-theme=apple-1984] .robot__antenna-stem{width:0;height:0}[data-theme=apple-1984] .robot__antenna-tip{width:calc(var(--robot-size) * .18);height:4px;border-radius:2px;background:linear-gradient(to right,#e03a3e,#fdb827);border:none;box-shadow:none;margin-bottom:-1px}[data-theme=apple-1984] .robot--listening .robot__screen{box-shadow:inset 0 1px 6px #2c18104d,0 0 0 1px #08b,0 0 0 3px #dcc8a0,0 0 10px #009ddc4d}[data-theme=apple-1984] .robot--thinking .robot__screen{box-shadow:inset 0 1px 6px #2c18104d,0 0 0 1px #7a2e80,0 0 0 3px #dcc8a0,0 0 10px #963d974d}[data-theme=apple-1984] .robot--happy .robot__screen{box-shadow:inset 0 1px 6px #2c181033,0 0 0 1px #e5a020,0 0 0 3px #dcc8a0,0 0 10px #fdb8274d}[data-theme=apple-1984] .robot--speaking .robot__screen{box-shadow:inset 0 1px 6px #2c181033,0 0 0 1px #4ea038,0 0 0 3px #dcc8a0,0 0 10px #61bb464d}.cassette{cursor:default;-webkit-user-select:none;user-select:none}.cassette--large .cassette__body{width:280px;height:175px}.cassette--large .cassette__title{font-size:16px}.cassette--large .cassette__subtitle{font-size:11px}.cassette__body{position:relative;border-radius:6px;padding:4px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px #0006,0 6px 12px #0000004d}.cassette--black .cassette__body{background:linear-gradient(180deg,#3a3a3a,#2a2a2a,#1a1a1a);border:2px solid #0a0a0a}.cassette__top-edge{display:flex;justify-content:space-between;padding:2px 8px}.cassette__screw{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#606060,#404040);box-shadow:inset 0 1px 2px #00000080}.cassette__label{margin:2px 6px;padding:6px 10px;border-radius:2px;position:relative;overflow:hidden;min-height:32px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 1px 2px #0000001a}.cassette__label-lines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 5px,rgba(0,0,0,.05) 5px,rgba(0,0,0,.05) 6px);pointer-events:none}.cassette__title{font-family:Comic Sans MS,Marker Felt,cursive;font-size:11px;font-weight:700;color:#1a1a1a;text-align:center;line-height:1.2;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cassette__subtitle{font-family:Comic Sans MS,Marker Felt,cursive;font-size:8px;color:#4a4a4a;text-align:center;position:relative;z-index:1}.cassette__window{margin:4px 10px;height:40px;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border-radius:4px;border:2px solid #000;display:flex;align-items:center;justify-content:space-between;padding:4px 14px;position:relative;box-shadow:inset 0 2px 4px #000c}.cassette__reel{width:20px;height:20px;background:#f5f5f5;border-radius:50%;position:relative;box-shadow:0 0 0 2px #e0e0e0;flex-shrink:0}.cassette__reel:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;background:#2a2a2a;border-radius:50%}.cassette__reel-spokes{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.cassette__reel-spokes:before,.cassette__reel-spokes:after{content:"";position:absolute;top:50%;left:50%;background:#2a2a2a}.cassette__reel-spokes:before{width:100%;height:2px;transform:translate(-50%,-50%)}.cassette__reel-spokes:after{width:2px;height:100%;transform:translate(-50%,-50%)}.cassette__tape-path{flex:1;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.cassette__tape-line{width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#4a3a2a 10%,#3a2a1a 50%,#4a3a2a 90%,transparent 100%);opacity:.8}.cassette__bottom{padding:4px 0}.cassette__teeth{display:flex;justify-content:center;gap:8px}.cassette__tooth{width:8px;height:6px;background:linear-gradient(180deg,#404040,#303030);border-radius:0 0 2px 2px}.cassette__record-light{position:absolute;top:8px;right:8px;width:8px;height:8px;background:red;border-radius:50%;box-shadow:0 0 8px red,0 0 16px red;animation:record-pulse 1s ease-in-out infinite}@keyframes record-pulse{0%,to{opacity:1;box-shadow:0 0 8px red,0 0 16px red}50%{opacity:.6;box-shadow:0 0 4px red,0 0 8px red}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing);line-height:1.6;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.page{min-height:100vh;position:relative}.section{padding:64px 24px;max-width:960px;margin:0 auto}.section--hero{text-align:center;padding-top:80px;padding-bottom:48px}.section--wide{max-width:1100px}.hero__robot{margin-bottom:24px;display:flex;justify-content:center}.hero__logo{width:200px;height:auto;margin-bottom:16px;display:inline-block}.hero__logo img{width:100%;height:auto}.hero__title{font-family:var(--title-font);font-style:var(--title-style);text-transform:var(--title-transform);letter-spacing:var(--letter-spacing);font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 16px}.hero__tagline{font-size:20px;color:var(--text-secondary);margin-bottom:40px;font-family:var(--title-font);font-style:var(--title-style)}.hero__columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:720px;margin:0 auto;text-align:left}.hero__column-label{font-family:var(--title-font);font-style:var(--title-style);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:8px;font-weight:var(--font-weight-bold)}.hero__column-text{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.hero__cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero__install{display:inline-flex;align-items:center;gap:8px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);padding:12px 20px;border-radius:8px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:16px;cursor:pointer;transition:all .2s ease}.hero__install:hover{border-color:var(--accent)}.theme-mccallister .hero__install,.theme-mccallister .hero__install-copy{color:#fff}.hero__install-cmd{-webkit-user-select:all;user-select:all}.hero__install-copy{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:24px;line-height:1;transition:color .2s ease}.hero__install-copy:hover{color:var(--accent)}.hero__github{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-weight:var(--font-weight-bold);font-size:14px;transition:all .2s ease}.hero__github:hover{border-color:var(--accent);color:var(--accent)}.cassette-feature{text-align:center}.cassette-feature__visual{display:flex;justify-content:center;margin-bottom:24px}.cassette-feature__title{font-family:var(--title-font);font-style:var(--title-style);font-size:28px;margin-bottom:8px;color:var(--text-primary)}.cassette-feature__desc{color:var(--text-secondary);font-size:16px;max-width:480px;margin:0 auto}.theme-showcase__title{text-align:center;font-family:var(--title-font);font-style:var(--title-style);font-size:28px;margin-bottom:8px}.theme-showcase__subtitle{text-align:center;color:var(--text-muted);font-size:16px;margin:0 0 32px}.theme-showcase__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.theme-card{border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-family);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing)}.theme-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.theme-card__robot{margin-bottom:12px;display:flex;justify-content:center}.theme-card .robot{--robot-size: 60px;--eye-size: 8px;--antenna-height: 10px}.theme-card__name{font-family:var(--title-font);font-style:var(--title-style);font-weight:var(--font-weight-bold);font-size:16px;margin-bottom:4px;color:var(--text-primary)}.theme-card__desc{font-size:12px;color:var(--text-muted);line-height:1.4}.features__title{text-align:center;font-family:var(--title-font);font-style:var(--title-style);font-size:28px;margin-bottom:32px}.features__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:20px;transition:background-color .3s ease,border-color .3s ease}.feature-card__icon{font-size:28px;margin-bottom:8px}.feature-card__title{font-weight:var(--font-weight-bold);font-size:15px;margin-bottom:4px;color:var(--text-primary)}.feature-card__desc{font-size:13px;color:var(--text-muted);line-height:1.5}@media(max-width:768px){.section{padding:48px 16px}.section--hero{padding-top:56px}.theme-showcase__grid{grid-template-columns:repeat(2,1fr)}.features__grid{grid-template-columns:1fr}.hero__tagline{font-size:17px}.hero__columns{grid-template-columns:1fr;text-align:center}.hero__cta{justify-content:center}.theme-showcase__title,.features__title{font-size:24px}}@media(max-width:480px){.theme-showcase__grid{grid-template-columns:1fr}.hero__title{font-size:1.8rem}.hero__cta{flex-direction:column}.hero__install,.hero__github{width:100%;justify-content:center}}.site-nav{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:0 24px;transition:background-color .3s ease,border-color .3s ease}.site-nav__inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;height:56px}.site-nav__brand{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-family:var(--title-font);font-style:var(--title-style);font-weight:var(--font-weight-bold);font-size:18px;text-decoration:none}.site-nav__brand:hover{color:var(--text-primary)}.site-nav__brand .mini-robot{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.site-nav__brand .mini-robot__face{width:24px;height:18px;background:var(--robot-body);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border-light)}.site-nav__brand .mini-robot__eye{width:5px;height:5px;background:var(--screen-idle);border-radius:50%}.site-nav__links{display:flex;align-items:center;gap:4px}.site-nav__link{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:var(--font-weight-normal);color:var(--text-secondary);transition:background .2s,color .2s}.site-nav__link:hover{background:var(--accent-soft);color:var(--accent)}.site-nav__link--active{color:var(--accent);font-weight:var(--font-weight-bold)}.site-nav__github{display:flex;align-items:center;padding:6px;border-radius:6px;color:var(--text-secondary);transition:color .2s}.site-nav__github:hover{color:var(--accent)}.site-nav__toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:4px}@media(max-width:768px){.site-nav__toggle{display:block}.site-nav__links{display:none;position:absolute;top:56px;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-light);flex-direction:column;padding:12px 24px;gap:4px}.site-nav__links--open{display:flex}.site-nav__link{padding:10px 12px;width:100%}}.site-footer{text-align:center;padding:48px 24px 32px;border-top:1px solid var(--border-light);color:var(--text-muted);font-size:13px;transition:border-color .3s ease}.site-footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px}.site-footer__link{color:var(--text-muted);transition:color .2s}.site-footer__link:hover{color:var(--accent)}.site-footer__divider{color:var(--border-light)}.site-footer__meta{color:var(--text-muted);font-size:12px}