:root{--theme-bg-app: #000;--theme-bg-canvas: #050505;--theme-surface-elevated: #111;--theme-surface-panel: #171717;--theme-surface-panel-overlay: rgba(24, 24, 24, .94);--theme-surface-card: #1a1a1a;--theme-surface-accent: #172920;--theme-surface-green-low: #101810;--theme-surface-modal: #0f0f10;--theme-card-top: rgba(35, 35, 35, .98);--theme-panel-top: rgba(24, 27, 24, .98);--theme-panel-bottom: rgba(12, 13, 12, .98);--theme-surface-dark-92: rgba(20, 20, 20, .92);--theme-surface-dark-96: rgba(22, 22, 22, .96);--theme-surface-ink-98: rgba(18, 18, 18, .98);--theme-surface-ink-96: rgba(18, 18, 18, .96);--theme-surface-ink-88: rgba(18, 18, 18, .88);--theme-surface-glass: rgba(255, 255, 255, .06);--theme-surface-glass-soft: rgba(255, 255, 255, .05);--theme-surface-glass-faint: rgba(255, 255, 255, .04);--theme-text-primary: #fff;--theme-text-bright: #f9fafb;--theme-text-primary-90: rgba(255, 255, 255, .9);--theme-text-primary-88: rgba(255, 255, 255, .88);--theme-text-primary-85: rgba(255, 255, 255, .85);--theme-text-primary-82: rgba(255, 255, 255, .82);--theme-text-primary-80: rgba(255, 255, 255, .8);--theme-text-primary-76: rgba(255, 255, 255, .76);--theme-text-primary-72: rgba(255, 255, 255, .72);--theme-text-primary-70: rgba(255, 255, 255, .7);--theme-text-primary-68: rgba(255, 255, 255, .68);--theme-text-soft: #d1d5db;--theme-text-secondary: rgba(255, 255, 255, .6);--theme-text-muted: rgba(255, 255, 255, .66);--theme-text-muted-64: rgba(255, 255, 255, .64);--theme-text-subtle: rgba(255, 255, 255, .54);--theme-text-faint: rgba(255, 255, 255, .52);--theme-text-dim: #979797;--theme-text-muted-alt: #d3d3d3;--theme-border-soft: rgba(255, 255, 255, .08);--theme-border-soft-strong: rgba(255, 255, 255, .1);--theme-border-medium: rgba(255, 255, 255, .14);--theme-border-medium-strong: rgba(255, 255, 255, .16);--theme-border-strong: rgba(255, 255, 255, .18);--theme-white-25: rgba(255, 255, 255, .25);--theme-white-24: rgba(255, 255, 255, .24);--theme-white-20: rgba(255, 255, 255, .2);--theme-white-12: rgba(255, 255, 255, .12);--theme-white-07: rgba(255, 255, 255, .07);--theme-border-white-55: rgba(255, 255, 255, .55);--theme-white-50: rgba(255, 255, 255, .5);--theme-overlay: rgba(0, 0, 0, .82);--theme-overlay-soft: rgba(17, 17, 17, .94);--theme-overlay-98: rgba(17, 17, 17, .98);--theme-overlay-border: rgba(17, 17, 17, .14);--theme-overlay-green: rgba(7, 10, 8, .76);--theme-overlay-modal: rgba(8, 8, 10, .88);--theme-overlay-heavy: rgba(0, 0, 0, .88);--theme-overlay-card: rgba(0, 0, 0, .72);--theme-overlay-card-soft: rgba(0, 0, 0, .7);--theme-overlay-scrim: rgba(0, 0, 0, .5);--theme-shadow-strong: rgba(0, 0, 0, .45);--theme-shadow-medium: rgba(0, 0, 0, .38);--theme-shadow-soft: rgba(0, 0, 0, .35);--theme-shadow-card: rgba(0, 0, 0, .28);--theme-black-20: rgba(0, 0, 0, .2);--theme-accent: #1eab55;--theme-accent-strong: #24a153;--theme-accent-bright: #75e59e;--theme-accent-vivid: #4ade80;--theme-accent-deep: #166534;--theme-accent-soft: #86efac;--theme-accent-pale: #bbf7d0;--theme-accent-lime: #7ee787;--theme-accent-text: #dffbe8;--theme-accent-soft-text: #9af0b9;--theme-ink-on-accent: #041109;--theme-accent-border-strong: rgba(36, 161, 83, .9);--theme-accent-border: rgba(36, 161, 83, .35);--theme-accent-border-soft: rgba(36, 161, 83, .2);--theme-accent-shadow-strong: rgba(36, 161, 83, .55);--theme-accent-surface-stronger: rgba(36, 161, 83, .16);--theme-accent-border-hover: rgba(30, 171, 85, .6);--theme-accent-border-dashed: rgba(30, 171, 85, .4);--theme-accent-fill-strong: rgba(30, 171, 85, .95);--theme-accent-fill-solid: rgba(30, 171, 85, .9);--theme-accent-fill-hover: rgba(30, 171, 85, .32);--theme-accent-fill-deep: rgba(18, 120, 56, 1);--theme-accent-surface: rgba(30, 171, 85, .22);--theme-accent-surface-strong: rgba(30, 171, 85, .16);--theme-accent-surface-soft: rgba(30, 171, 85, .08);--theme-accent-tint: rgba(223, 251, 232, .12);--theme-accent-border-emerald: rgba(74, 222, 128, .35);--theme-accent-surface-emerald: rgba(74, 222, 128, .22);--theme-danger: #ff8e8e;--theme-danger-soft: #ff9d9d;--theme-danger-pale: #ffb4b4;--theme-danger-text: #ffd4d4;--theme-danger-border: rgba(255, 92, 92, .28);--theme-danger-border-strong: rgba(255, 92, 92, .45);--theme-danger-surface: rgba(255, 92, 92, .08);--theme-danger-surface-strong: rgba(255, 92, 92, .14);--theme-warning: #ff7043;--theme-warning-soft: #ffb199;--theme-warning-surface: rgba(255, 112, 67, .22);--theme-info: #8fd0ff;--theme-info-text: #d7f2ff;--theme-info-bright: #f8fdff;--theme-info-surface: rgba(61, 166, 255, .22);--theme-sky-outline: rgba(125, 211, 252, .75);--theme-sky-border: rgba(125, 211, 252, .42);--theme-sky-border-soft: rgba(125, 211, 252, .24);--theme-sky-surface: rgba(56, 189, 248, .22);--theme-sky-surface-strong: rgba(56, 189, 248, .18);--theme-sky-surface-soft: rgba(56, 189, 248, .14);--theme-sky-glow: rgba(125, 211, 252, .35);--theme-blue-panel: rgba(15, 23, 42, .9);--theme-blue-panel-soft: rgba(15, 23, 42, .38);--theme-blue-border-soft: rgba(15, 23, 42, .08);--theme-blue-deep: #111827;--theme-blue-night: #030712;--theme-focus-ring: rgba(99, 102, 241, .2);--theme-gold-glow: rgba(255, 214, 10, .35);--theme-paper-top: #fbfaf5;--theme-paper-bottom: #f2eee4;--theme-slate-800: rgb(30 41 59);--theme-slate-700: rgb(51 65 85);--theme-slate-600: rgb(71 85 105);--theme-slate-500: rgb(100 116 139);--theme-slate-400-28: rgba(148, 163, 184, .28);--theme-slate-100: rgb(226 232 240);--theme-red-500: rgb(239 68 68);--theme-red-600: rgb(220 38 38)}body{margin:0;font-family:system-ui,sans-serif;background:var(--theme-bg-app);color:var(--theme-text-primary);scrollbar-color:var(--theme-accent-strong) var(--theme-surface-elevated)}html{background:var(--theme-bg-app);scrollbar-color:var(--theme-accent-strong) var(--theme-surface-elevated)}*{scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--theme-surface-elevated)}*::-webkit-scrollbar-thumb{background:var(--theme-accent-strong);border-radius:999px}#page-root{position:relative;width:100%;max-width:100%;overflow-x:clip;top:96px}body.meme-client-loading{overflow:hidden}body.meme-client-loading>:not(.meme-client-loading-screen){visibility:hidden}.meme-client-loading-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;font-family:Helvetica Neue,Arial,sans-serif}.meme-client-loading-screen__content{display:grid;gap:16px;justify-items:center;text-align:center}.meme-client-loading-screen__spinner{width:48px;height:48px;border:4px solid var(--theme-white-20);border-top-color:var(--theme-accent-strong);border-radius:999px;animation:meme-client-loading-spin .8s linear infinite}.meme-client-loading-screen__label{margin:0;font-size:14px;letter-spacing:.08em;text-transform:uppercase}@keyframes meme-client-loading-spin{to{transform:rotate(360deg)}}meme-feed{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px}.feed{max-width:700px;margin:auto;padding:0 10px 96px;display:flex;flex-direction:column;gap:20px}.feed-topbar{max-width:700px;padding-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;box-sizing:border-box;margin:0 16px}.feed-stat-content{display:flex!important;flex-direction:row;align-items:center;gap:6px}.feed-stat{border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.feed-stat svg{color:var(--theme-accent-strong)}.feed-stat-label{padding-left:4px;font-size:14px;transform:uppercase;letter-spacing:.08em;color:var(--theme-text-secondary)}.feed-stat-value{font-size:16px;line-height:1}.meme-footer{margin-top:8px}.meme{margin-bottom:0;margin-right:8px}.meme img,.meme video{width:100%;height:auto;display:block;background:var(--theme-bg-canvas)}.meme-footer{padding:0}video{object-fit:contain}.image-shell{position:relative;margin-bottom:22px;background:var(--theme-bg-canvas);overflow:hidden;min-height:400px;width:100%}.image-shell:before{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid var(--theme-white-20);border-top-color:var(--theme-text-primary-85);border-radius:50%;animation:image-spinner .75s linear infinite}.image-shell.is-loaded:before,.image-shell.is-error:before{display:none}.image-shell img{opacity:0;transition:opacity .16s ease}.image-shell.is-loaded img,.image-shell.is-error img{opacity:1}@keyframes image-spinner{to{transform:rotate(360deg)}}.search-shell{position:fixed;left:0;right:0;bottom:max(0px,env(safe-area-inset-bottom));z-index:1000;display:flex;justify-content:center;pointer-events:none}body[data-view=grid] .feed{min-width:100%;display:grid;gap:24px;align-items:start}body[data-view=grid] .feed-topbar{max-width:920px}body[data-view=grid] .image-shell{min-height:220px}floating-octocat{position:fixed;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));width:64px;height:64px;display:block;z-index:1001;pointer-events:none;border:2px solid var(--theme-accent-border-strong);border-radius:42%/46%;box-shadow:0 0 12px var(--theme-accent-border);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}floating-octocat img{width:100%;height:100%;display:block;object-fit:contain}floating-octocat.is-interactive{pointer-events:auto}floating-octocat.is-hovered{transform:scale(1.08);box-shadow:0 0 18px var(--theme-accent-shadow-strong)}#upload-memes{position:fixed;left:16px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:1001;padding:12px 20px;font-size:16px;border:none;border-radius:999px;background:var(--theme-surface-accent);color:var(--theme-text-primary);border:1px solid var(--theme-accent-strong);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}@media(max-width:767px){#page-root{top:200px}.feed-topbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:42px}.feed-stat{padding:12px 14px}.feed-stat-value{font-size:20px}floating-octocat{right:12px;bottom:calc(88px + env(safe-area-inset-bottom));width:48px;height:48px}}side-menu{--side-menu-width: 250px}side-menu [data-side-menu-item]{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;line-height:1.2;border-radius:10px}.side-menu-icon{width:18px;height:18px;flex:0 0 18px;object-fit:contain;stroke-width:2;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.side-menu-label{min-width:0}body{padding-left:var(--side-menu-width, 250px);box-sizing:border-box}.feed{margin-right:16px}.search-shell{left:var(--side-menu-width, 250px)}#top-banner{padding-top:12px;padding-bottom:12px;height:30px;position:fixed;left:0;width:100%;background-color:var(--theme-bg-app);z-index:1000}@media(max-width:767px){body{padding-left:0}.feed{margin:auto}.search-shell{left:0}body.menu-open{overflow:hidden}}@media(min-width:768px){.feed{padding-bottom:110px}#floating-octocat{right:20px;bottom:calc(104px + env(safe-area-inset-bottom))}}side-menu{color:var(--theme-text-primary)}@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px #00000040;position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translate(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translate(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:#00000040;border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:#00000026}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px #00000021;width:100%}.notyf__dismiss{width:56px}}