mirror of
https://github.com/ancsemi/Haven.git
synced 2026-10-30 18:45:20 +00:00
Amnibro
50a8ea1889
* Themes: Glassy Neon and seasonal themes (Christmas, Halloween, Thanksgiving) - Add themes/glassy-neon.theme.css: Tron-inspired cyberpunk glassmorphism with perspective neon floor grid, laser glow borders, and rotating identity disc. - Add themes/christmas.theme.css: Festive evergreen pine with twinkling string lights, falling snow, candy-cane borders, and glowing Christmas tree (@section Seasonal). - Add themes/halloween.theme.css: Eerie gothic midnight with drifting ghostly mist, flying witch moon, carved jack-o'-lantern, blinking black cat, and dripping toxic slime borders (@section Seasonal). - Add themes/thanksgiving.theme.css: Warm autumn harvest with tumbling fall leaves, waddling turkey watermark, harvest garland, and striped borders (@section Seasonal). - Parse optional @section and @category metadata tags in src/themeMetadata.js. - Organize theme pickers and admin settings so seasonal themes appear in a dedicated 'Seasonal' group. - Support prefers-reduced-motion in all four new themes. - Document bundled additions in GUIDE.md. * Themes: rebuild Glassy Neon and the seasonal themes as full scenes Restyle every surface of the four themes (server rail, sidebars, header, topic bar, message list, composer, buttons, inputs, scrollbars, modals, theme popup and the login page) and give each a layered, animated scene drawn with self-contained SVG data URIs. - Glassy Neon: Haven on the Grid. Opaque holo-glass panels with lit cyan and orange edge rails, circuit traces, data streams running down the rails, light-cycle trails along the header and composer, a perspective light floor that races toward the viewer, horizon ridges, a scan sweep, counter-rotating identity disc rings and glitch hover accents. - Christmas: a cozy cabin looking out on a moonlit pine forest. Plaid walls, a fireplace with stockings and flickering flames, a decorated tree with twinkling lights and presents, garland and string lights on the header, snow caps, frosted window corners and three parallax snow layers. - Halloween: a cartoony haunted night. Bats crossing a big moon, graveyard fog, a floating ghost, flickering jack-o'-lanterns, a black cat with glowing eyes and a swishing tail, a bubbling cauldron, cobwebs, a dangling spider and green goo that drips from the header and composer. - Thanksgiving: a harvest evening. Two parallax layers of falling leaves, swaying maple trees, a farmstead sunset, a leaf garland, flannel and barn-wood panels, hay bales, corn shocks, pumpkins, and two turkeys that wobble, gobble and strut. Decorations use pointer-events: none and sit behind content in negative z-index layers, the message column keeps a dark veil so message text stays above WCAG AA, animations only change transform and opacity, and prefers-reduced-motion stops every animation. Pseudo-element rules raise their specificity so the effects overlay system does not strip them. Move the seasonal-theme check into HavenThemeCompat.isSeasonalTheme so the theme bar, plugin loader and admin list share one implementation, and test it.
93 lines
62 KiB
CSS
93 lines
62 KiB
CSS
/**
|
|
* @name Thanksgiving
|
|
* @description A warm harvest evening: tumbling autumn leaves over a farmstead sunset, swaying maple trees, wobbling gobbling turkeys, hay bales, corn shocks and pumpkins, flannel and barn-wood panels, and a leafy garland.
|
|
* @author Amnibro
|
|
* @version 2.0
|
|
* @icon 🦃
|
|
* @section Seasonal
|
|
* @haven-theme-api 1
|
|
*/
|
|
:root{--bg-primary:#1d120b;--bg-secondary:#24160d;--bg-tertiary:#2e1c10;--bg-hover:#372313;--bg-active:#4a2a12;--bg-input:#150d07;--bg-card:#2a190e;--accent:#e8892b;--accent-hover:#f29a3e;--accent-glow:rgba(232,137,43,.45);--accent-text:#1a0d03;--text-primary:#fbf1e1;--text-secondary:#e6cfae;--text-muted:#c4a581;--text-link:#f6c453;--border:#4a2e18;--border-light:#6a4322;--success:#9ccc55;--success-text:#121a05;--danger:#ff6b4a;--danger-text:#1a0603;--warning:#f6c453;--warning-text:#1a1003;--led-on:#9ccc55;--led-off:#5a4330;--led-glow:rgba(156,204,85,.6);--font-main:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif;--font-heading:"Cooper Black","Bookman Old Style","Georgia",serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--radius:.75rem;--radius-sm:.5rem;--transition:.18s ease-out;--msg-glow:0 0 16px rgba(246,196,83,.14);--scanline:none}
|
|
html{background:#1a0f08!important}body{background:transparent!important;color:var(--text-primary)}
|
|
::selection{background:rgba(232,137,43,.5);color:#fff}
|
|
*{scrollbar-color:#a8622a transparent;scrollbar-width:thin}
|
|
::-webkit-scrollbar{width:.55rem;height:.55rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#c2410c,#e8892b,#c2410c);border-radius:1rem;border:2px solid transparent;background-clip:padding-box}
|
|
.server-bar{background:linear-gradient(90deg,#1a0f08 calc(100% - .375rem),transparent 0),repeating-linear-gradient(0deg,#e8c26a 0 .25rem,#c08f35 .25rem .5rem,#d6a84a .5rem .625rem)!important;border-right:0!important}
|
|
.server-icon{background:radial-gradient(circle at 35% 30%,#f7a84a,#d9661a 60%,#9a3412)!important;color:#1a0d03!important;border:0!important;box-shadow:0 3px 8px rgba(0,0,0,.45),inset 0 -3px 6px rgba(0,0,0,.25)!important;transition:transform .2s!important}
|
|
.server-icon:hover{transform:rotate(8deg) scale(1.06)}
|
|
.server-icon.home{background:radial-gradient(circle at 35% 30%,#fde68a,#f2c14e 55%,#b07d12)!important;box-shadow:0 0 14px rgba(246,196,83,.55)!important}
|
|
.sidebar,.right-sidebar{background:transparent!important;border:0!important;box-shadow:none!important}
|
|
html[data-haven-theme-api] .sidebar::before,html[data-haven-theme-api] .right-sidebar::before,html[data-haven-theme-api] .sidebar::after,html[data-haven-theme-api] .right-sidebar::after{content:""!important;position:absolute;pointer-events:none;z-index:-1}
|
|
.sidebar::before{inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270 120' %3E%3Cpath d='M0 112Q60 104 130 110T270 108V120H0Z' fill='%233a1f10'/%3E%3Cg%3E%3Cpath d='M30 112q-4-42 2-84M36 112q2-46.2 10-79.8M25 112q-6-37.800000000000004-14-71.39999999999999M33 112q0-50.4-2-88.2' stroke='%23c9a15a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M28 65.8q-14-4-20 4q10-1 20 2zM36 53.2q14-8 22-2q-12 0-22 6zM30 40.60000000000001q-10-10-18-6q8 2 18 10z' fill='%23b8914a'/%3E%3Cg transform='translate(40 76.72) rotate(20)'%3E%3Cellipse rx='4.5' ry='11' fill='%23f2c14e'/%3E%3Cpath d='M-4.5-6h9M-4.5-2h9M-4.5 2h9M-4.5 6h9' stroke='%23d49a1e' stroke-width='.8'/%3E%3Cpath d='M0 11q-8-6-6-16q2 8 6 16q8-6 6-16q-2 8-6 16' fill='%23a7b25a'/%3E%3C/g%3E%3Crect x='23' y='86.8' width='16' height='4' fill='%238a5a2b'/%3E%3C/g%3E%3Crect x='46' y='78' width='78' height='34' rx='6' fill='%23d6a84a'/%3E%3Crect x='46' y='78' width='78' height='8.5' rx='6' fill='%23e8c26a'/%3E%3Cpath d='M103.7 88.8l0.7 2.4' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M72.4 82.5l3.7 5.7' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M91.2 102.7l3.7 5.4' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M102.8 98.2l5.4 5.3' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M67.6 86.4l3.1 5.7' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M98.1 82.5l3.6 5.8' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M110.2 82.9l-1.5 5.1' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M63.7 89.5l-2.5 2.2' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M53.3 93.1l4.2 4.4' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M109.1 106.1l-1.3 4.3' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M65.3 88.7l0.4 3.2' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M95.8 99.3l-4.9 5.4' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M94.9 101.5l1.7 2.5' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M93.9 107.9l4.2 3.2' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Crect x='63.16' y='78' width='3' height='34' fill='%237a4a1f'/%3E%3Crect x='102.16' y='78' width='3' height='34' fill='%237a4a1f'/%3E%3Crect x='60' y='48' width='52' height='30' rx='6' fill='%23d6a84a'/%3E%3Crect x='60' y='48' width='52' height='7.5' rx='6' fill='%23e8c26a'/%3E%3Cpath d='M73.5 73l1 4.9' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M72.7 60l0.7 5.3' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M78.6 58.8l0.6 4.8' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M69.3 61l-1.1 3.1' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M86.8 54.1l0.5 3.1' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M80.5 71l-3.7 4.4' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M102.7 73.3l-1.5 3' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M97.8 55l-3.9 3.8' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M88.1 62.4l-4.5 5.9' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M81.6 72l1.8 5.1' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M102.2 56.8l-5.8 2.8' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M82.6 56.5l2.9 4.1' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M87.5 53.1l0.1 5.1' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M88.1 66.2l0.6 3.1' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Crect x='71.44' y='48' width='3' height='30' fill='%237a4a1f'/%3E%3Crect x='97.44' y='48' width='3' height='30' fill='%237a4a1f'/%3E%3Cg transform='translate(86 42) scale(0.7)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23ea7317' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='translate(140 102) scale(0.85)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23ea7317' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='translate(164 106) scale(0.6)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23f59e0b'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23f59e0b'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23f59e0b' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg opacity='.95'%3E%3Cg transform='translate(110 110) rotate(0) scale(.55)'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23c2410c'/%3E%3C/g%3E%3Cg transform='translate(124 112) rotate(67) scale(.55)'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23f59e0b'/%3E%3C/g%3E%3Cg transform='translate(184 112) rotate(134) scale(.55)'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23b91c1c'/%3E%3C/g%3E%3Cg transform='translate(200 110) rotate(201) scale(.55)'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23d97706'/%3E%3C/g%3E%3Cg transform='translate(238 112) rotate(268) scale(.55)'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23ea580c'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") left bottom 2.75rem/100% auto no-repeat,radial-gradient(90% 35% at 50% 100%,rgba(246,170,60,.22),transparent 70%),repeating-linear-gradient(0deg,rgba(234,88,12,.12) 0 .9rem,transparent .9rem 2.6rem),repeating-linear-gradient(90deg,rgba(234,88,12,.12) 0 .9rem,transparent .9rem 2.6rem),repeating-linear-gradient(0deg,rgba(250,204,21,.07) 0 .125rem,transparent .125rem 1.3rem),repeating-linear-gradient(90deg,rgba(250,204,21,.07) 0 .125rem,transparent .125rem 1.3rem),linear-gradient(180deg,#2b190d,#1f1209);box-shadow:inset -1px 0 0 #4a2e18,inset -10px 0 16px -10px rgba(0,0,0,.6)}
|
|
.sidebar::after{right:.75rem;bottom:3.1rem;width:4.75rem;height:4.75rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112' %3E%3Cg transform='rotate(-66 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23b91c1c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(-44 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23ea580c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(-22 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23f59e0b'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(0 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23c2410c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(22 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23f59e0b'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(44 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23ea580c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(66 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23b91c1c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cellipse cx='54' cy='72' rx='27' ry='25' fill='%237c4a22'/%3E%3Cellipse cx='62' cy='78' rx='16' ry='15' fill='%2394592b'/%3E%3Cpath d='M36 66Q50 54 66 70Q54 88 34 80Z' fill='%235c3418'/%3E%3Cpath d='M42 70q8 2 16 8M40 76q8 2 14 6' stroke='%233f220e' stroke-width='1.4' fill='none'/%3E%3Cpath d='M64 64Q70 44 76 34Q84 26 90 36Q86 48 78 66Z' fill='%23a0673a'/%3E%3Ccircle cx='83' cy='31' r='9.5' fill='%23b07a48'/%3E%3Ccircle cx='86' cy='28' r='3.2' fill='%23fff'/%3E%3Ccircle cx='87' cy='28.3' r='1.7' fill='%231a0d05'/%3E%3Cpath d='M91 32L101 35.5L91 39Z' fill='%23f59e0b'/%3E%3Cpath d='M89 28Q95 33 93.5 45Q89.5 43 88.5 33Z' fill='%23dc2626'/%3E%3Cpath d='M85 39Q90 46 85.5 53Q80.5 48 82.5 39Z' fill='%23dc2626'/%3E%3Cg stroke='%23f59e0b' stroke-width='3' stroke-linecap='round' fill='none'%3E%3Cpath d='M48 94L46 106M60 94L62 106'/%3E%3Cpath d='M46 106l-5 3M46 106l1 4M46 106l5 2M62 106l-4 3M62 106l2 4M62 106l6 1'/%3E%3C/g%3E%3C/svg%3E") center bottom/contain no-repeat;transform-origin:50% 95%;animation:tg-wobble .9s ease-in-out infinite alternate,tg-gobble 3.4s ease-in-out infinite}
|
|
@keyframes tg-wobble{from{rotate:-5deg}to{rotate:5deg}}
|
|
@keyframes tg-gobble{0%,62%,100%{translate:0 0;scale:1}66%{translate:0 -.3rem;scale:1.04 .97}70%{translate:0 0;scale:.98 1.03}74%{translate:0 -.2rem;scale:1.03 .98}78%{translate:0 0;scale:1}}
|
|
.right-sidebar::before{inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 110' %3E%3Cpath d='M0 100H260V110H0Z' fill='%233a1f10'/%3E%3Cg fill='%236b4423'%3E%3Crect x='10' y='46' width='7' height='56'/%3E%3Crect x='90' y='46' width='7' height='56'/%3E%3Crect x='170' y='46' width='7' height='56'/%3E%3Crect x='250' y='46' width='7' height='56'/%3E%3C/g%3E%3Cg fill='%237c5230'%3E%3Crect x='0' y='56' width='260' height='6'/%3E%3Crect x='0' y='76' width='260' height='6'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M226 100q-4-35 2-70M232 100q2-38.5 10-66.5M221 100q-6-31.5-14-59.5M229 100q0-42-2-73.5' stroke='%23c9a15a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M224 61.5q-14-4-20 4q10-1 20 2zM232 51q14-8 22-2q-12 0-22 6zM226 40.5q-10-10-18-6q8 2 18 10z' fill='%23b8914a'/%3E%3Cg transform='translate(236 70.6) rotate(20)'%3E%3Cellipse rx='4.5' ry='11' fill='%23f2c14e'/%3E%3Cpath d='M-4.5-6h9M-4.5-2h9M-4.5 2h9M-4.5 6h9' stroke='%23d49a1e' stroke-width='.8'/%3E%3Cpath d='M0 11q-8-6-6-16q2 8 6 16q8-6 6-16q-2 8-6 16' fill='%23a7b25a'/%3E%3C/g%3E%3Crect x='219' y='79' width='16' height='4' fill='%238a5a2b'/%3E%3C/g%3E%3Crect x='12' y='72' width='64' height='30' rx='6' fill='%23d6a84a'/%3E%3Crect x='12' y='72' width='64' height='7.5' rx='6' fill='%23e8c26a'/%3E%3Cpath d='M53.3 89.5l-0.6 2.1' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M37.2 83.5l-3.9 5' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M21.1 91.6l-4 3.2' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M33.6 89.8l2.9 4' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M35.8 76.9l-6 5.2' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M33.2 80.7l-0.5 2.1' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M32.4 90.2l-5.6 4.9' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M37.5 96.9l-0.6 5.3' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M20.5 96.3l1.1 5' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M70.1 84.8l3.3 5.3' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M61.2 93.1l-3.6 5.3' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M29.7 97.2l-3.9 5' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M22 80.3l2.8 3.2' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Cpath d='M67.2 97.5l1.3 4.7' stroke='%23a87b2a' stroke-width='1.2'/%3E%3Crect x='26.08' y='72' width='3' height='30' fill='%237a4a1f'/%3E%3Crect x='58.08' y='72' width='3' height='30' fill='%237a4a1f'/%3E%3Cg transform='translate(40 66) scale(0.7)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23f59e0b'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23f59e0b'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23f59e0b' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='translate(96 94) scale(0.75)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23ea7317' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='translate(118 98) scale(0.5)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23fde68a'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23fde68a'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23fde68a' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='translate(190 96) scale(0.6)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23ea7317' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3C/svg%3E") left bottom 7.1rem/100% auto no-repeat,radial-gradient(80% 30% at 50% 78%,rgba(246,170,60,.16),transparent 70%),repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 3.25rem),repeating-linear-gradient(0deg,rgba(255,220,160,.035) 0 1px,transparent 1px 6px),linear-gradient(180deg,#2e1b0e,#21130a);box-shadow:inset 1px 0 0 #4a2e18,inset 10px 0 16px -10px rgba(0,0,0,.6)}
|
|
.right-sidebar::after{left:.5rem;bottom:7.35rem;width:4.25rem;height:4.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112' %3E%3Cg transform='rotate(-66 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23b91c1c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(-44 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23ea580c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(-22 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23f59e0b'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(0 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23c2410c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(22 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23f59e0b'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(44 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23ea580c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(66 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23b91c1c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cellipse cx='54' cy='72' rx='27' ry='25' fill='%237c4a22'/%3E%3Cellipse cx='62' cy='78' rx='16' ry='15' fill='%2394592b'/%3E%3Cpath d='M36 66Q50 54 66 70Q54 88 34 80Z' fill='%235c3418'/%3E%3Cpath d='M42 70q8 2 16 8M40 76q8 2 14 6' stroke='%233f220e' stroke-width='1.4' fill='none'/%3E%3Cpath d='M64 64Q70 44 76 34Q84 26 90 36Q86 48 78 66Z' fill='%23a0673a'/%3E%3Ccircle cx='83' cy='31' r='9.5' fill='%23b07a48'/%3E%3Ccircle cx='86' cy='28' r='3.2' fill='%23fff'/%3E%3Ccircle cx='87' cy='28.3' r='1.7' fill='%231a0d05'/%3E%3Cpath d='M91 32L101 35.5L91 39Z' fill='%23f59e0b'/%3E%3Cpath d='M89 28Q95 33 93.5 45Q89.5 43 88.5 33Z' fill='%23dc2626'/%3E%3Cpath d='M85 39Q90 46 85.5 53Q80.5 48 82.5 39Z' fill='%23dc2626'/%3E%3Cg stroke='%23f59e0b' stroke-width='3' stroke-linecap='round' fill='none'%3E%3Cpath d='M48 94L46 106M60 94L62 106'/%3E%3Cpath d='M46 106l-5 3M46 106l1 4M46 106l5 2M62 106l-4 3M62 106l2 4M62 106l6 1'/%3E%3C/g%3E%3C/svg%3E") center bottom/contain no-repeat;transform-origin:50% 95%;animation:tg-strut 14s ease-in-out infinite,tg-flip 14s step-end infinite,tg-wobble .45s ease-in-out infinite alternate}
|
|
@keyframes tg-strut{0%,6%{translate:0 0}44%,56%{translate:calc(100cqw - 5.25rem) 0}94%,100%{translate:0 0}}
|
|
@keyframes tg-flip{0%{scale:1 1}50%{scale:-1 1}100%{scale:1 1}}
|
|
.right-sidebar{container-type:inline-size}
|
|
.brand-text{font-family:var(--font-heading)!important;color:#f6c453!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:0 2px 0 #7c2d12,0 0 12px rgba(246,170,60,.4)!important}
|
|
.user-bar{background:linear-gradient(180deg,#4a2c16,#38200f)!important;border:1px solid #6a4322!important;border-radius:var(--radius)!important;box-shadow:0 4px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,220,160,.12)!important}
|
|
.section-label{color:#f6c453!important;letter-spacing:.14em!important}
|
|
.channel-item .channel-name,.channel-item,.section-label{text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.75)}
|
|
.channel-item{border-radius:var(--radius-sm)!important;transition:background .18s,transform .18s!important}
|
|
.channel-item:hover{background:linear-gradient(90deg,rgba(246,196,83,.14),rgba(246,196,83,.03))!important;transform:translateX(2px) rotate(-.4deg)}
|
|
.channel-item.active{background:linear-gradient(90deg,rgba(194,65,12,.62),rgba(194,65,12,.14))!important;box-shadow:inset 3px 0 0 #f6c453,0 2px 10px rgba(0,0,0,.3)!important}
|
|
.channel-item.active .channel-name{color:#fff!important}
|
|
.channel-item.active::before{background:#f6c453!important}
|
|
.input-row input,.sidebar input[type="text"],.sidebar select,.right-sidebar input{background:rgba(20,12,6,.85)!important;border:1px solid #6a4322!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important}
|
|
input:focus,select:focus,textarea:focus{outline:none;border-color:#f6c453!important;box-shadow:0 0 0 3px rgba(246,196,83,.25)!important}
|
|
.sidebar-bottom{background:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 3.25rem),repeating-linear-gradient(0deg,rgba(255,220,160,.035) 0 1px,transparent 1px 6px),linear-gradient(180deg,#4a2c16,#33200f)!important;border-top:2px solid #6a4322!important}
|
|
.main{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 140' preserveAspectRatio='none'%3E%3Cpath d='M0 70Q90 30 200 60T420 50T600 64V140H0Z' fill='%234a2617'/%3E%3Cpath d='M0 92Q120 62 260 86T600 80V140H0Z' fill='%233a1d10'/%3E%3Cg stroke='%234f2b14' stroke-width='3' opacity='.8'%3E%3Cpath d='M20 104Q200 90 380 100'/%3E%3Cpath d='M0 114Q220 100 420 112'/%3E%3Cpath d='M40 124Q260 112 560 122'/%3E%3C/g%3E%3Cg transform='translate(430 52)'%3E%3Crect x='0' y='16' width='46' height='32' fill='%237f1d1d'/%3E%3Cpath d='M-4 18L23 0L50 18Z' fill='%235c1414'/%3E%3Crect x='17' y='30' width='12' height='18' fill='%233b0d0d'/%3E%3Cpath d='M17 30l12 18M29 30l-12 18' stroke='%23f5e6c8' stroke-width='1.4'/%3E%3Crect x='54' y='4' width='14' height='44' rx='7' fill='%236b4a3a'/%3E%3Cpath d='M54 10h14M54 22h14M54 34h14' stroke='%234b3226' stroke-width='1.2'/%3E%3C/g%3E%3Cpath d='M0 128Q300 116 600 128V140H0Z' fill='%232a150b'/%3E%3Cg stroke='%236b4423' stroke-width='3'%3E%3Cpath d='M0 120H600M0 130H600'/%3E%3C/g%3E%3Cg fill='%235a361b'%3E%3Crect x='4' y='112' width='6' height='26'/%3E%3Crect x='54' y='112' width='6' height='26'/%3E%3Crect x='104' y='112' width='6' height='26'/%3E%3Crect x='154' y='112' width='6' height='26'/%3E%3Crect x='204' y='112' width='6' height='26'/%3E%3Crect x='254' y='112' width='6' height='26'/%3E%3Crect x='304' y='112' width='6' height='26'/%3E%3Crect x='354' y='112' width='6' height='26'/%3E%3Crect x='404' y='112' width='6' height='26'/%3E%3Crect x='454' y='112' width='6' height='26'/%3E%3Crect x='504' y='112' width='6' height='26'/%3E%3Crect x='554' y='112' width='6' height='26'/%3E%3C/g%3E%3Cg transform='translate(120 124) scale(0.55)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23ea7317' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='translate(146 128) scale(0.42)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23f59e0b'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23f59e0b'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23f59e0b' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='translate(330 126) scale(0.5)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23ea7317' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3C/svg%3E") left 0 bottom 4.3rem/37.5rem 8.75rem repeat-x,radial-gradient(55% 32% at 50% calc(100% - 9rem),rgba(255,170,70,.55),rgba(255,120,40,.18) 50%,transparent 75%),linear-gradient(180deg,#160c18 0%,#2e1620 35%,#5a2a1c 70%,#8a4318 92%)!important}
|
|
html[data-haven-theme-api] .main::before,html[data-haven-theme-api] .main::after,html[data-haven-theme-api] .message-area::before,html[data-haven-theme-api] .message-area::after{content:""!important;position:absolute;pointer-events:none;z-index:-1}
|
|
.main::before{left:0;right:0;top:-20rem;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320' %3E%3Cg transform='translate(155.6 76.4) rotate(182) scale(0.54)' opacity='0.58'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23d97706'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(86.3 66.6) rotate(82) scale(0.58)' opacity='0.52'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23ea580c'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(114.2 140) rotate(80) scale(0.45)' opacity='0.57'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23f59e0b'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(31.8 275.6) rotate(82) scale(0.53)' opacity='0.61'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23ea580c'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(179.1 117.4) rotate(130) scale(0.69)' opacity='0.68'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%239a3412'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(61.3 80.4) rotate(66) scale(0.59)' opacity='0.59'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23d97706'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(269.7 52.6) rotate(156) scale(0.64)' opacity='0.65'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23ea580c'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(18.9 130.8) rotate(229) scale(0.58)' opacity='0.69'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23c2410c'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(182.7 155.5) rotate(47) scale(0.62)' opacity='0.48'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23c2410c'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3C/svg%3E") 0 0/20rem 20rem repeat;animation:tg-fall-far 24s linear infinite;will-change:transform}
|
|
@keyframes tg-fall-far{to{transform:translateY(20rem)}}
|
|
.main::after{left:1.25rem;right:1.25rem;top:-28.75rem;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 460' %3E%3Cg transform='translate(324.6 320.5) rotate(302) scale(1.10)' opacity='0.84'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23c2410c'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(16.2 410.3) rotate(141) scale(1.11)' opacity='0.94'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23ea580c'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(44.7 427.4) rotate(119) scale(1.08)' opacity='0.92'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23d97706'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(94.2 152.7) rotate(102) scale(1.31)' opacity='0.96'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23b91c1c'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(270.2 392.9) rotate(84) scale(1.03)' opacity='0.94'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23d97706'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(98.9 321.7) rotate(1) scale(1.22)' opacity='0.89'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23facc15'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(400.4 344) rotate(130) scale(1.45)' opacity='0.81'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23facc15'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3C/svg%3E") 0 0/28.75rem 28.75rem repeat;animation:tg-fall-near 13s linear infinite,tg-sway 5s ease-in-out infinite alternate;will-change:transform}
|
|
@keyframes tg-fall-near{to{transform:translateY(28.75rem)}}
|
|
@keyframes tg-sway{0%{translate:-1.1rem 0}50%{translate:.4rem 0}100%{translate:1.1rem 0}}
|
|
.message-area::before{left:.4rem;bottom:4.2rem;width:12rem;height:16.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 300' %3E%3Cg %3E%3Cpath d='M92 300Q98 230 96 190Q86 160 60 140M96 200Q110 170 140 150M95 230Q120 210 150 200' stroke='%233b2010' stroke-width='14' fill='none' stroke-linecap='round'/%3E%3Cpath d='M84 300Q92 240 90 190' stroke='%233b2010' stroke-width='20' fill='none'/%3E%3Ccircle cx='54.4' cy='33.4' r='38.7' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='117.6' cy='145.9' r='29.3' fill='%23ea580c' opacity='.92'/%3E%3Ccircle cx='163.1' cy='98.8' r='25.6' fill='%23d97706' opacity='.92'/%3E%3Ccircle cx='89.2' cy='98.9' r='31.2' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='51' cy='35.6' r='36.6' fill='%23ea580c' opacity='.92'/%3E%3Ccircle cx='76.5' cy='70.2' r='37.3' fill='%23ea580c' opacity='.92'/%3E%3Ccircle cx='70.7' cy='148.8' r='28.6' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='124.2' cy='112.7' r='39' fill='%23c2410c' opacity='.92'/%3E%3Ccircle cx='134.9' cy='66.2' r='24.7' fill='%23f59e0b' opacity='.92'/%3E%3Ccircle cx='135' cy='146.6' r='20.3' fill='%23f59e0b' opacity='.92'/%3E%3Ccircle cx='122.9' cy='77.6' r='39.9' fill='%23b45309' opacity='.92'/%3E%3Ccircle cx='137.1' cy='84.8' r='27.1' fill='%23b45309' opacity='.92'/%3E%3Ccircle cx='102.7' cy='83.3' r='34.7' fill='%23b45309' opacity='.92'/%3E%3Ccircle cx='113.7' cy='111.1' r='37.1' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='126.6' cy='66.8' r='24.4' fill='%239a3412' opacity='.92'/%3E%3Ccircle cx='136.7' cy='147.6' r='30.7' fill='%23ea580c' opacity='.92'/%3E%3Ccircle cx='73.6' cy='58.1' r='21.6' fill='%23b45309' opacity='.92'/%3E%3Ccircle cx='116.6' cy='153.6' r='33.5' fill='%23d97706' opacity='.92'/%3E%3Ccircle cx='108.3' cy='67.6' r='33.2' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='91' cy='86.5' r='40' fill='%23c2410c' opacity='.92'/%3E%3Ccircle cx='112.8' cy='49' r='33.7' fill='%23f59e0b' opacity='.92'/%3E%3Ccircle cx='56.1' cy='91' r='27.7' fill='%239a3412' opacity='.92'/%3E%3Ccircle cx='40.9' cy='157.5' r='27.3' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='67.2' cy='140.4' r='37.7' fill='%239a3412' opacity='.92'/%3E%3Ccircle cx='97.4' cy='68.9' r='40' fill='%23f59e0b' opacity='.92'/%3E%3Ccircle cx='85.3' cy='34' r='32.8' fill='%23ea580c' opacity='.92'/%3E%3Ccircle cx='97.1' cy='124.6' r='10.1' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='119.2' cy='62.6' r='7.1' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='145' cy='102.9' r='11.6' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='51.5' cy='97.8' r='7.9' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='118.7' cy='48.6' r='11' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='157.9' cy='106' r='10.4' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='52.3' cy='35.8' r='11.1' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='126' cy='118.2' r='7' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='163.6' cy='112.6' r='9.6' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='51' cy='55.4' r='9.1' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='71' cy='126.7' r='10.8' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='154.8' cy='98.7' r='8' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='169.9' cy='131.8' r='6.5' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='107.6' cy='67.9' r='8.2' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='123.2' cy='147.5' r='8.9' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='112.7' cy='137.1' r='9.1' fill='%23fbbf24' opacity='.45'/%3E%3C/g%3E%3C/svg%3E") left bottom/contain no-repeat;opacity:.8;transform-origin:42% 100%;animation:tg-tree 6s ease-in-out infinite alternate}
|
|
.message-area::after{right:.4rem;bottom:4.2rem;width:11rem;height:15rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 300' %3E%3Cg transform='translate(220 0) scale(-1 1)'%3E%3Cpath d='M92 300Q98 230 96 190Q86 160 60 140M96 200Q110 170 140 150M95 230Q120 210 150 200' stroke='%233b2010' stroke-width='14' fill='none' stroke-linecap='round'/%3E%3Cpath d='M84 300Q92 240 90 190' stroke='%233b2010' stroke-width='20' fill='none'/%3E%3Ccircle cx='59.8' cy='31' r='28.3' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='102.1' cy='69.2' r='21.7' fill='%23b45309' opacity='.92'/%3E%3Ccircle cx='121.9' cy='113' r='22.1' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='135.6' cy='91.4' r='31.7' fill='%23c2410c' opacity='.92'/%3E%3Ccircle cx='93' cy='141.8' r='36.1' fill='%23c2410c' opacity='.92'/%3E%3Ccircle cx='96.6' cy='145.2' r='24.1' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='120.7' cy='107.7' r='30.2' fill='%23b45309' opacity='.92'/%3E%3Ccircle cx='147.2' cy='153.1' r='38.4' fill='%239a3412' opacity='.92'/%3E%3Ccircle cx='52' cy='48.4' r='39.2' fill='%23d97706' opacity='.92'/%3E%3Ccircle cx='68.4' cy='39' r='21.8' fill='%23c2410c' opacity='.92'/%3E%3Ccircle cx='160.4' cy='115.3' r='24.4' fill='%23c2410c' opacity='.92'/%3E%3Ccircle cx='91.5' cy='58.4' r='32.3' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='148.7' cy='106.7' r='27.3' fill='%23c2410c' opacity='.92'/%3E%3Ccircle cx='86.3' cy='54.6' r='28.8' fill='%23f59e0b' opacity='.92'/%3E%3Ccircle cx='116.4' cy='145.5' r='34.6' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='157.4' cy='107' r='34.2' fill='%23d97706' opacity='.92'/%3E%3Ccircle cx='151.8' cy='52' r='33.8' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='81.2' cy='158.8' r='34.7' fill='%239a3412' opacity='.92'/%3E%3Ccircle cx='40.3' cy='137.5' r='39' fill='%23d97706' opacity='.92'/%3E%3Ccircle cx='163.1' cy='143.8' r='24.6' fill='%23b45309' opacity='.92'/%3E%3Ccircle cx='95.5' cy='92.5' r='25.3' fill='%23b91c1c' opacity='.92'/%3E%3Ccircle cx='130.4' cy='94.3' r='39.9' fill='%239a3412' opacity='.92'/%3E%3Ccircle cx='50.6' cy='98.6' r='27.7' fill='%23f59e0b' opacity='.92'/%3E%3Ccircle cx='41.4' cy='117' r='35.1' fill='%239a3412' opacity='.92'/%3E%3Ccircle cx='108.2' cy='77.1' r='37.7' fill='%23b45309' opacity='.92'/%3E%3Ccircle cx='47' cy='42.8' r='30.5' fill='%23f59e0b' opacity='.92'/%3E%3Ccircle cx='63.4' cy='56.7' r='9.3' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='166.6' cy='109.9' r='6.6' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='118.1' cy='98.3' r='10.2' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='71.1' cy='53.2' r='11.3' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='97.1' cy='68.3' r='11.5' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='76.2' cy='55' r='6.8' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='124.8' cy='117.6' r='6' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='152.3' cy='32' r='7.2' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='150.3' cy='87.7' r='11.7' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='125.4' cy='112.2' r='9.5' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='89' cy='53.8' r='11' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='134.2' cy='78.9' r='7.5' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='158.4' cy='88.6' r='9.8' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='65.6' cy='82.6' r='6.7' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='121.7' cy='50.8' r='10' fill='%23fbbf24' opacity='.45'/%3E%3Ccircle cx='144.2' cy='140' r='11.6' fill='%23fbbf24' opacity='.45'/%3E%3C/g%3E%3C/svg%3E") right bottom/contain no-repeat;opacity:.75;transform-origin:58% 100%;animation:tg-tree 7.5s ease-in-out -2s infinite alternate-reverse}
|
|
@keyframes tg-tree{from{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}
|
|
.messages{background:linear-gradient(90deg,rgba(26,14,8,.2),rgba(26,14,8,.62) 3rem,rgba(26,14,8,.62) calc(100% - 3rem),rgba(26,14,8,.2))!important}
|
|
.message{border-radius:var(--radius-sm)!important;transition:background .18s!important}
|
|
.message:hover{background:rgba(246,196,83,.08)!important;box-shadow:inset 3px 0 0 #e8892b!important}
|
|
.message-user-sep{border-top-color:rgba(246,196,83,.12)!important}
|
|
.message-content{color:#fbf1e1!important;text-shadow:0 1px 2px rgba(0,0,0,.8)}
|
|
.message-time{color:#d9c2a2!important}
|
|
.message-avatar,.message-avatar-img{box-shadow:0 0 0 2px #2a190e,0 0 0 4px #e8892b!important}
|
|
.message-content code{background:rgba(246,196,83,.1)!important;color:#f6c453!important;border:1px solid rgba(246,196,83,.2)!important}
|
|
.message-content blockquote,.message-content .md-quote{border-left-color:#9ccc55!important;background:rgba(156,204,85,.08)!important}
|
|
.msg-toolbar{background:#2a190e!important;border:1px solid #6a4322!important;border-radius:var(--radius-sm)!important;box-shadow:0 6px 16px rgba(0,0,0,.4)!important}
|
|
.channel-header{background:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 3.25rem),repeating-linear-gradient(0deg,rgba(255,220,160,.035) 0 1px,transparent 1px 6px),linear-gradient(180deg,#5a3418,#3b200d)!important;border-bottom:3px solid #2a150b!important;box-shadow:0 6px 18px rgba(0,0,0,.45)!important;padding-bottom:1.4rem!important}
|
|
html[data-haven-theme-api] .channel-header::before{content:""!important;position:absolute;left:0;right:0;bottom:0;height:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 28' preserveAspectRatio='none'%3E%3Cpath d='M0 8Q40 22 80 8T160 8' fill='none' stroke='%235a3214' stroke-width='2.4'/%3E%3Cg transform='translate(12 13) rotate(20) scale(.62)'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23c2410c'/%3E%3C/g%3E%3Cg transform='translate(30 18) rotate(-30) scale(.62)'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23f59e0b'/%3E%3C/g%3E%3Cg transform='translate(50 16) rotate(40) scale(.62)'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23b91c1c'/%3E%3C/g%3E%3Cg transform='translate(70 11) rotate(-10) scale(.62)'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23d97706'/%3E%3C/g%3E%3Cg transform='translate(92 13) rotate(15) scale(.62)'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23ea580c'/%3E%3C/g%3E%3Cg transform='translate(110 18) rotate(-40) scale(.62)'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23b45309'/%3E%3C/g%3E%3Cg transform='translate(130 16) rotate(30) scale(.62)'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23facc15'/%3E%3C/g%3E%3Cg transform='translate(150 11) rotate(-20) scale(.62)'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23c2410c'/%3E%3C/g%3E%3Cg transform='translate(40 20)'%3E%3Cellipse rx='3.4' ry='4.2' fill='%23a0673a'/%3E%3Cpath d='M-4-2Q0-7 4-2Z' fill='%235a3214'/%3E%3C/g%3E%3Cg transform='translate(120 20)'%3E%3Cellipse rx='3.4' ry='4.2' fill='%23a0673a'/%3E%3Cpath d='M-4-2Q0-7 4-2Z' fill='%235a3214'/%3E%3C/g%3E%3C/svg%3E") 0 0/10rem 100% repeat-x;pointer-events:none;z-index:-1}
|
|
#channel-header-name,.channel-header h2,.channel-header h3{font-family:var(--font-heading)!important;color:#fde7b0!important;text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 10px rgba(246,170,60,.35)!important}
|
|
.header-actions-box{background:rgba(30,17,8,.78)!important;border:1px solid #6a4322!important;border-radius:var(--radius)!important}
|
|
.channel-topic-bar{background:linear-gradient(180deg,#2a170b,#1f1208)!important;border-bottom:1px solid #4a2e18!important;color:#e6cfae!important}
|
|
.icon-btn:hover{background:rgba(246,196,83,.14)!important;color:#fff!important}
|
|
.message-input-area{background:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 3.25rem),repeating-linear-gradient(0deg,rgba(255,220,160,.035) 0 1px,transparent 1px 6px),linear-gradient(180deg,#6a4020,#4a2a12 35%,#3a200d)!important;border-top:0!important;box-shadow:0 -6px 18px rgba(0,0,0,.4)!important}
|
|
html[data-haven-theme-api] .message-input-area::before,html[data-haven-theme-api] .message-input-area::after{content:""!important;position:absolute;pointer-events:none}
|
|
.message-input-area::before{left:0;right:0;top:-.5rem;height:.9rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 16' preserveAspectRatio='none'%3E%3Crect y='10' width='80' height='6' fill='%23c9963c'/%3E%3Cpath d='M13.3 14L16.7 5.1' stroke='%23e8c26a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M11.3 14L13.4 5.2' stroke='%23d6a84a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M51.2 14L50.4 3.5' stroke='%23c08f35' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M51.6 14L49.7 2.4' stroke='%23f3d78a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M42.9 14L40.5 4.2' stroke='%23e8c26a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M33.4 14L31 3.6' stroke='%23d6a84a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M29.5 14L29.7 2.7' stroke='%23c08f35' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M24.6 14L28.2 1.4' stroke='%23f3d78a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M75.3 14L79 5.8' stroke='%23e8c26a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M73.5 14L77 3.5' stroke='%23d6a84a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M19.1 14L16.5 3.9' stroke='%23c08f35' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M70.3 14L67 4.7' stroke='%23f3d78a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M20.7 14L21.2 6' stroke='%23e8c26a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M26.1 14L24.6 2.7' stroke='%23d6a84a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M65.6 14L69.4 2.5' stroke='%23c08f35' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M50.2 14L51.9 4.1' stroke='%23f3d78a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M9.7 14L7.9 5.3' stroke='%23e8c26a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M73.6 14L76.4 5.5' stroke='%23d6a84a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M65.1 14L63.3 5.5' stroke='%23c08f35' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M62.1 14L59.1 4.5' stroke='%23f3d78a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M71 14L68.5 4.4' stroke='%23e8c26a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M23.3 14L24.3 2.9' stroke='%23d6a84a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M27.3 14L25.7 2.4' stroke='%23c08f35' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M35.3 14L31.4 5' stroke='%23f3d78a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M16.5 14L19.8 0.2' stroke='%23e8c26a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M79.7 14L76 4.8' stroke='%23d6a84a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M26.7 14L23.1 5.3' stroke='%23c08f35' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M57.7 14L61 5.7' stroke='%23f3d78a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M15.5 14L15.7 3.7' stroke='%23e8c26a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M44.4 14L46.5 0.7' stroke='%23d6a84a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M16.1 14L19.6 0.3' stroke='%23c08f35' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M1.7 14L5.6 1.9' stroke='%23f3d78a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M19.6 14L16.2 3.6' stroke='%23e8c26a' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M36.2 14L38.5 3.9' stroke='%23d6a84a' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/5rem 100% repeat-x;z-index:-1}
|
|
.message-input-area::after{right:.6rem;top:-2.1rem;width:4rem;height:2.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 50' %3E%3Cg transform='translate(26 30) scale(1.15)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23ea7317' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='translate(58 36) scale(0.8)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23f59e0b'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23f59e0b'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23f59e0b' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='translate(76 40) scale(0.55)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23fde68a'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23fde68a'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23fde68a' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3C/svg%3E") center bottom/contain no-repeat;z-index:1}
|
|
.message-input-area textarea,#message-input{background:#fff6e6!important;color:#2a1608!important;border:2px solid #c2410c!important;border-radius:var(--radius)!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.15)!important}
|
|
.message-input-area textarea::placeholder,#message-input::placeholder{color:#7a5634!important}
|
|
.message-input-area textarea:focus,#message-input:focus{border-color:#9a3412!important;box-shadow:0 0 0 3px rgba(246,196,83,.4)!important}
|
|
.message-input-area .icon-btn,.message-input-area button:not(.btn-send){color:#fde7c8!important}
|
|
.btn-send,.thread-send-btn{background:radial-gradient(circle at 35% 30%,#f7a84a,#e8892b 55%,#c2410c)!important;color:#1a0d03!important;border:2px solid #fde68a!important;box-shadow:0 3px 10px rgba(0,0,0,.4)!important}
|
|
.btn-send:hover,.thread-send-btn:hover{transform:scale(1.06) rotate(6deg)}
|
|
.btn-sm{border-radius:var(--radius-sm)!important;border:1px solid #6a4322!important;background:#2e1c10!important;color:#fbf1e1!important}
|
|
.btn-sm:hover{background:#4a2e18!important;border-color:#f6c453!important}
|
|
.btn-accent,.btn-sm.btn-accent{background:linear-gradient(180deg,#f29a3e,#e8892b)!important;color:#1a0d03!important;border:1px solid #fde68a!important;box-shadow:0 2px 8px rgba(0,0,0,.35)!important}
|
|
.btn-accent:hover,.btn-sm.btn-accent:hover{background:linear-gradient(180deg,#f7ad5a,#f29a3e)!important;color:#1a0d03!important}
|
|
.btn-voice,.btn-secondary,.right-sidebar .panel{background:rgba(36,22,13,.9)!important;border:1px solid #6a4322!important;border-radius:var(--radius-sm)!important;color:#fbf1e1!important}
|
|
.btn-voice:hover,.btn-secondary:hover{border-color:#f6c453!important;background:#372313!important}
|
|
.right-sidebar .panel-title{color:#f6c453!important;letter-spacing:.12em}
|
|
.modal-overlay{background:rgba(20,10,4,.72)!important}
|
|
.modal,.theme-popup{background:repeating-linear-gradient(0deg,rgba(234,88,12,.12) 0 .9rem,transparent .9rem 2.6rem),repeating-linear-gradient(90deg,rgba(234,88,12,.12) 0 .9rem,transparent .9rem 2.6rem),repeating-linear-gradient(0deg,rgba(250,204,21,.07) 0 .125rem,transparent .125rem 1.3rem),repeating-linear-gradient(90deg,rgba(250,204,21,.07) 0 .125rem,transparent .125rem 1.3rem),linear-gradient(180deg,#36210f,#24160d)!important;border:2px solid #b07d12!important;border-radius:var(--radius)!important;box-shadow:0 0 0 4px #24160d,0 0 0 6px #c2410c,0 20px 50px rgba(0,0,0,.6)!important}
|
|
html[data-haven-theme-api] .modal::before{content:""!important;position:absolute;left:0;right:0;top:0;height:1.4rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 28' preserveAspectRatio='none'%3E%3Cpath d='M0 8Q40 22 80 8T160 8' fill='none' stroke='%235a3214' stroke-width='2.4'/%3E%3Cg transform='translate(12 13) rotate(20) scale(.62)'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23c2410c'/%3E%3C/g%3E%3Cg transform='translate(30 18) rotate(-30) scale(.62)'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23f59e0b'/%3E%3C/g%3E%3Cg transform='translate(50 16) rotate(40) scale(.62)'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23b91c1c'/%3E%3C/g%3E%3Cg transform='translate(70 11) rotate(-10) scale(.62)'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23d97706'/%3E%3C/g%3E%3Cg transform='translate(92 13) rotate(15) scale(.62)'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23ea580c'/%3E%3C/g%3E%3Cg transform='translate(110 18) rotate(-40) scale(.62)'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23b45309'/%3E%3C/g%3E%3Cg transform='translate(130 16) rotate(30) scale(.62)'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23facc15'/%3E%3C/g%3E%3Cg transform='translate(150 11) rotate(-20) scale(.62)'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23c2410c'/%3E%3C/g%3E%3Cg transform='translate(40 20)'%3E%3Cellipse rx='3.4' ry='4.2' fill='%23a0673a'/%3E%3Cpath d='M-4-2Q0-7 4-2Z' fill='%235a3214'/%3E%3C/g%3E%3Cg transform='translate(120 20)'%3E%3Cellipse rx='3.4' ry='4.2' fill='%23a0673a'/%3E%3Cpath d='M-4-2Q0-7 4-2Z' fill='%235a3214'/%3E%3C/g%3E%3C/svg%3E") 0 0/10rem 100% repeat-x;pointer-events:none;opacity:.9}
|
|
.modal h3,.modal h2,.theme-popup-title{font-family:var(--font-heading)!important;color:#fde7b0!important}
|
|
[data-haven-page="auth"]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 460' %3E%3Cg transform='translate(324.6 320.5) rotate(302) scale(1.10)' opacity='0.84'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23c2410c'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(16.2 410.3) rotate(141) scale(1.11)' opacity='0.94'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23ea580c'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(44.7 427.4) rotate(119) scale(1.08)' opacity='0.92'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23d97706'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(94.2 152.7) rotate(102) scale(1.31)' opacity='0.96'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23b91c1c'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(270.2 392.9) rotate(84) scale(1.03)' opacity='0.94'%3E%3Cpath d='M0-12Q9-4 .8 11V14H-.8V11Q-9-4 0-12Z' fill='%23d97706'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(98.9 321.7) rotate(1) scale(1.22)' opacity='0.89'%3E%3Cpath d='M0-12Q4-10 3-7Q7-6 5-2Q9 0 5 3Q8 6 3 7Q4 11 .8 12.5V14H-.8V12.5Q-4 11-3 7Q-8 6-5 3Q-9 0-5-2Q-7-6-3-7Q-4-10 0-12Z' fill='%23facc15'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(400.4 344) rotate(130) scale(1.45)' opacity='0.81'%3E%3Cpath d='M0-12L2.5-6L6-8L5-3L11-5L9 0L12 2L6 4L7 8L1 5L.8 13H-.8L-1 5L-7 8L-6 4L-12 2L-9 0L-11-5L-5-3L-6-8L-2.5-6Z' fill='%23facc15'/%3E%3Cpath d='M0-9V12' stroke='%235a2a0a' stroke-width='.8' opacity='.6'/%3E%3C/g%3E%3C/svg%3E") 0 0/28.75rem repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 140' preserveAspectRatio='none'%3E%3Cpath d='M0 70Q90 30 200 60T420 50T600 64V140H0Z' fill='%234a2617'/%3E%3Cpath d='M0 92Q120 62 260 86T600 80V140H0Z' fill='%233a1d10'/%3E%3Cg stroke='%234f2b14' stroke-width='3' opacity='.8'%3E%3Cpath d='M20 104Q200 90 380 100'/%3E%3Cpath d='M0 114Q220 100 420 112'/%3E%3Cpath d='M40 124Q260 112 560 122'/%3E%3C/g%3E%3Cg transform='translate(430 52)'%3E%3Crect x='0' y='16' width='46' height='32' fill='%237f1d1d'/%3E%3Cpath d='M-4 18L23 0L50 18Z' fill='%235c1414'/%3E%3Crect x='17' y='30' width='12' height='18' fill='%233b0d0d'/%3E%3Cpath d='M17 30l12 18M29 30l-12 18' stroke='%23f5e6c8' stroke-width='1.4'/%3E%3Crect x='54' y='4' width='14' height='44' rx='7' fill='%236b4a3a'/%3E%3Cpath d='M54 10h14M54 22h14M54 34h14' stroke='%234b3226' stroke-width='1.2'/%3E%3C/g%3E%3Cpath d='M0 128Q300 116 600 128V140H0Z' fill='%232a150b'/%3E%3Cg stroke='%236b4423' stroke-width='3'%3E%3Cpath d='M0 120H600M0 130H600'/%3E%3C/g%3E%3Cg fill='%235a361b'%3E%3Crect x='4' y='112' width='6' height='26'/%3E%3Crect x='54' y='112' width='6' height='26'/%3E%3Crect x='104' y='112' width='6' height='26'/%3E%3Crect x='154' y='112' width='6' height='26'/%3E%3Crect x='204' y='112' width='6' height='26'/%3E%3Crect x='254' y='112' width='6' height='26'/%3E%3Crect x='304' y='112' width='6' height='26'/%3E%3Crect x='354' y='112' width='6' height='26'/%3E%3Crect x='404' y='112' width='6' height='26'/%3E%3Crect x='454' y='112' width='6' height='26'/%3E%3Crect x='504' y='112' width='6' height='26'/%3E%3Crect x='554' y='112' width='6' height='26'/%3E%3C/g%3E%3Cg transform='translate(120 124) scale(0.55)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23ea7317' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='translate(146 128) scale(0.42)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23f59e0b'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23f59e0b'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23f59e0b' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='translate(330 126) scale(0.5)'%3E%3Cpath d='M-2-16q2-6 6-7l1 2q-3 1-4 6z' fill='%235b6b1f'/%3E%3Cellipse cx='-9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='9' cy='0' rx='10' ry='14' fill='%23ea7317'/%3E%3Cellipse cx='0' cy='0' rx='10' ry='15' fill='%23ea7317' stroke='%23b9520c' stroke-width='1.2'/%3E%3Cpath d='M-9-12q-4 12 0 24M9-12q4 12 0 24' stroke='%23b9520c' stroke-width='1.2' fill='none'/%3E%3Cellipse cx='-3' cy='-6' rx='3' ry='5' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3C/svg%3E") left 0 bottom 0/37.5rem 8.75rem repeat-x,radial-gradient(55% 32% at 50% 100%,rgba(255,170,70,.5),transparent 75%),linear-gradient(180deg,#160c18,#2e1620 35%,#5a2a1c 70%,#8a4318)!important}
|
|
[data-haven-region="auth-card"]{background:repeating-linear-gradient(0deg,rgba(234,88,12,.12) 0 .9rem,transparent .9rem 2.6rem),repeating-linear-gradient(90deg,rgba(234,88,12,.12) 0 .9rem,transparent .9rem 2.6rem),repeating-linear-gradient(0deg,rgba(250,204,21,.07) 0 .125rem,transparent .125rem 1.3rem),repeating-linear-gradient(90deg,rgba(250,204,21,.07) 0 .125rem,transparent .125rem 1.3rem),linear-gradient(180deg,#36210f,#24160d)!important;border:2px solid #b07d12!important;box-shadow:0 0 0 4px #24160d,0 0 0 6px #c2410c,0 20px 50px rgba(0,0,0,.6)!important}
|
|
@media (max-width:768px){.sidebar::before{background-size:80% auto,auto,auto,auto,auto,auto,auto}.sidebar::after{width:3.75rem;height:3.75rem}.main{background-size:26rem 6rem,auto,auto!important;background-position:left 0 bottom 2.9rem,0 0,0 0!important}.message-area::before{width:7rem;height:9.5rem;bottom:2.9rem;opacity:.6}.message-area::after{width:6.5rem;height:9rem;bottom:2.9rem;opacity:.55}.channel-header{padding-bottom:1.3rem!important}.message-input-area::after{width:3.25rem;height:3.25rem;top:-2.9rem;right:.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112' %3E%3Cg transform='rotate(-66 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23b91c1c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(-44 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23ea580c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(-22 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23f59e0b'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(0 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23c2410c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(22 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23f59e0b'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(44 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23ea580c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cg transform='rotate(66 45 64)'%3E%3Cellipse cx='45' cy='28' rx='11' ry='30' fill='%23b91c1c'/%3E%3Cellipse cx='45' cy='18' rx='6' ry='10' fill='%23fde68a' opacity='.55'/%3E%3Cpath d='M45 6V60' stroke='%237c2d12' stroke-width='1' opacity='.5'/%3E%3C/g%3E%3Cellipse cx='54' cy='72' rx='27' ry='25' fill='%237c4a22'/%3E%3Cellipse cx='62' cy='78' rx='16' ry='15' fill='%2394592b'/%3E%3Cpath d='M36 66Q50 54 66 70Q54 88 34 80Z' fill='%235c3418'/%3E%3Cpath d='M42 70q8 2 16 8M40 76q8 2 14 6' stroke='%233f220e' stroke-width='1.4' fill='none'/%3E%3Cpath d='M64 64Q70 44 76 34Q84 26 90 36Q86 48 78 66Z' fill='%23a0673a'/%3E%3Ccircle cx='83' cy='31' r='9.5' fill='%23b07a48'/%3E%3Ccircle cx='86' cy='28' r='3.2' fill='%23fff'/%3E%3Ccircle cx='87' cy='28.3' r='1.7' fill='%231a0d05'/%3E%3Cpath d='M91 32L101 35.5L91 39Z' fill='%23f59e0b'/%3E%3Cpath d='M89 28Q95 33 93.5 45Q89.5 43 88.5 33Z' fill='%23dc2626'/%3E%3Cpath d='M85 39Q90 46 85.5 53Q80.5 48 82.5 39Z' fill='%23dc2626'/%3E%3Cg stroke='%23f59e0b' stroke-width='3' stroke-linecap='round' fill='none'%3E%3Cpath d='M48 94L46 106M60 94L62 106'/%3E%3Cpath d='M46 106l-5 3M46 106l1 4M46 106l5 2M62 106l-4 3M62 106l2 4M62 106l6 1'/%3E%3C/g%3E%3C/svg%3E") center bottom/contain no-repeat;transform-origin:50% 95%;animation:tg-wobble .9s ease-in-out infinite alternate,tg-gobble 3.4s ease-in-out infinite}}
|
|
@media (prefers-reduced-motion:reduce){.main::before,.main::after,.message-area::before,.message-area::after,.sidebar::after,.right-sidebar::after,.message-input-area::after{animation:none!important}}
|