:root{--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Menlo", monospace;--bg-body: #F5F5F7;--bg-header: rgba(255, 255, 255, .85);--surface-primary: #FFFFFF;--surface-secondary: #E9E9EB;--surface-secondary-hover: #D1D1D6;--text-primary: #1D1D1F;--text-secondary: #86868B;--text-muted: #AEAEB2;--border-subtle: rgba(60, 60, 67, .1);--border-medium: rgba(60, 60, 67, .18);--control-bg: rgba(118, 118, 128, .12);--control-bg-hover: rgba(118, 118, 128, .2);--accent-color: #007AFF;--accent-hover: #0056B3;--status-warn: #FF9500;--status-error: #FF3B30;--status-success: #34C759;--status-info: #0A84FF;--status-pending: #8E8E93;--status-warn-text: #B75E00;--status-error-text: #D70015;--status-success-text: #248A3D;--status-info-text: #0056B3;--like-heart: #FF2D55;--map-filled: #58A65C;--shadow: 0 4px 12px rgba(0, 0, 0, .03), 0 1px 2px rgba(0, 0, 0, .02);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--shadow-glass: 0 1px 0 rgba(0, 0, 0, .05);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--radius-comic: 8px;--touch-target-min: 44px;--focus-ring: 0 0 0 4px rgba(0, 122, 255, .18);--ease-spring: cubic-bezier(.25, .8, .25, 1);--ease-admin: cubic-bezier(.2, .8, .2, 1);--admin-bg: #F5F5F7;--admin-bg-image: radial-gradient(circle at 15% -10%, rgba(0, 122, 255, .1), transparent 34%), radial-gradient(circle at 95% 0%, rgba(175, 82, 222, .1), transparent 30%), linear-gradient(180deg, #F9F9FB 0%, #F2F2F7 100%);--admin-surface: rgba(255, 255, 255, .92);--admin-surface-solid: #FFFFFF;--admin-surface-secondary: rgba(242, 242, 247, .92);--admin-surface-tertiary: rgba(229, 229, 234, .82);--admin-card-bg: var(--admin-surface);--admin-card-bg-hover: rgba(255, 255, 255, .98);--admin-card-border: rgba(60, 60, 67, .11);--admin-header-bg: rgba(255, 255, 255, .76);--admin-text: #1D1D1F;--admin-text-secondary: #636366;--admin-text-muted: #8E8E93;--admin-text-inverse: #FFFFFF;--admin-border: rgba(60, 60, 67, .12);--admin-border-strong: rgba(60, 60, 67, .22);--admin-separator: rgba(60, 60, 67, .1);--admin-input-bg: rgba(118, 118, 128, .12);--admin-input-bg-hover: rgba(118, 118, 128, .18);--admin-input-bg-focus: #FFFFFF;--admin-accent: var(--accent-color);--admin-accent-hover: var(--accent-hover);--admin-accent-soft: rgba(0, 122, 255, .12);--admin-purple: #AF52DE;--admin-success: var(--status-success);--admin-warning: var(--status-warn);--admin-danger: var(--status-error);--admin-info: var(--status-info);--admin-pending: var(--status-pending);--admin-status-success-bg: rgba(52, 199, 89, .15);--admin-status-success-text: #248A3D;--admin-status-warning-bg: rgba(255, 149, 0, .16);--admin-status-warning-text: #B75E00;--admin-status-danger-bg: rgba(255, 59, 48, .14);--admin-status-danger-text: #D70015;--admin-status-info-bg: rgba(0, 122, 255, .13);--admin-status-info-text: #0056B3;--admin-status-pending-bg: rgba(142, 142, 147, .16);--admin-status-pending-text: #636366;--admin-radius-xs: 8px;--admin-radius-sm: 10px;--admin-radius: 18px;--admin-radius-lg: 24px;--admin-radius-xl: 32px;--admin-radius-pill: 999px;--admin-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 0 rgba(255, 255, 255, .8) inset;--admin-shadow: 0 12px 35px rgba(0, 0, 0, .07), 0 2px 8px rgba(0, 0, 0, .03);--admin-shadow-hover: 0 18px 45px rgba(0, 0, 0, .11), 0 4px 12px rgba(0, 0, 0, .04);--admin-shadow-glass: 0 20px 50px rgba(31, 35, 45, .12), 0 0 0 1px var(--admin-border);--admin-container-max: 1200px;--admin-container-padding: 20px;--admin-grid-gap: 20px;--admin-touch-target: var(--touch-target-min);--admin-breakpoint-desktop: 1024px;--admin-breakpoint-tablet: 768px;--admin-breakpoint-mobile: 600px;--admin-breakpoint-small: 480px;--admin-breakpoint-tiny: 360px;--bg-card: var(--surface-primary);--bg-badge: var(--surface-secondary);--bg-badge-hover: var(--surface-secondary-hover);--text-main: var(--text-primary);--border-color: var(--border-subtle)}[data-theme=dark]{--bg-body: #000000;--bg-header: rgba(28, 28, 30, .85);--surface-primary: #1C1C1E;--surface-secondary: #2C2C2E;--surface-secondary-hover: #3A3A3C;--text-primary: #F5F5F7;--text-secondary: #98989D;--text-muted: #636366;--border-subtle: rgba(84, 84, 88, .36);--border-medium: rgba(84, 84, 88, .48);--control-bg: rgba(118, 118, 128, .24);--control-bg-hover: rgba(118, 118, 128, .35);--accent-color: #0A84FF;--accent-hover: #409CFF;--status-warn-text: #FFD60A;--status-error-text: #FF6961;--status-success-text: #32D74B;--status-info-text: #64D2FF;--map-filled: #428046;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glass: 0 1px 0 rgba(255, 255, 255, .1);--focus-ring: 0 0 0 4px rgba(10, 132, 255, .28);--admin-bg: #050506;--admin-bg-image: radial-gradient(circle at 12% -8%, rgba(10, 132, 255, .18), transparent 34%), radial-gradient(circle at 92% -4%, rgba(191, 90, 242, .16), transparent 32%), linear-gradient(180deg, #0C0C0F 0%, #000000 100%);--admin-surface: rgba(28, 28, 30, .86);--admin-surface-solid: #1C1C1E;--admin-surface-secondary: rgba(44, 44, 46, .86);--admin-surface-tertiary: rgba(58, 58, 60, .78);--admin-card-bg: var(--admin-surface);--admin-card-bg-hover: rgba(36, 36, 38, .94);--admin-card-border: rgba(84, 84, 88, .32);--admin-header-bg: rgba(28, 28, 30, .72);--admin-text: #F5F5F7;--admin-text-secondary: #AEAEB2;--admin-text-muted: #8E8E93;--admin-text-inverse: #000000;--admin-border: rgba(84, 84, 88, .36);--admin-border-strong: rgba(99, 99, 102, .52);--admin-separator: rgba(84, 84, 88, .36);--admin-input-bg: rgba(118, 118, 128, .24);--admin-input-bg-hover: rgba(118, 118, 128, .34);--admin-input-bg-focus: #2C2C2E;--admin-accent: var(--accent-color);--admin-accent-hover: var(--accent-hover);--admin-accent-soft: rgba(10, 132, 255, .2);--admin-purple: #BF5AF2;--admin-success: #30D158;--admin-warning: #FF9F0A;--admin-danger: #FF453A;--admin-info: #64D2FF;--admin-pending: #98989D;--admin-status-success-bg: rgba(48, 209, 88, .2);--admin-status-success-text: #32D74B;--admin-status-warning-bg: rgba(255, 159, 10, .22);--admin-status-warning-text: #FFD60A;--admin-status-danger-bg: rgba(255, 69, 58, .22);--admin-status-danger-text: #FF6961;--admin-status-info-bg: rgba(100, 210, 255, .18);--admin-status-info-text: #64D2FF;--admin-status-pending-bg: rgba(152, 152, 157, .2);--admin-status-pending-text: #C7C7CC;--admin-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .04) inset;--admin-shadow: 0 18px 45px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--admin-shadow-hover: 0 24px 60px rgba(0, 0, 0, .58), 0 6px 16px rgba(0, 0, 0, .4);--admin-shadow-glass: 0 24px 60px rgba(0, 0, 0, .55), 0 0 0 1px var(--admin-border)}@media (prefers-color-scheme: dark){:root[data-theme=auto]{--bg-body: #000000;--bg-header: rgba(28, 28, 30, .85);--surface-primary: #1C1C1E;--surface-secondary: #2C2C2E;--surface-secondary-hover: #3A3A3C;--text-primary: #F5F5F7;--text-secondary: #98989D;--text-muted: #636366;--border-subtle: rgba(84, 84, 88, .36);--border-medium: rgba(84, 84, 88, .48);--control-bg: rgba(118, 118, 128, .24);--control-bg-hover: rgba(118, 118, 128, .35);--accent-color: #0A84FF;--accent-hover: #409CFF;--status-warn-text: #FFD60A;--status-error-text: #FF6961;--status-success-text: #32D74B;--status-info-text: #64D2FF;--map-filled: #428046;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glass: 0 1px 0 rgba(255, 255, 255, .1);--focus-ring: 0 0 0 4px rgba(10, 132, 255, .28);--admin-bg: #050506;--admin-bg-image: radial-gradient(circle at 12% -8%, rgba(10, 132, 255, .18), transparent 34%), radial-gradient(circle at 92% -4%, rgba(191, 90, 242, .16), transparent 32%), linear-gradient(180deg, #0C0C0F 0%, #000000 100%);--admin-surface: rgba(28, 28, 30, .86);--admin-surface-solid: #1C1C1E;--admin-surface-secondary: rgba(44, 44, 46, .86);--admin-surface-tertiary: rgba(58, 58, 60, .78);--admin-card-bg: var(--admin-surface);--admin-card-bg-hover: rgba(36, 36, 38, .94);--admin-card-border: rgba(84, 84, 88, .32);--admin-header-bg: rgba(28, 28, 30, .72);--admin-text: #F5F5F7;--admin-text-secondary: #AEAEB2;--admin-text-muted: #8E8E93;--admin-text-inverse: #000000;--admin-border: rgba(84, 84, 88, .36);--admin-border-strong: rgba(99, 99, 102, .52);--admin-separator: rgba(84, 84, 88, .36);--admin-input-bg: rgba(118, 118, 128, .24);--admin-input-bg-hover: rgba(118, 118, 128, .34);--admin-input-bg-focus: #2C2C2E;--admin-accent: var(--accent-color);--admin-accent-hover: var(--accent-hover);--admin-accent-soft: rgba(10, 132, 255, .2);--admin-purple: #BF5AF2;--admin-success: #30D158;--admin-warning: #FF9F0A;--admin-danger: #FF453A;--admin-info: #64D2FF;--admin-pending: #98989D;--admin-status-success-bg: rgba(48, 209, 88, .2);--admin-status-success-text: #32D74B;--admin-status-warning-bg: rgba(255, 159, 10, .22);--admin-status-warning-text: #FFD60A;--admin-status-danger-bg: rgba(255, 69, 58, .22);--admin-status-danger-text: #FF6961;--admin-status-info-bg: rgba(100, 210, 255, .18);--admin-status-info-text: #64D2FF;--admin-status-pending-bg: rgba(152, 152, 157, .2);--admin-status-pending-text: #C7C7CC;--admin-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .04) inset;--admin-shadow: 0 18px 45px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--admin-shadow-hover: 0 24px 60px rgba(0, 0, 0, .58), 0 6px 16px rgba(0, 0, 0, .4);--admin-shadow-glass: 0 24px 60px rgba(0, 0, 0, .55), 0 0 0 1px var(--admin-border)}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-ui);background-color:var(--bg-body);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;min-height:100vh}body.preload *{transition:none!important}img{max-width:100%;height:auto;display:block}a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}:where(a[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:none;box-shadow:var(--focus-ring)}::selection{background:var(--accent-color);color:#fff}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex-shrink:0}.icon-sm{width:16px;height:16px}.icon-lg{width:32px;height:32px}.hidden{display:none!important}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:0s!important}}.content-container{max-width:980px;flex-grow:1;width:100%;margin:40px auto;padding:0 20px;display:flex;flex-direction:column;box-sizing:border-box}.section-title{font-family:var(--font-display);font-size:28px;font-weight:700;text-align:center;margin-bottom:32px;color:var(--text-main);letter-spacing:0;line-height:1.2}.section-title--clean{margin-bottom:24px}.hero-section,.feed-section,.search-section{margin-bottom:60px;width:100%}.footer-spacer{height:40px;width:100%;display:block;pointer-events:none}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-right{text-align:right}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.py-20{padding-top:20px;padding-bottom:20px}@media (max-width: 600px){.section-title{font-size:24px;margin-bottom:24px}.content-container{margin:20px auto;padding:0 16px}.hero-section,.feed-section{margin-bottom:40px}}.main-header{position:sticky;top:0;z-index:1000;width:100%;height:68px;background-color:var(--surface-primary);border-bottom:1px solid var(--border-subtle);box-shadow:0 1px #ffffff8c inset;transition:background-color .3s ease,border-color .3s,box-shadow .3s ease}[data-theme=dark] .main-header{background-color:var(--surface-primary);border-bottom:1px solid var(--border-subtle);box-shadow:none}@supports (backdrop-filter: blur(25px)) or (-webkit-backdrop-filter: blur(25px)){.main-header,[data-theme=dark] .main-header{background-color:var(--bg-header);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%)}}.header-wrap{max-width:1080px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;min-width:0}.site-logo{display:flex;align-items:center;border-radius:var(--radius-sm);transition:opacity .2s,transform .2s;flex-shrink:0;margin-right:20px;height:44px}.site-logo:hover{opacity:.86;transform:translateY(-1px)}.site-logo:focus-visible{outline:none;box-shadow:var(--focus-ring)}.site-logo__img{height:34px;width:auto;display:block}.main-nav{display:flex;gap:6px;margin:0 auto;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 20px}.main-nav::-webkit-scrollbar{display:none}.nav-link{display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:15px;font-weight:500;color:var(--text-secondary);letter-spacing:0;min-height:44px;padding:0 14px;position:relative;white-space:nowrap;text-decoration:none;border-radius:var(--radius-pill);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;flex:0 0 auto}.nav-link:hover{background:var(--control-bg);color:var(--text-main)}.nav-link:focus-visible,.theme-btn:focus-visible,.header-profile-link:focus-visible,.guest-emoji:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nav-link.active{background:var(--surface-primary);color:var(--text-main);font-weight:600;box-shadow:0 1px 2px #0000000d,0 0 0 1px var(--border-subtle)}[data-theme=dark] .nav-link.active{background:var(--surface-secondary)}.admin-link{color:var(--accent-color);font-weight:600}.header-right{display:flex;align-items:center;gap:16px;flex:0 0 auto;position:relative;z-index:2;padding-left:20px}.user-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-profile-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;transition:transform .2s}.header-profile-link:hover{transform:scale(1.05)}.header-profile-avatar{border-radius:50%;width:36px;height:36px;object-fit:cover;display:block;box-shadow:inset 0 0 0 1px #0000001a;flex-shrink:0}.guest-emoji{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--bg-badge);border-radius:50%;cursor:pointer}.theme-btn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);transition:background-color .2s,color .2s,transform .2s;cursor:pointer;font-size:18px;border:none;padding:0}.theme-btn:hover{background:var(--control-bg);color:var(--text-main);transform:translateY(-1px)}.theme-btn span.icon-sun,.theme-btn span.icon-moon{display:none}[data-theme=light] .theme-btn span.icon-sun,[data-theme=dark] .theme-btn span.icon-moon{display:inline-block}.nav-link svg.icon{display:none;width:24px;height:24px}@media (max-width: 768px){.header-wrap{padding:0 16px;gap:16px}.main-nav{gap:6px;padding:0}.site-logo{margin-right:0}.header-right{padding-left:0}}@media (max-width: 600px){.main-header{height:60px}.header-wrap{padding:0 12px;gap:8px}.site-logo{flex:0 0 auto}.site-logo__img{height:28px}.main-nav{gap:4px;margin:0;flex:1 1 auto;min-width:0;justify-content:flex-start;mask-image:linear-gradient(to right,transparent 0%,black 10px,black calc(100% - 10px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10px,black calc(100% - 10px),transparent 100%);padding:0 8px}.nav-link{font-size:14px;padding:0;flex:0 0 44px;width:44px;height:44px;min-width:44px}.nav-text{display:none}.nav-link svg.icon{display:block;margin:0}.header-right{gap:4px;padding-left:4px;flex:0 0 auto}.header-profile-link{flex:0 0 44px}.header-profile-avatar{width:36px;height:36px}.guest-emoji,.theme-btn{flex:0 0 44px}}.main-footer{margin-top:auto;padding:40px 20px 60px;background:transparent;border-top:1px solid var(--border-color);text-align:center;width:100%;box-sizing:border-box}.footer-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px}.footer-text{margin:0;font-family:var(--font-ui);font-size:14px;color:var(--text-secondary);line-height:1.6}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.social-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text-main);font-size:13px;font-weight:500;text-decoration:none;min-height:var(--touch-target-min);padding:10px 20px;border-radius:999px;background:var(--bg-card);box-shadow:0 1px 3px #0000000d,0 0 0 1px var(--border-color);transition:background-color .2s cubic-bezier(.25,.1,.25,1),color .2s cubic-bezier(.25,.1,.25,1),box-shadow .2s cubic-bezier(.25,.1,.25,1),transform .2s cubic-bezier(.25,.1,.25,1)}.social-link svg{width:16px;height:16px;flex-shrink:0;fill:currentColor;opacity:.7;transition:opacity .2s}.social-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014,0 0 0 1px var(--border-color)}.social-link:hover svg{opacity:1;fill:currentColor}.social-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.social-link--vk:hover{color:#07f}.social-link--vk:hover svg{fill:#07f}.social-link--tg:hover{color:#2481cc}.social-link--tg:hover svg{fill:#2481cc}.social-link--lj:hover{color:#142939}.social-link--lj:hover svg{fill:#142939}.social-link--patreon:hover{color:#ff424d}.social-link--patreon:hover svg{fill:#ff424d}.social-link--boosty:hover{color:#f15f2c}.social-link--boosty:hover svg{fill:#f15f2c}.social-link--rss:hover{color:#ee802f}.social-link--rss:hover svg{fill:#ee802f}.footer-legal{font-size:12px;color:var(--text-muted);opacity:.6;margin-top:10px;font-family:var(--font-mono)}@media (max-width: 600px){.main-footer{padding:40px 16px 60px}.footer-links{gap:10px}.social-link{padding:8px 16px;font-size:12px}}.footer-legal--locked{-webkit-user-select:none;user-select:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-pill);font-size:.95rem;font-weight:600;text-align:center;cursor:pointer;text-decoration:none;transition:background-color .2s cubic-bezier(.25,1,.5,1),border-color .2s cubic-bezier(.25,1,.5,1),color .2s cubic-bezier(.25,1,.5,1),box-shadow .2s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1);line-height:1.2;border:1px solid transparent;gap:8px;white-space:nowrap}.btn svg{width:20px;height:20px;flex-shrink:0;display:block;fill:none;stroke:currentColor}.btn--primary{background-color:var(--accent-color);color:#fff;box-shadow:0 2px 8px #007aff40}.btn--primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn--outline{background-color:transparent;border-color:var(--border-color);color:var(--text-main)}.btn--outline:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:var(--bg-card)}.btn--secondary{background-color:var(--bg-badge);color:var(--text-main)}.btn--danger{background-color:#ff3b301a;color:var(--status-error)}.nav-arrow{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--accent-color);cursor:pointer;text-decoration:none;transition:background-color .2s,color .2s,opacity .2s,transform .2s;position:relative;border:none}.nav-arrow:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.nav-arrow svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.5;fill:none}.nav-arrow:hover:not(.nav-arrow--disabled){background:var(--bg-badge);transform:scale(1.1)}.nav-arrow:active:not(.nav-arrow--disabled){transform:scale(.95);background:var(--bg-badge-hover)}.nav-arrow--disabled{opacity:.2;cursor:default;pointer-events:none}.tri-state-toggle{display:inline-flex;background-color:#7676801f;padding:2px;border-radius:9px;position:relative;-webkit-user-select:none;user-select:none;height:36px;box-sizing:border-box;vertical-align:middle}[data-theme=dark] .tri-state-toggle{background-color:#7676803d}.toggle-item{position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1;color:var(--text-main);text-decoration:none;padding:0 12px;border-radius:7px;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);border:.5px solid transparent;height:100%;min-width:40px}.toggle-item:hover:not(.active):not(.disabled){opacity:.7}.toggle-item.active{background-color:#fff;color:#000;font-weight:600;box-shadow:0 3px 1px #0000000a,0 3px 8px #0000001f}[data-theme=dark] .toggle-item.active{background-color:#636366;color:#fff}.toggle-item.disabled{opacity:.3;cursor:not-allowed}.toggle-item:before{content:"";position:absolute;top:50%;left:50%;min-width:var(--touch-target-min);min-height:var(--touch-target-min);transform:translate(-50%,-50%)}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;height:36px;border-radius:18px;background:#7676801f;font-size:13px;font-weight:600;color:var(--text-main);cursor:pointer;transition:background-color .2s cubic-bezier(.34,1.56,.64,1),color .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1),transform .2s cubic-bezier(.34,1.56,.64,1);border:none;text-decoration:none;font-family:var(--font-ui);white-space:nowrap;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.action-btn:before{content:"";position:absolute;top:50%;left:50%;min-width:var(--touch-target-min);min-height:var(--touch-target-min);transform:translate(-50%,-50%)}[data-theme=dark] .action-btn{background:#7676803d;color:#f5f5f7}.action-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;transition:transform .2s,fill .2s,stroke .2s}.action-btn:hover{background:#76768033;transform:translateY(-1px)}[data-theme=dark] .action-btn:hover{background:#76768059}.action-btn:focus-visible,.share-menu__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.action-btn--like{min-width:70px}.action-btn--like:hover{background:#ff2d551a}.action-btn.action-btn--like.active{background:var(--like-heart);color:#fff;box-shadow:0 4px 12px #ff2d554d}.action-btn.action-btn--like.active svg{fill:currentColor;stroke:transparent;stroke-width:0;transform:scale(1.1)}.action-btn--share:hover{color:var(--accent-color);background:#007aff1a}.share-menu{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) scale(.9);width:220px;background:var(--bg-card);border-radius:14px;padding:6px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1),visibility .2s;z-index:100;transform-origin:bottom center}details.share-wrapper[open] .share-menu{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.share-menu__item{display:flex;align-items:center;gap:12px;min-height:var(--touch-target-min);padding:10px 12px;width:100%;border-radius:8px;color:var(--text-main);font-size:14px;font-weight:500;text-decoration:none;border:none;background:transparent;cursor:pointer;transition:background .1s;text-align:left;box-sizing:border-box;font-family:inherit}.share-menu__item:hover{background:var(--bg-badge)}.share-menu__item svg{width:18px;height:18px;fill:currentColor;opacity:.8}.share-menu__item--copy svg{fill:none;stroke:currentColor;stroke-width:2}@media (max-width: 500px){.btn-text-label{display:none!important}.action-btn{padding:0;width:36px;height:36px;border-radius:50%;gap:0}.action-btn svg{margin:0}.action-btn--like{width:auto;min-width:36px;padding:0 8px;border-radius:18px}.action-btn--like svg{margin:0}.like-button__count{margin-left:2px;font-size:12px}}.search-container-main{position:relative;max-width:600px;margin:0 auto;z-index:50;width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--control-bg);border-radius:24px;padding:10px 16px;transition:background-color .2s cubic-bezier(.25,.8,.25,1),border-color .2s cubic-bezier(.25,.8,.25,1),box-shadow .2s cubic-bezier(.25,.8,.25,1),transform .2s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(255,255,255,.05);min-height:48px;box-sizing:border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.search-input-wrapper:hover{background:var(--control-bg-hover)}.search-input-wrapper:focus-within{background:var(--surface-primary);border-color:var(--accent-color);box-shadow:0 4px 20px #00000014,0 0 0 3px #0a84ff26}[data-theme=dark] .search-input-wrapper{background:var(--control-bg);border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .search-input-wrapper:hover{background:var(--control-bg-hover)}[data-theme=dark] .search-input-wrapper:focus-within{background:#1c1c1e;border-color:transparent;box-shadow:0 4px 20px #00000080,0 0 0 3px #0a84ff26}.search-icon-svg{width:18px;height:18px;margin-right:12px;color:var(--text-secondary);opacity:.8;flex-shrink:0}#search-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:1;border:none;outline:none;box-shadow:none;background:transparent;color:var(--text-primary);font-family:var(--font-ui);font-size:16px;padding:0 32px 0 0;margin:0;font-weight:400}#search-input:focus,#search-input:focus-visible{outline:none;box-shadow:none}#search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:2;transition:color .2s,opacity .2s,transform .2s}.search-clear:before{content:"";position:absolute;top:50%;left:50%;min-width:var(--touch-target-min);min-height:var(--touch-target-min);transform:translate(-50%,-50%)}.search-clear:focus-visible{outline:none;box-shadow:var(--focus-ring)}.search-clear:hover{color:var(--text-primary);transform:translateY(-50%) scale(1.1)}.search-clear svg{width:16px;height:16px;background:var(--text-secondary);border-radius:50%;color:var(--surface-primary);padding:3px}.search-results-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--surface-primary);border-radius:16px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;z-index:1100;display:none;overflow:hidden;transform-origin:top center}.search-results-dropdown.active{display:block;animation:fadeInDropdown .2s cubic-bezier(.2,.8,.2,1)}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-empty{padding:40px 20px;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:12px}.dropdown-empty__icon{font-size:40px;margin-bottom:4px;opacity:.8;filter:grayscale(.5);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.dropdown-empty:hover .dropdown-empty__icon{transform:scale(1.2) rotate(10deg);filter:grayscale(0)}.dropdown-empty__text{font-size:14px;font-weight:500;color:var(--text-muted)}@media (max-width: 600px){.search-results-dropdown{width:100%;left:0;transform:none;border-radius:0 0 16px 16px;margin-top:0;top:100%;box-shadow:0 20px 40px #0003}.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--control-bg);border-radius:24px;padding:10px 16px;transition:background-color .2s cubic-bezier(.25,.8,.25,1),border-color .2s cubic-bezier(.25,.8,.25,1),box-shadow .2s cubic-bezier(.25,.8,.25,1),transform .2s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(255,255,255,.05);min-height:48px;box-sizing:border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.search-input-wrapper.has-results{border-bottom-left-radius:0;border-bottom-right-radius:0;background:var(--surface-primary)}}.vertical-feed{display:flex;flex-direction:column;gap:40px;max-width:800px;margin:0 auto 50px}.feed-item{display:block;text-decoration:none;color:inherit;position:relative;border-radius:var(--radius-comic);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s cubic-bezier(.25,.8,.25,1),box-shadow .2s}.feed-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.feed-item__img-box{width:100%;display:flex;align-items:flex-start;justify-content:center;background:var(--surface-secondary);min-height:100px;position:relative;overflow:hidden;aspect-ratio:var(--aspect-ratio)}.feed-item__img-box img{width:100%;height:auto;display:block;object-fit:cover;opacity:1}.feed-item__img-box.crop-translation img{width:100%;margin-top:-3.3333%;margin-bottom:0}.feed-item__badge{position:absolute;bottom:12px;right:12px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-family:var(--font-display);font-size:13px;font-weight:600;padding:6px 10px;border-radius:8px;z-index:10;pointer-events:none;display:flex;align-items:center;gap:6px;opacity:.9;transition:opacity .2s;border:1px solid rgba(255,255,255,.1)}.feed-item__badge svg{width:14px;height:14px;opacity:.8}.feed-item:hover .feed-item__badge{opacity:1}.date-badge-wrapper{position:relative;display:flex;justify-content:center}.date-badge{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--bg-badge);color:var(--text-main);padding:12px 28px;border-radius:14px;font-family:var(--font-display);text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s;border:1px solid var(--border-color);line-height:1;cursor:pointer}.date-badge:hover{background:var(--bg-badge-hover);border-color:var(--accent-color)}.date-badge__text{font-size:2.2rem;font-weight:700;white-space:nowrap;display:flex;align-items:center}.date-badge__icon-svg{width:24px;height:24px;color:var(--text-muted);opacity:.5;transition:opacity .2s}.date-badge:hover .date-badge__icon-svg{opacity:1}@media (max-width: 600px){.date-badge{padding:8px 20px;gap:8px}.date-badge__text{font-size:1.7rem}}.alert-toast{position:fixed;top:76px;left:50%;transform:translate(-50%) translateY(-10px) scale(.96);z-index:2100;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;min-width:300px;max-width:90vw;background:#ffffffd9;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border-radius:999px;box-shadow:0 8px 32px #0000001f,0 2px 6px #0000000a,0 0 0 1px #0000000d;font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--text-main);letter-spacing:-.01em;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}[data-theme=dark] .alert-toast{background:#1e1e1ebf;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff1a;color:#fff}.alert-toast.active{opacity:1;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto}.alert-toast.hiding{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96);transition-duration:.3s}.toast-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;color:#fff;background:var(--text-secondary);box-shadow:inset 0 0 0 1px #0000000d}.toast-icon svg{width:16px;height:16px;stroke-width:2.5;stroke:currentColor;fill:none;display:block}.toast-text{line-height:1.35;padding-right:4px;flex:1}.alert-toast--success .toast-icon{background:linear-gradient(135deg,#34c759,#30d158);box-shadow:0 2px 8px #34c7594d}.alert-toast--error .toast-icon{background:linear-gradient(135deg,#ff3b30,#ff2d55);box-shadow:0 2px 8px #ff3b304d}.alert-toast--warning .toast-icon{background:linear-gradient(135deg,#ff9500,#fc0);box-shadow:0 2px 8px #ff95004d}.alert-toast--info .toast-icon{background:linear-gradient(135deg,#007aff,#00c7be);box-shadow:0 2px 8px #007aff4d}@media (max-width: 600px){.alert-toast{top:68px;min-width:auto;width:calc(100% - 32px);max-width:400px}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.alert-toast.auto-hide{opacity:1;animation:toastFadeOut 5s forwards}