@charset "UTF-8";:root{--color-primary: #3D506B;--color-primary-dark: #3A4F6F;--color-primary-darker: #3A4D66;--color-secondary: #6B7F95;--color-secondary-dark: #5A6B7F;--color-secondary-darker: #4A5F6F;--color-secondary-light: #9EAFC5;--color-secondary-lighter: #B8C8D8;--color-secondary-pale: #C8D5E5;--color-white: #F8F9FB;--color-bg-page: #F8F9FB;--color-pink: #6B7F95;--color-pink-dark: var(--color-gray-600);--color-pink-light: #B8C8D8;--color-accent-favorite: #8B4A5E;--color-accent-favorite-light: #D5BFC7;--color-accent-favorite-dark: #6E3548;--color-accent-favorite-soft: #A5687A;--color-accent-favorite-soft-hover: #946070;--color-accent-favorite-pale: #EDE1E5;--color-accent-favorite-pale-alt: #DDD0D5;--color-accent-favorite-bg: #F6EFF2;--color-plan-accent: #C08899;--color-plan-bg: #FAF7F8;--color-plan-hover: #EDDCE2;--color-plan-border: #DCC4CB;--color-plan-desc: #EDD9DF;--color-plan-stub: #E5CED6;--color-plan-text: #8B5E6D;--color-plan-text-sub: #A07080;--color-accent-gold: #FFB300;--color-accent-gold-light: #FFECB3;--color-accent-gold-dark: #FF8F00;--badge-blue-bg: #D6E4F0;--badge-blue-text: #3A5A7A;--badge-green-bg: #D8E8D5;--badge-green-text: #4A6B4A;--badge-amber-bg: #F5E6D3;--badge-amber-text: #B8824C;--badge-purple-bg: #E8DDE8;--badge-purple-text: #6B5B7B;--badge-gray-bg: #E5E8EB;--badge-gray-text: #4A5F6A;--badge-rose-bg: #F0DDE0;--badge-rose-text: #8B5A5F;--badge-pink-bg: #F0E0E8;--badge-pink-text: #A35F73;--badge-muted-bg: #E0E0E0;--badge-muted-text: #666666;--status-active-bg: var(--badge-blue-bg);--status-active-text: var(--badge-blue-text);--status-visible-bg: var(--badge-green-bg);--status-visible-text: var(--badge-green-text);--status-adopted-bg: var(--badge-amber-bg);--status-adopted-text: var(--badge-amber-text);--status-passed-bg: var(--badge-purple-bg);--status-passed-text: var(--badge-purple-text);--status-other-bg: var(--badge-gray-bg);--status-other-text: var(--badge-gray-text);--status-rejected-bg: var(--badge-rose-bg);--status-rejected-text: var(--badge-rose-text);--status-tip-bg: var(--badge-pink-bg);--status-tip-text: var(--badge-pink-text);--status-cancelled-bg: var(--badge-muted-bg);--status-cancelled-text: var(--badge-muted-text);--color-gray-50: #F8F9FB;--color-gray-100: #F0F2F5;--color-gray-150: #E8EBF0;--color-gray-200: #E0E4EB;--color-gray-250: #D8DDE6;--color-gray-300: #D0D6E1;--color-gray-350: #C8CFDC;--color-gray-400: #C0C8D7;--color-gray-500: #adb5bd;--color-gray-550: #6B7585;--color-gray-600: #5A6B7F;--color-gray-700: #495057;--color-gray-800: #2F3844;--color-gray-900: #212529;--color-border: #D0D6E1;--color-text-gray: var(--color-gray-600);--color-text-dark: var(--color-gray-600);--color-border-light: #C8CFDC;--color-border-lighter: #D8DDE6;--color-success-main: #6B9B7A;--color-success-soft: #6B9B7A;--color-success-soft-hover: #5A8A69;--color-success-soft-rgb: 107, 155, 122;--color-success-bg: #d4edda;--color-success-text: #155724;--color-success-border: #c3e6cb;--color-danger-main: #B86B6B;--color-danger-bg: #f8d7da;--color-danger-text: #721c24;--color-danger-border: #f5c6cb;--color-danger-soft: #B86B6B;--color-danger-soft-hover: #a05959;--color-danger-soft-rgb: 184, 107, 107;--color-notification-badge-bg: #e74c3c;--color-notification-badge-text: #ffffff;--color-edit-soft: #5A8A5A;--color-edit-soft-hover: #4A7A4A;--color-edit-soft-rgb: 90, 138, 90;--color-action-hover-bg-rgb: 74, 96, 127;--color-warning-main: #C4A55A;--color-warning-soft: #C4A55A;--color-warning-soft-hover: #B39449;--color-warning-soft-rgb: 196, 165, 90;--color-warning-bg: #fff3cd;--color-warning-text: #856404;--color-warning-border: #ffeaa7;--color-info-main: #6B8FB8;--color-info-soft: #6B8FB8;--color-info-soft-hover: #5A7EA7;--color-info-soft-rgb: 107, 143, 184;--color-info-bg: #d1ecf1;--color-info-text: #0c5460;--color-info-border: #bee5eb;--color-warning: var(--color-warning-bg);--color-info: var(--color-info-bg);--color-success: var(--color-success-bg);--color-danger: var(--color-danger-bg);--color-overlay: rgba(0, 0, 0, .5);--color-black-rgb: 0, 0, 0;--color-white-rgb: 255, 255, 255;--color-admin-primary: #007bff;--color-admin-secondary: #6c757d;--color-admin-success: #28a745;--color-admin-danger: #dc3545;--color-admin-warning: #ffc107;--color-admin-info: #17a2b8;--color-admin-light: #f8f9fa;--color-admin-dark: #343a40;--bp-mobile: 375px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1280px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-base: "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-logo: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--font-family-heading: "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .714rem;--font-size-sm: .857rem;--font-size-base: 1rem;--font-size-lg: 1.143rem;--font-size-xl: 1.286rem;--font-size-2xl: 1.571rem;--font-size-3xl: 2rem;--font-size-4xl: 2.571rem;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .07);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--border-radius-sm: 4px;--border-radius-base: 8px;--border-radius-md: 10px;--border-radius-lg: 14px;--border-radius-xl: 18px;--border-radius-pill: 50px;--border-width-thin: 1px;--border-width-base: 1.5px;--border-width-thick: 2px;--primary-color: var(--color-secondary);--bg-secondary: #E8EBF0;--text-primary: var(--color-primary);--text-secondary: var(--color-gray-600);--text-emphasis: var(--color-primary);--heading-color: var(--color-primary);--link-color: #3D506B;--link-hover: #3A4F6F;--border-color: #C8CFDC;--border-radius: var(--border-radius-base);--color-primary-pale: #E2E8F0;--color-secondary-pale: rgba(107, 127, 149, .1);--color-bg-primary: #F8F9FB;--color-bg-secondary: #E8EBF0;--color-bg-tertiary: #D0D6E1;--color-bg-hover: #E0E4EB;--color-text-primary: var(--color-primary);--color-text-secondary: #4A5A6E;--color-text-tertiary: var(--color-gray-600);--color-text-muted: var(--color-gray-550);--color-text-medium: var(--color-gray-600);--rank-gold: #FFD700;--rank-gold-dark: #FFA500;--rank-silver: #C0C0C0;--rank-silver-light: #E8E8E8;--rank-bronze: #CD7F32;--rank-bronze-dark: #8B4513;--badge-gold: #b59f3b;--badge-silver: #a8a8a8;--badge-bronze: #9b7e6b;--color-accent-gold: #8c7a5e;--color-accent-gold-dark: #6b5c46;--color-accent-gold-light: #b9ac97;--color-accent-gold-bright: #c9a96e;--brand-google: #4285f4;--brand-twitter: #1da1f2;--content-link: #3D506B;--content-link-hover: #3A4F6F;--marker-yellow: #FDF3D0;--marker-pink: #F8DDE4;--marker-green: #DCEEDE;--marker-blue: #DBE5F5;--marker-orange: #F8E6D0;--color-info-bg-light: #e7f5ff;--color-info-main-light: #8BB0D0;--color-info-text-dark: #1971c2;--color-warning-bg-light: #fff3bf;--color-warning-main-light: #D4B87A;--color-warning-text-dark: #e67700;--color-success-bg-light: #d3f9d8;--color-success-main-light: #8BB89A;--color-success-text-dark: #2f9e44;--color-secondary-lighter-alt: #A8B8C8;--color-secondary-mid: #7589A5;--color-border-lighter-alt: #E0E4EB;--color-error-bg-light: #fee;--color-error-text: #c33;--color-error-hover: #ff5252;--color-error-accent: #ff6b6b;--color-warning-icon: #f39c12;--content-link-bg: rgba(61, 80, 107, .08);--content-link-bg-hover: rgba(61, 80, 107, .15);--scrollbar-thumb: #C8CFDC;--scrollbar-thumb-hover: #B8C8D8;--org-badge-light-beige: #F0F2F5;--org-badge-border: #8599B5;--org-adoption-bg: #fff4e6;--org-adoption-text: #d97706;--org-adoption-border: #fbbf24;--org-cfa: #5a6b7d;--org-tica: #6b8e3f;--org-fife: #8e4a62;--org-gccf: #8b6f5c;--color-rating-star: #ffa500;--color-secondary-pale-alt: #D8E2EE;--color-text-darker: #2F3844;--color-text-body: #2F3844;--color-news-alert: #ff8c3a;--color-news-info: #3D506B;--color-ranking-gold: #b59f3b;--color-ranking-silver: #a8a8a8;--color-ranking-bronze: #9b7e6b;--color-stat-slate: #6889B8;--color-stat-mauve: #B57890;--color-stat-teal: #5B9B92}html[data-theme=dark]{color-scheme:dark;--color-primary: #8BA0BE;--color-primary-dark: #0F1520;--color-primary-darker: #3A4D66;--color-secondary: #6B7F95;--color-secondary-dark: #5A6B7F;--color-secondary-darker: #7A90AA;--color-secondary-light: #4A5A70;--color-secondary-lighter: #4A5A70;--color-secondary-pale: #2A3548;--color-secondary-pale-alt: #303D52;--color-secondary-mid: #8898B0;--color-secondary-lighter-alt: #5A6B80;--color-white: #F8F9FB;--color-bg-page: #1C2536;--color-pink: #8B9DB3;--color-pink-light: #4A5A70;--color-accent-favorite: #A66A7E;--color-accent-favorite-light: #3A2830;--color-accent-favorite-dark: #B87090;--color-accent-favorite-soft: #A5687A;--color-accent-favorite-soft-hover: #B57888;--color-accent-favorite-pale: #2E2228;--color-accent-favorite-pale-alt: #3A2E32;--color-accent-favorite-bg: #261E22;--color-plan-accent: #B07889;--color-plan-bg: #241E20;--color-plan-hover: #322830;--color-plan-border: #4A3840;--color-plan-desc: #302428;--color-plan-stub: #382C32;--color-plan-text: #C090A0;--color-plan-text-sub: #B08898;--color-accent-gold: #A89874;--color-accent-gold-light: #4A4035;--color-accent-gold-dark: #8B7A60;--color-accent-gold-bright: #A89060;--badge-blue-bg: #253E58;--badge-blue-text: #A8D0F0;--badge-green-bg: #1E3828;--badge-green-text: #90C0A0;--badge-amber-bg: #38321E;--badge-amber-text: #D8B078;--badge-purple-bg: #322638;--badge-purple-text: #A890B8;--badge-gray-bg: #303438;--badge-gray-text: #98A8B8;--badge-rose-bg: #382028;--badge-rose-text: #C090A0;--badge-pink-bg: #382430;--badge-pink-text: #C08898;--badge-muted-bg: #323438;--badge-muted-text: #A0A0A8;--color-gray-50: #1C2536;--color-gray-100: #222D40;--color-gray-150: #283548;--color-gray-200: #303D52;--color-gray-250: #38465C;--color-gray-300: #3E4E66;--color-gray-350: #465870;--color-gray-400: #50627A;--color-gray-500: #7C90A5;--color-gray-550: #98AAC0;--color-gray-600: #AAB8CC;--color-gray-700: #C0CCD8;--color-gray-800: #D8E0EA;--color-gray-900: #E8ECF2;--color-border: #3E4E66;--color-border-light: #38465C;--color-border-lighter: #303D52;--color-success-main: #5A8A6A;--color-success-soft: #6B9B7A;--color-success-soft-hover: #5A8A69;--color-success-soft-rgb: 143, 192, 160;--color-success-bg: #1A2E24;--color-success-text: #A8DBBA;--color-success-border: #2A4A35;--color-danger-main: #E09090;--color-danger-bg: #2E1A1A;--color-danger-text: #E8A0A0;--color-danger-border: #4A2A2A;--color-danger-soft: #B86B6B;--color-danger-soft-hover: #a05959;--color-danger-soft-rgb: 224, 144, 144;--color-notification-badge-bg: #e55a4e;--color-notification-badge-text: #ffffff;--color-edit-soft: #7AAA7A;--color-edit-soft-hover: #6A9A6A;--color-edit-soft-rgb: 122, 170, 122;--color-action-hover-bg-rgb: 139, 160, 190;--color-warning-main: #E8CC80;--color-warning-soft: #C4A55A;--color-warning-soft-hover: #B39449;--color-warning-soft-rgb: 232, 204, 128;--color-warning-bg: #2E2A1A;--color-warning-text: #E8D090;--color-warning-border: #4A4025;--color-info-main: #7B9FC8;--color-info-soft: #6B8FB8;--color-info-soft-hover: #5A7EA7;--color-info-soft-rgb: 123, 159, 200;--color-info-bg: #1A2A2E;--color-info-text: #90C8D8;--color-info-border: #2A4048;--color-overlay: rgba(0, 0, 0, .7);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .35);--primary-color: #A0B0C4;--bg-secondary: #242E42;--text-primary: #C8D5E4;--text-emphasis: #C8D5E4;--heading-color: #C8D5E4;--link-color: #A0C0E8;--link-hover: #B8D0F0;--border-color: #3E4E66;--color-primary-pale: #253248;--color-secondary-pale: rgba(140, 160, 185, .15);--color-bg-primary: #1C2536;--color-bg-secondary: #242E42;--color-bg-tertiary: #2C3850;--color-bg-hover: #303D52;--color-text-primary: #C8D5E4;--color-text-secondary: #B8C4D4;--rank-silver-light: #3A3A40;--content-link: #A0C0E8;--content-link-hover: #B8D0F0;--content-link-bg: rgba(139, 170, 200, .1);--content-link-bg-hover: rgba(139, 170, 200, .18);--marker-yellow: rgba(200, 180, 100, .2);--marker-pink: rgba(200, 140, 160, .2);--marker-green: rgba(130, 180, 140, .2);--marker-blue: rgba(140, 165, 210, .2);--marker-orange: rgba(200, 165, 110, .2);--color-info-bg-light: #1A2A2E;--color-info-main-light: #6B8FB8;--color-info-text-dark: #7B9FC8;--color-warning-bg-light: #2E2A1A;--color-warning-main-light: #C4A55A;--color-warning-text-dark: #E8CC80;--color-success-bg-light: #1A2E24;--color-success-main-light: #6B9B7A;--color-success-text-dark: #8FC0A0;--color-border-lighter-alt: #303D52;--color-error-bg-light: #2E1A1A;--color-error-text: #E09090;--color-error-hover: #FF7070;--color-error-accent: #FF8585;--color-warning-icon: #F5B040;--scrollbar-thumb: #4A5A70;--scrollbar-thumb-hover: #5A6B80;--org-badge-light-beige: #232D3F;--org-badge-border: #6B8099;--org-adoption-bg: #2E2A1A;--org-adoption-text: #E8A030;--org-adoption-border: #C49820;--color-text-darker: #D0D8E4;--color-text-body: #D0D8E4;--color-stat-slate: #7899C8;--color-stat-mauve: #C588A0;--color-stat-teal: #6BABA2;--color-news-alert: #FF9C50;--color-news-info: #C8D5E4}@media print{html[data-theme=dark]{color-scheme:light;--color-bg-page: #F8F9FB;--color-bg-primary: #F8F9FB;--color-bg-secondary: #E8EBF0;--color-primary: #3D506B;--color-text-secondary: #4A5A6E;--color-gray-50: #F8F9FB;--color-gray-900: #212529;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;scrollbar-gutter:stable;background-color:var(--color-bg-page);color-scheme:light}html[data-theme=dark]{color-scheme:dark;scrollbar-gutter:stable;background-color:var(--color-primary-dark)}@media (max-width: 767px){html[data-theme=dark]{font-size:15px}}body{font-family:var(--font-family-base);font-size:1rem;line-height:1.6;color:var(--color-text-primary, var(--color-primary));background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500}small{font-size:.875rem}body.theme-transitions-enabled,body.theme-transitions-enabled .main-content,body.theme-transitions-enabled .mobile-header,body.theme-transitions-enabled .main-footer{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-reduced-motion: reduce){body.theme-transitions-enabled,body.theme-transitions-enabled *{transition:none!important}}a[onclick],button,[role=button],.sidebar-nav-item{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.color-primary{color:var(--color-primary)}.color-primary-light{color:var(--color-primary-light)}.color-primary-dark{color:var(--color-primary-dark)}.color-secondary{color:var(--color-secondary)}.color-secondary-light{color:var(--color-secondary-light)}.color-secondary-dark{color:var(--color-secondary-dark)}.color-gray-100{color:var(--color-gray-100)}.color-gray-200{color:var(--color-gray-200)}.color-gray-300{color:var(--color-gray-300)}.color-gray-400{color:var(--color-gray-400)}.color-gray-500{color:var(--color-gray-500)}.color-gray-600{color:var(--color-gray-600)}.color-gray-700{color:var(--color-gray-700)}.color-gray-800{color:var(--color-gray-800)}.color-gray-900{color:var(--color-gray-900)}.color-success{color:var(--color-success)}.color-warning{color:var(--color-warning)}.color-danger{color:var(--color-danger)}.color-info{color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-primary-dark{background-color:var(--color-primary-dark)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-light{background-color:var(--color-secondary-light)}.bg-secondary-dark{background-color:var(--color-secondary-dark)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-danger{background-color:var(--color-danger)}.bg-info{background-color:var(--color-info)}.bg-white{background-color:var(--color-bg-page)}.bg-black{background-color:#000}.bg-transparent{background-color:transparent}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{word-break:normal;overflow-wrap:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.heading-1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}.heading-2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.heading-3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-bottom:var(--spacing-md)}.heading-4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-bottom:var(--spacing-sm)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.m-3xl{margin:var(--spacing-3xl)}.m-auto{margin:auto}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.mt-xs{margin-top:var(--spacing-xs)}.mr-xs{margin-right:var(--spacing-xs)}.mb-xs{margin-bottom:var(--spacing-xs)}.ml-xs{margin-left:var(--spacing-xs)}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mr-sm{margin-right:var(--spacing-sm)}.mb-sm{margin-bottom:var(--spacing-sm)}.ml-sm{margin-left:var(--spacing-sm)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mr-md{margin-right:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.ml-md{margin-left:var(--spacing-md)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mr-lg{margin-right:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.ml-lg{margin-left:var(--spacing-lg)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mr-xl{margin-right:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-xl{margin-left:var(--spacing-xl)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mr-2xl{margin-right:var(--spacing-2xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.ml-2xl{margin-left:var(--spacing-2xl)}.mx-2xl{margin-left:var(--spacing-2xl);margin-right:var(--spacing-2xl)}.my-2xl{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mr-3xl{margin-right:var(--spacing-3xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.ml-3xl{margin-left:var(--spacing-3xl)}.mx-3xl{margin-left:var(--spacing-3xl);margin-right:var(--spacing-3xl)}.my-3xl{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.p-3xl{padding:var(--spacing-3xl)}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.pt-xs{padding-top:var(--spacing-xs)}.pr-xs{padding-right:var(--spacing-xs)}.pb-xs{padding-bottom:var(--spacing-xs)}.pl-xs{padding-left:var(--spacing-xs)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pr-sm{padding-right:var(--spacing-sm)}.pb-sm{padding-bottom:var(--spacing-sm)}.pl-sm{padding-left:var(--spacing-sm)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pr-md{padding-right:var(--spacing-md)}.pb-md{padding-bottom:var(--spacing-md)}.pl-md{padding-left:var(--spacing-md)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pr-lg{padding-right:var(--spacing-lg)}.pb-lg{padding-bottom:var(--spacing-lg)}.pl-lg{padding-left:var(--spacing-lg)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pr-xl{padding-right:var(--spacing-xl)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-xl{padding-left:var(--spacing-xl)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.pt-2xl{padding-top:var(--spacing-2xl)}.pr-2xl{padding-right:var(--spacing-2xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.pl-2xl{padding-left:var(--spacing-2xl)}.px-2xl{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.pt-3xl{padding-top:var(--spacing-3xl)}.pr-3xl{padding-right:var(--spacing-3xl)}.pb-3xl{padding-bottom:var(--spacing-3xl)}.pl-3xl{padding-left:var(--spacing-3xl)}.px-3xl{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}.py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.gap-0{gap:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.gap-3xl{gap:var(--spacing-3xl)}.space-x-xs>*+*{margin-left:var(--spacing-xs)}.space-x-sm>*+*{margin-left:var(--spacing-sm)}.space-x-md>*+*{margin-left:var(--spacing-md)}.space-x-lg>*+*{margin-left:var(--spacing-lg)}.space-x-xl>*+*{margin-left:var(--spacing-xl)}.space-y-xs>*+*{margin-top:var(--spacing-xs)}.space-y-sm>*+*{margin-top:var(--spacing-sm)}.space-y-md>*+*{margin-top:var(--spacing-md)}.space-y-lg>*+*{margin-top:var(--spacing-lg)}.space-y-xl>*+*{margin-top:var(--spacing-xl)}.xs\\:block{display:block!important}.xs\\:inline-block{display:inline-block!important}.xs\\:inline{display:inline!important}.xs\\:flex{display:flex!important}.xs\\:inline-flex{display:inline-flex!important}.xs\\:grid{display:grid!important}.xs\\:hidden{display:none!important}@media (min-width: 576px){.sm\\:block{display:block!important}.sm\\:inline-block{display:inline-block!important}.sm\\:inline{display:inline!important}.sm\\:flex{display:flex!important}.sm\\:inline-flex{display:inline-flex!important}.sm\\:grid{display:grid!important}.sm\\:hidden{display:none!important}}@media (min-width: 768px){.md\\:block{display:block!important}.md\\:inline-block{display:inline-block!important}.md\\:inline{display:inline!important}.md\\:flex{display:flex!important}.md\\:inline-flex{display:inline-flex!important}.md\\:grid{display:grid!important}.md\\:hidden{display:none!important}}@media (min-width: 992px){.lg\\:block{display:block!important}.lg\\:inline-block{display:inline-block!important}.lg\\:inline{display:inline!important}.lg\\:flex{display:flex!important}.lg\\:inline-flex{display:inline-flex!important}.lg\\:grid{display:grid!important}.lg\\:hidden{display:none!important}}@media (min-width: 1200px){.xl\\:block{display:block!important}.xl\\:inline-block{display:inline-block!important}.xl\\:inline{display:inline!important}.xl\\:flex{display:flex!important}.xl\\:inline-flex{display:inline-flex!important}.xl\\:grid{display:grid!important}.xl\\:hidden{display:none!important}}@media (min-width: 1400px){.xxl\\:block{display:block!important}.xxl\\:inline-block{display:inline-block!important}.xxl\\:inline{display:inline!important}.xxl\\:flex{display:flex!important}.xxl\\:inline-flex{display:inline-flex!important}.xxl\\:grid{display:grid!important}.xxl\\:hidden{display:none!important}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}@media (max-width: -.02px){.hidden-xs-down{display:none!important}}@media (max-width: 575.98px){.hidden-sm-down{display:none!important}}@media (max-width: 767.98px){.hidden-md-down{display:none!important}}@media (max-width: 991.98px){.hidden-lg-down{display:none!important}}@media (max-width: 1199.98px){.hidden-xl-down{display:none!important}}@media (min-width: 576px){.hidden-sm-up{display:none!important}}@media (min-width: 768px){.hidden-md-up{display:none!important}}@media (min-width: 992px){.hidden-lg-up{display:none!important}}@media (min-width: 1200px){.hidden-xl-up{display:none!important}}@media (min-width: 1400px){.hidden-xxl-up{display:none!important}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}@media (min-width: 1400px){.container{max-width:1320px}}.container-fluid{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.xs\\:text-xs{font-size:var(--font-size-xs)!important}.xs\\:text-sm{font-size:var(--font-size-sm)!important}.xs\\:text-base{font-size:var(--font-size-base)!important}.xs\\:text-md{font-size:var(--font-size-md)!important}.xs\\:text-lg{font-size:var(--font-size-lg)!important}.xs\\:text-xl{font-size:var(--font-size-xl)!important}.xs\\:text-2xl{font-size:var(--font-size-2xl)!important}.xs\\:text-3xl{font-size:var(--font-size-3xl)!important}@media (min-width: 576px){.sm\\:text-xs{font-size:var(--font-size-xs)!important}.sm\\:text-sm{font-size:var(--font-size-sm)!important}.sm\\:text-base{font-size:var(--font-size-base)!important}.sm\\:text-md{font-size:var(--font-size-md)!important}.sm\\:text-lg{font-size:var(--font-size-lg)!important}.sm\\:text-xl{font-size:var(--font-size-xl)!important}.sm\\:text-2xl{font-size:var(--font-size-2xl)!important}.sm\\:text-3xl{font-size:var(--font-size-3xl)!important}}@media (min-width: 768px){.md\\:text-xs{font-size:var(--font-size-xs)!important}.md\\:text-sm{font-size:var(--font-size-sm)!important}.md\\:text-base{font-size:var(--font-size-base)!important}.md\\:text-md{font-size:var(--font-size-md)!important}.md\\:text-lg{font-size:var(--font-size-lg)!important}.md\\:text-xl{font-size:var(--font-size-xl)!important}.md\\:text-2xl{font-size:var(--font-size-2xl)!important}.md\\:text-3xl{font-size:var(--font-size-3xl)!important}}@media (min-width: 992px){.lg\\:text-xs{font-size:var(--font-size-xs)!important}.lg\\:text-sm{font-size:var(--font-size-sm)!important}.lg\\:text-base{font-size:var(--font-size-base)!important}.lg\\:text-md{font-size:var(--font-size-md)!important}.lg\\:text-lg{font-size:var(--font-size-lg)!important}.lg\\:text-xl{font-size:var(--font-size-xl)!important}.lg\\:text-2xl{font-size:var(--font-size-2xl)!important}.lg\\:text-3xl{font-size:var(--font-size-3xl)!important}}@media (min-width: 1200px){.xl\\:text-xs{font-size:var(--font-size-xs)!important}.xl\\:text-sm{font-size:var(--font-size-sm)!important}.xl\\:text-base{font-size:var(--font-size-base)!important}.xl\\:text-md{font-size:var(--font-size-md)!important}.xl\\:text-lg{font-size:var(--font-size-lg)!important}.xl\\:text-xl{font-size:var(--font-size-xl)!important}.xl\\:text-2xl{font-size:var(--font-size-2xl)!important}.xl\\:text-3xl{font-size:var(--font-size-3xl)!important}}@media (min-width: 1400px){.xxl\\:text-xs{font-size:var(--font-size-xs)!important}.xxl\\:text-sm{font-size:var(--font-size-sm)!important}.xxl\\:text-base{font-size:var(--font-size-base)!important}.xxl\\:text-md{font-size:var(--font-size-md)!important}.xxl\\:text-lg{font-size:var(--font-size-lg)!important}.xxl\\:text-xl{font-size:var(--font-size-xl)!important}.xxl\\:text-2xl{font-size:var(--font-size-2xl)!important}.xxl\\:text-3xl{font-size:var(--font-size-3xl)!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:600;text-align:center;text-decoration:none;border:1.5px solid transparent;border-radius:var(--border-radius-base);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;white-space:nowrap;outline:none}.btn:hover{text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary,.btn-primary{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn--primary:hover,.btn-primary:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark);color:var(--color-white)}.btn--secondary,.btn-secondary{background:var(--color-gray-150);color:var(--color-primary);border-color:var(--color-gray-150)}.btn--secondary:hover,.btn-secondary:hover{background:var(--color-gray-300);border-color:var(--color-gray-300)}.btn--dark,.btn-dark{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--dark:hover,.btn-dark:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--outline,.btn-outline{background:transparent;color:var(--color-text-dark);border-color:var(--color-gray-400)}.btn--outline:hover,.btn-outline:hover{background:#00000008;border-color:var(--color-gray-500);color:var(--color-primary)}.btn--outline-primary,.btn-outline-primary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline-primary:hover,.btn-outline-primary:hover{background:#3d506b0d;border-color:var(--color-primary);color:var(--color-primary)}.btn--outline-secondary,.btn-outline-secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-gray-400)}.btn--outline-secondary:hover,.btn-outline-secondary:hover{background:#00000008;border-color:var(--color-gray-500);color:var(--color-text-dark)}.btn--outline-danger,.btn-outline-danger{background:transparent;color:var(--color-danger-main);border-color:var(--color-danger-main)}.btn--outline-danger:hover,.btn-outline-danger:hover{background:var(--color-danger-main);color:var(--color-white);border-color:var(--color-danger-main)}.btn--link,.btn-link{background:transparent;color:var(--color-text-secondary);border:none;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-base)}.btn--link:hover,.btn-link:hover{color:var(--color-primary);text-decoration:none;background:transparent}.btn--link i,.btn-link i{margin-left:4px;font-size:.85em}.btn--sm,.btn-sm{padding:6px 12px;font-size:13px}.btn--block,.btn-block{width:100%;display:block}@media (min-width: 768px){.btn{font-size:14px}}.btn--social,.btn-social{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;background:var(--color-bg-page);cursor:pointer}.btn--social:hover,.btn-social:hover{border-color:var(--color-text-gray);background:var(--color-gray-50)}.btn--social i,.btn-social i,.btn--social img,.btn-social img{width:20px;height:20px;font-size:20px}.btn-twitter{color:var(--color-primary)}.btn-twitter .fab{color:var(--color-black)}.btn-like{background-color:transparent;color:var(--color-text-dark);border:1.5px solid var(--color-border-lighter);display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 14px;font-size:14px;cursor:pointer;transition:all var(--transition-base)}.btn-like:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.btn-like.active{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn-like .fa-thumbs-up{font-size:14px}.btn-comment{background-color:transparent;color:var(--color-text-dark);border:1.5px solid var(--color-border-lighter);display:inline-flex;align-items:center;cursor:pointer;gap:6px;border-radius:20px;padding:6px 14px;font-size:14px;transition:all var(--transition-base)}.btn-comment:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.btn-comment:disabled{opacity:.6;cursor:not-allowed}.btn-comment.active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.btn-comment .fa-comment{font-size:14px}.btn-report{background-color:transparent;color:var(--color-text-gray);border:none;padding:6px 8px;font-size:14px;cursor:pointer;transition:all var(--transition-base);border-radius:4px}.btn-report:hover:not(:disabled){color:var(--color-danger-soft);background-color:rgba(var(--color-danger-soft-rgb),.1)}.btn-report.reported{color:var(--color-text-gray);cursor:not-allowed;opacity:.6}.btn-report.reported:disabled{background-color:transparent}.btn-report i{margin-right:4px}.mypage__settings-btn{background:none;border:1px solid var(--color-text-dark);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.mypage__settings-btn:hover{background:var(--color-gray-700);border-color:var(--color-gray-500)}.mypage__settings-btn i{color:var(--color-border-lighter);font-size:16px}.mypage__nav-btn{background:none;border:none;font-size:14px;color:var(--color-text-gray);padding:8px 0;cursor:pointer;position:relative;transition:color .3s;white-space:nowrap;flex-shrink:0}.mypage__nav-btn.active{color:var(--color-primary)}.mypage__follow-btn{background:var(--color-secondary);color:var(--color-white);border:none;padding:6px 16px;border-radius:var(--border-radius-base);font-size:13px;cursor:pointer;transition:all .3s;margin-top:8px}.mypage__follow-btn:hover{background:var(--color-secondary-dark)}.mypage__follow-btn.following{background:var(--color-gray-200);color:var(--color-text-dark)}.mypage__follow-btn.following:hover{background:var(--color-gray-350)}.mypage__review-edit-btn:hover,.mypage__review-view-btn:hover{background-color:var(--color-gray-100)!important;border-color:var(--color-border-lighter)!important;color:var(--color-primary)!important}.sidebar__review-btn,.sidebar-review-btn{display:block;width:50%;margin:16px auto;text-align:center;padding:6px 16px!important;font-size:14px!important}.sidebar__review-btn.btn--primary,.btn--primary.sidebar-review-btn{background-color:var(--color-accent-gold);color:var(--color-white);border-color:var(--color-accent-gold)}.sidebar__review-btn.btn--primary:hover,.btn--primary.sidebar-review-btn:hover{background-color:var(--color-accent-gold-dark);border-color:var(--color-accent-gold-dark);color:var(--color-white)}.mini-game__button,.mini-game-button{background:transparent;color:var(--color-white);padding:10px 24px;border:2px solid var(--color-white);border-radius:50px;font-size:14px;cursor:pointer;transition:all .3s;font-weight:700;text-decoration:none}.mini-game__button:hover,.mini-game-button:hover{background:#fff3;color:var(--color-white);border-color:var(--color-white)}.bookmark-button{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:none;outline:none;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.8);border-radius:24px;color:var(--color-white);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.bookmark-button:hover:not(:disabled){border-color:var(--color-white);color:var(--color-white);background:#ffffff4d}.bookmark-button:disabled{opacity:.6;cursor:not-allowed}.bookmark-button.bookmarked{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.bookmark-button.bookmarked:hover:not(:disabled){background:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.bookmark-button i{font-size:16px}.bookmark-button .bookmark-count{font-weight:600}.bookmark-button:focus{outline:none}.bookmark-button.small{padding:6px 12px;font-size:.857rem}.bookmark-button.small i{font-size:14px}.bookmark-button.large{padding:12px 24px;font-size:16px}.bookmark-button.large i{font-size:18px}.tip-button{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:none;outline:none;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.8);border-radius:24px;color:var(--color-white);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tip-button:hover:not(:disabled){border-color:var(--color-white);color:var(--color-white);background:#ffffff4d}.tip-button:disabled{opacity:.6;cursor:not-allowed}.tip-button i{font-size:16px}.tip-button:focus{outline:none}.tip-button-small{padding:6px 12px;font-size:.857rem}.tip-button-small i{font-size:14px}.tip-button-large{padding:12px 24px;font-size:16px}.tip-button-large i{font-size:18px}.follow-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-bg-page);border:2px solid var(--color-secondary);border-radius:24px;color:var(--color-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.follow-button:hover:not(:disabled){background:var(--color-secondary);color:var(--color-white)}.follow-button:disabled{opacity:.6;cursor:not-allowed}.follow-button.following{background:var(--color-secondary);color:var(--color-white)}.follow-button.following:hover:not(:disabled){background:var(--color-gray-350);border-color:var(--color-gray-400);color:var(--color-text-dark)}.follow-button.following:hover:not(:disabled) .follow-text{display:none}.follow-button.following:hover:not(:disabled) .unfollow-text{display:inline}.follow-button i{font-size:16px}.follow-button .unfollow-text{display:none}.follow-button.small{padding:6px 12px;font-size:.857rem}.follow-button.small i{font-size:14px}.follow-button.large{padding:12px 24px;font-size:16px}.follow-button.large i{font-size:18px}@media (max-width: 575.98px){.mini-game__button,.mini-game-button{padding:8px 20px;font-size:13px}.mypage__nav-btn{font-size:13px}}@media (max-width: 768px){.btn i{margin-right:.5rem}}.show-more-toggle,.cafe-description-toggle,.cat-grid-show-more-btn,.cafe-info__toggle-btn{background:transparent;color:var(--color-secondary);border:1.5px solid var(--color-secondary);padding:8px 24px;min-height:44px;cursor:pointer;font-size:13px;font-weight:600;border-radius:50px;transition:background var(--transition-fast),color var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.show-more-toggle:hover,.cafe-description-toggle:hover,.cat-grid-show-more-btn:hover,.cafe-info__toggle-btn:hover{background:var(--color-secondary);color:#fff}.show-more-toggle i,.cafe-description-toggle i,.cat-grid-show-more-btn i,.cafe-info__toggle-btn i{font-size:11px;transition:transform .2s ease}.show-more-toggle:active,.cafe-description-toggle:active,.cat-grid-show-more-btn:active,.cafe-info__toggle-btn:active{opacity:.85}.hero-area-wrapper{margin-bottom:10px}@media (min-width: 768px){.hero-area-wrapper{margin:-16px -16px 16px;width:calc(100% + 32px);padding:0}.hero-area-wrapper .navigation-buttons{padding-left:16px;padding-right:16px}}.hero-slide-container{position:relative;width:100%;overflow:hidden;margin-bottom:20px;border-radius:0}@media (max-width: 767px){.hero-slide-container{margin-top:calc(var(--spacing-md) * -1);margin-bottom:var(--spacing-sm)}}.hero-slide-wrapper{width:100%;height:260px;overflow:hidden;position:relative;border-radius:0}.hero-slide-track{display:flex;transition:transform .8s ease-in-out;transform:translate(0);height:100%}.hero-slide-item{flex:0 0 100%;width:100%;height:100%;position:relative}.hero-slide-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-slide-content{position:absolute;bottom:0;left:0;right:0;padding:30px 10%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:var(--color-white);display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:1200px;margin:0 auto;z-index:10}.hero-slide-content h3{font-size:1.714rem;font-weight:700;margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-slide-content p{font-size:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin-bottom:var(--spacing-md);max-width:600px}.hero-slide-content .btn,.hero-slide-content .btn-primary,.hero-slide-content .btn-gold,.hero-slide-content a{position:relative;z-index:15}.hero-slide-content .btn.btn-primary,.hero-slide-content .btn.btn-gold,.hero-slide-content a.btn{font-size:1.05rem;padding:14px 36px;font-weight:600;letter-spacing:1px;border-radius:50px;background:#fff3!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.5)!important;color:var(--color-white)!important;transition:all var(--transition-base)}.hero-slide-content .btn.btn-primary:hover,.hero-slide-content .btn.btn-gold:hover,.hero-slide-content a.btn:hover{background:#ffffff59!important;border-color:#fffc!important}.hero-slide-dots{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;z-index:10}.hero-slide-dots .dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:all var(--transition-base)}.hero-slide-dots .dot:hover{background-color:#fffc}.hero-slide-dots .dot.active{background-color:var(--color-secondary);width:24px;border-radius:5px}@media (max-width: 767px){.hero-slide-content{padding:20px 5%}.hero-slide-content h3{font-size:1.286rem}.hero-slide-content p{font-size:.857rem}}@media (min-width: 768px){.hero-slide-container{border-radius:0}.hero-slide-wrapper{height:360px;border-radius:0}.hero-slide-content h3{font-size:1.571rem}.hero-slide-content p{font-size:1rem}}@media (min-width: 1024px){.hero-slide-wrapper{height:400px}.hero-slide-content{padding:40px 10%}.hero-slide-content h3{font-size:2rem}}@media (min-width: 1400px){.hero-slide-wrapper{height:380px}}.hero-slide-nav{position:absolute;top:0;bottom:0;width:25%;cursor:pointer;z-index:5;background:transparent;transition:background-color .3s ease;pointer-events:none}.hero-slide-nav:hover{background:linear-gradient(to right,rgba(0,0,0,.05),transparent)}.hero-slide-nav.prev{left:0}.hero-slide-nav.prev:hover{background:linear-gradient(to right,rgba(0,0,0,.05),transparent)}.hero-slide-nav.next{right:0}.hero-slide-nav.next:hover{background:linear-gradient(to left,rgba(0,0,0,.05),transparent)}@media (max-width: 767px){.hero-slide-nav{display:none}}.page-hero-wrapper{margin-bottom:16px}@media (min-width: 768px){.page-hero-wrapper{margin:-16px -16px 20px;width:calc(100% + 32px)}}@media (max-width: 767px){.page-hero-wrapper{margin-top:calc(var(--spacing-md) * -1);margin-bottom:var(--spacing-sm)}}.page-hero{position:relative;width:100%;height:260px;overflow:hidden;border-radius:0}@media (min-width: 768px){.page-hero{height:300px}}@media (min-width: 1024px){.page-hero{height:340px}}.page-hero__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-hero--placeholder{background:var(--color-gray-200)}.page-hero__placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.page-hero__placeholder i{font-size:48px;color:var(--color-gray-400);opacity:.5}.page-hero--placeholder .page-hero__content{color:var(--color-text-primary)}.page-hero--placeholder .page-hero__title{color:var(--color-text-primary);text-shadow:none}.page-hero--placeholder .page-hero__subtitle{color:var(--color-text-muted);text-shadow:none;opacity:1}.page-hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#000,#00000080,#0003)}.page-hero__content{position:absolute;bottom:0;left:0;right:0;padding:20px 5%;color:var(--color-white);z-index:1}@media (min-width: 768px){.page-hero__content{padding:28px 8%}}@media (min-width: 1024px){.page-hero__content{padding:32px 10%;max-width:1200px}}.page-hero__title{font-family:var(--font-family-base);font-size:22px;font-weight:700;margin:0 0 6px;text-shadow:1px 1px 4px rgba(0,0,0,.5);line-height:1.3}@media (min-width: 768px){.page-hero__title{font-size:26px;font-weight:800}}@media (min-width: 1024px){.page-hero__title{font-size:28px}}.page-hero__subtitle{font-size:14px;margin:0;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.4)}@media (min-width: 768px){.page-hero__subtitle{font-size:15px}}@media (min-width: 1024px){.page-hero__subtitle{font-size:16px}}.hero-special-buttons{position:absolute;top:20px;right:5%;display:flex;gap:8px;z-index:10}@media (max-width: 767px){.hero-special-buttons{top:12px;right:12px;gap:6px}}.hero-special-button{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;background:#ffffff2e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.hero-special-button:hover{background:#ffffff4d;border-color:#ffffff80;color:#fff}.hero-special-button i{font-size:14px}@media (max-width: 767px){.hero-special-button{padding:6px 12px;font-size:12px}.hero-special-button__label{display:none}}.page-hero--placeholder .hero-special-buttons .hero-special-button,.page-hero--placeholder .hero-special-button{background:var(--color-secondary);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent;color:#fff}.page-hero--placeholder .hero-special-buttons .hero-special-button:hover,.page-hero--placeholder .hero-special-button:hover{background:var(--color-secondary-dark)}.page-hero__search{margin-top:16px}.page-hero__search:empty{display:none}.hero-search-form{display:flex;align-items:center;gap:8px}@media (max-width: 767px){.hero-search-form{flex-wrap:wrap;gap:6px}}.hero-search-select{flex:1 1 auto;min-width:0;padding:10px 32px 10px 12px;background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;border-radius:8px;color:var(--color-white);font-size:16px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:background-color var(--transition-fast)}.hero-search-select:hover{background:#ffffff4d}.hero-search-select:focus{outline:none;background:#ffffff4d;box-shadow:0 0 0 2px #fff6}.hero-search-select option{color:var(--color-text-primary);background:var(--color-bg-page)}@media (max-width: 767px){.hero-search-select{flex:1 1 calc(33.333% - 4px);min-width:80px;padding:8px 28px 8px 10px;font-size:14px}}@media (max-width: 767px){.hero-search-form--vertical-mobile .hero-search-select{flex:1 1 100%}.hero-search-form--vertical-mobile .hero-search-row{display:flex;gap:8px;flex:1 1 100%}.hero-search-form--vertical-mobile .hero-search-row .hero-search-select{flex:1 1 0}}.hero-search-row{display:contents}.hero-search-keyword{display:flex;align-items:stretch;gap:0;flex:1 1 auto;min-width:120px;position:relative}@media (max-width: 767px){.hero-search-keyword{flex:1 1 100%}}.hero-search-input{flex:1;padding:10px 30px 10px 12px;background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;border-radius:8px 0 0 8px;color:var(--color-white);font-size:16px;transition:background-color var(--transition-fast)}.hero-search-input::-moz-placeholder{color:#fff9}.hero-search-input::placeholder{color:#fff9}.hero-search-input:focus{outline:none;background:#ffffff4d;box-shadow:0 0 0 2px #fff6}@media (max-width: 767px){.hero-search-input{padding:8px 10px;font-size:14px}}.hero-search-button{padding:10px 14px;background:#ffffff40;border:none;border-radius:0 8px 8px 0;color:var(--color-white);font-size:16px;cursor:pointer;transition:background-color var(--transition-fast)}.hero-search-button:hover{background:#fff6}.hero-search-button:focus{outline:none;box-shadow:0 0 0 2px #fff6}@media (max-width: 767px){.hero-search-button{padding:8px 12px}}.hero-search-select.is-placeholder{color:#fff9}.hero-search-input-clear{position:absolute;right:52px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff9;font-size:14px;cursor:pointer;padding:4px 6px;line-height:1;text-decoration:none;transition:color var(--transition-fast);z-index:1}.hero-search-input-clear:hover{color:var(--color-white)}.page-hero--placeholder .hero-search-form{background:var(--color-gray-300);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-border)}.page-hero--placeholder .hero-search-select{background:var(--color-bg-page);color:var(--color-text-primary);border:1px solid var(--color-border)}.page-hero--placeholder .hero-search-select option{color:var(--color-text-primary)}.page-hero--placeholder .hero-search-input{background:var(--color-bg-page);color:var(--color-text-primary);border:1px solid var(--color-border)}.page-hero--placeholder .hero-search-input::-moz-placeholder{color:var(--color-text-muted)}.page-hero--placeholder .hero-search-input::placeholder{color:var(--color-text-muted)}.page-hero--placeholder .hero-search-button{background:var(--color-secondary);color:var(--color-white)}.page-hero--placeholder .hero-search-button:hover{background:var(--color-secondary-dark)}.page-hero--placeholder .hero-search-clear{background:var(--color-gray-400);color:var(--color-white)}html[data-theme=dark] .page-hero:not(.page-hero--placeholder) .hero-search-select{background:#ffffff26!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-white)!important;border:none!important}html[data-theme=dark] .page-hero:not(.page-hero--placeholder) .hero-search-input{background:#ffffff26!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-white)!important;border:none!important}html[data-theme=dark] .page-hero:not(.page-hero--placeholder) .hero-search-input::-moz-placeholder{color:#fff9!important}html[data-theme=dark] .page-hero:not(.page-hero--placeholder) .hero-search-input::placeholder{color:#fff9!important}html[data-theme=dark] .page-hero:not(.page-hero--placeholder) .hero-search-button{background:#fff3!important;color:var(--color-white)!important}html[data-theme=dark] .page-hero:not(.page-hero--placeholder) .hero-search-button:hover{background:#ffffff59!important}html[data-theme=dark] .page-hero:not(.page-hero--placeholder) .hero-search-input-clear{color:#fff9}html[data-theme=dark] .page-hero:not(.page-hero--placeholder) .hero-search-input-clear:hover{color:var(--color-white)}.cats-hero-container{position:relative;width:100%;overflow:hidden;margin-bottom:var(--spacing-xl);border-radius:0}@media (max-width: 767px){.cats-hero-container{margin-top:calc(var(--spacing-md) * -1);margin-bottom:var(--spacing-md)}}.cats-hero-wrapper{width:100%;height:200px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:0;overflow:hidden}.cats-hero-image{position:absolute;top:0;width:30%;height:100%;overflow:visible}.cats-hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 10%;object-position:center 10%;opacity:.9}.cats-hero-image:after{content:"";position:absolute;top:0;width:80px;height:100%;pointer-events:none}.cats-hero-image-left{left:0}.cats-hero-image-left img{-o-object-position:center center;object-position:center center}.cats-hero-image-left:after{right:0;background:linear-gradient(to right,#fff0,#fff9)}.cats-hero-image-right{right:0}.cats-hero-image-right img{-o-object-position:center center;object-position:center center}.cats-hero-image-right:after{left:0;background:linear-gradient(to left,#fff0,#fff9)}.cats-hero-content{position:relative;z-index:10;text-align:center;padding:25px 40px;max-width:500px;margin:0 auto}.cats-hero-content:before,.cats-hero-content:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:70%;height:2px;background-color:var(--color-secondary)}.cats-hero-content:before{top:0}.cats-hero-content:after{bottom:0}.cats-hero-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.1)}.cats-hero-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0;font-weight:500}.cats-hero-count{display:inline-block;background-color:var(--color-secondary-lighter-alt);color:var(--color-white);font-weight:700;padding:2px 8px;border-radius:var(--border-radius-base)}.cats-hero-index-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}.cats-hero-index-link:hover{color:var(--color-primary)}@media (min-width: 768px){.cats-hero-container,.cats-hero-wrapper{border-radius:var(--border-radius-base)}}@media (max-width: 1024px){.cats-hero-image{width:30%}.cats-hero-content{max-width:400px;padding:25px 30px}.cats-hero-title{font-size:1.714rem}.cats-hero-subtitle{font-size:1rem}}@media (max-width: 767px){.cats-hero-wrapper{height:180px}.cats-hero-image{width:37.5%}.cats-hero-image img{opacity:.7}.cats-hero-content{max-width:320px;padding:20px 25px}.cats-hero-title{font-size:1.5rem;margin-bottom:8px}.cats-hero-subtitle{font-size:.929rem}}@media (max-width: 480px){.cats-hero-wrapper{height:160px}.cats-hero-image{width:30%}.cats-hero-content{padding:15px 20px;max-width:280px}.cats-hero-title{font-size:1.286rem}.cats-hero-subtitle{font-size:.857rem}}.page-title{padding:16px 0 16px 16px}@media (max-width: 767px){.page-title{padding:12px 5px 12px 12px}}.page-title-header{display:flex;align-items:center;gap:16px;margin-bottom:8px}@media (max-width: 767px){.page-title-header{flex-direction:column;align-items:flex-start;gap:8px}}.page-title h1{font-size:18px;font-weight:700;color:var(--color-primary);margin-bottom:0;display:flex;align-items:center;gap:8px;position:relative;padding-bottom:10px}.page-title h1:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--color-accent-gold);border-radius:2px}@media (min-width: 768px){.page-title h1{font-size:20px}}@media (min-width: 1024px){.page-title h1{font-size:22px}}.page-title .icon{font-size:24px;color:var(--color-secondary)}@media (min-width: 768px){.page-title .icon{font-size:28px}}.page-title .subtitle{font-size:12px;color:var(--color-text-muted)}@media (min-width: 768px){.page-title .subtitle{font-size:13px}}.page-title-social{display:flex;gap:2px}.page-title-social .social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;text-decoration:none;transition:color var(--transition-fast)}.page-title-social .social-icon i{font-size:20px}.page-title-social .social-icon.active{color:var(--color-secondary)}.page-title-social .social-icon.active:hover{color:var(--color-primary)}.page-title-social .social-icon.disabled{color:var(--color-gray-300);cursor:not-allowed;pointer-events:none}.section-title{margin-bottom:var(--spacing-md);border-bottom:none;text-align:center}.section-title h2{font-size:18px;color:var(--color-primary);font-weight:700;position:relative}.section-accent-line{width:32px;height:3px;background-color:var(--color-accent-gold);border-radius:2px;margin:8px auto 0}@media (min-width: 768px){.section-accent-line{width:40px}}.section-subtitle{font-size:.857rem;color:var(--color-text-muted);margin-top:12px}@media (min-width: 768px){.section-title h2{font-size:20px}}.section{margin-bottom:var(--spacing-xl);padding:0;width:100%;clear:both}@media (min-width: 768px){.section{margin-bottom:var(--spacing-2xl)}}.content-section{background-color:var(--color-bg-page);margin-bottom:var(--spacing-lg);min-height:auto;padding:10px 5px}.content-section:not(:last-child){margin-bottom:var(--spacing-lg)}.content-section:nth-child(2n){background-color:var(--color-gray-100)}.content-section .container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.content-section .section-title{margin-top:12px;margin-bottom:12px}.content-section .section-footer{margin-top:var(--spacing-lg);text-align:center}@media (min-width: 768px){.content-section{padding:10px}.content-section .container{padding:0 var(--spacing-lg)}}@media (min-width: 1024px){.content-section{padding:10px}}.content-section--spacious{opacity:0;transition:opacity .6s ease}.content-section--spacious.is-visible{opacity:1}@media (prefers-reduced-motion: reduce){.content-section--spacious{opacity:1;transition:none}}.fade-stagger>*{opacity:0;transition:opacity .4s ease}.fade-stagger.is-visible>*{opacity:1}.fade-stagger.is-visible>*:nth-child(1){transition-delay:0s}.fade-stagger.is-visible>*:nth-child(2){transition-delay:.05s}.fade-stagger.is-visible>*:nth-child(3){transition-delay:.1s}.fade-stagger.is-visible>*:nth-child(4){transition-delay:.15s}.fade-stagger.is-visible>*:nth-child(5){transition-delay:.2s}.fade-stagger.is-visible>*:nth-child(6){transition-delay:.25s}.fade-stagger.is-visible>*:nth-child(7){transition-delay:.3s}.fade-stagger.is-visible>*:nth-child(8){transition-delay:.35s}.fade-stagger.is-visible>*:nth-child(9){transition-delay:.4s}.fade-stagger.is-visible>*:nth-child(10){transition-delay:.45s}.fade-stagger.is-visible>*:nth-child(11){transition-delay:.5s}.fade-stagger.is-visible>*:nth-child(12){transition-delay:.55s}.fade-stagger.is-visible>*:nth-child(13){transition-delay:.6s}.fade-stagger.is-visible>*:nth-child(14){transition-delay:.65s}.fade-stagger.is-visible>*:nth-child(15){transition-delay:.7s}.fade-stagger.is-visible>*:nth-child(16){transition-delay:.75s}.fade-stagger.is-visible>*:nth-child(17){transition-delay:.8s}.fade-stagger.is-visible>*:nth-child(18){transition-delay:.85s}.fade-stagger.is-visible>*:nth-child(19){transition-delay:.9s}.fade-stagger.is-visible>*:nth-child(20){transition-delay:.95s}.fade-stagger.is-visible>*:nth-child(21){transition-delay:1s}.fade-stagger.is-visible>*:nth-child(22){transition-delay:1.05s}.fade-stagger.is-visible>*:nth-child(23){transition-delay:1.1s}.fade-stagger.is-visible>*:nth-child(24){transition-delay:1.15s}@media (prefers-reduced-motion: reduce){.fade-stagger>*{opacity:1;transition:none}}.content-section--spacious{padding:24px 12px}@media (min-width: 768px){.content-section--spacious{padding:40px 24px}}.section-more-link{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.section-more-link a{color:var(--color-secondary);text-decoration:none;font-size:14px;font-weight:600;padding:10px 28px;border:1.5px solid var(--color-secondary);border-radius:50px;transition:all var(--transition-base)}.section-more-link a i{transition:transform var(--transition-base)}.section-more-link a:hover{background-color:var(--color-secondary);color:var(--color-white);text-decoration:none}.section-more-link a:hover i{transform:translate(4px)}.section-more-link a:active{opacity:.85}.section-more-link-separator{color:var(--color-border);font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navigation-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}@media (min-width: 768px){.hero-area-wrapper .navigation-buttons{padding-bottom:10px;margin-bottom:0}}@media (max-width: 767px){.navigation-buttons{gap:5px;padding:0 5px;margin-bottom:0}}.nav-button{width:calc(33.333% - 11px);text-decoration:none;display:block;overflow:hidden;border-radius:16px;box-shadow:none;transition:all var(--transition-base);position:relative}@media (max-width: 767px){.nav-button{flex:1 1 0;min-width:0}}.nav-button:active{opacity:.85}.nav-button-image{position:relative;height:160px;overflow:hidden}@media (max-width: 767px){.nav-button-image{height:100px}}.nav-button-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base)}.nav-button:hover .nav-button-image img{opacity:.92}.nav-button-overlay{position:absolute;left:0;right:0;bottom:0;top:auto;height:50%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.4) 100%);transition:opacity var(--transition-base)}.nav-button-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:16px;color:var(--color-white);text-align:center;z-index:1}.nav-button-title{font-size:20px;font-weight:700;margin-bottom:8px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.nav-button-description{font-size:14px;margin:0;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.nav-button:not([data-border-style=none])[data-border-style]:after{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:12px;pointer-events:none;z-index:5}.nav-button[data-border-style=solid]:after{border:1px solid rgba(255,255,255,.7)}.nav-button[data-border-style=double]:after{border:3px double rgba(255,255,255,.7)}.nav-button[data-border-style=dashed]:after{border:1px dashed rgba(255,255,255,.7)}.nav-button[data-border-style=dotted]:after{border:1px dotted rgba(255,255,255,.7)}.nav-button--mobile-only{display:none}@media (max-width: 767px){.nav-button{min-width:unset}.nav-button--pc-only{display:none}.nav-button--mobile-only{display:block}.nav-button-content{padding:10px}.nav-button-title{font-size:14px;margin-bottom:4px}.nav-button-description{font-size:11.5px}}:root{--search-box-border: var(--color-gray-350);--search-box-bg: var(--color-white);--search-box-tab-active-bg: var(--color-primary);--search-box-tab-active-color: var(--color-white);--search-box-button-primary-bg: var(--color-secondary-mid);--search-box-button-primary-hover: var(--color-secondary-dark);--search-box-clear-button-color: var(--color-text-gray);--search-box-clear-button-hover: var(--color-text-dark);--search-box-border-radius: var(--border-radius-base);--search-box-gap: 12px;--search-box-padding: 15px;--search-box-transition: .3s ease}.search-box{background:var(--search-box-bg);border:1px solid var(--search-box-border);border-radius:var(--search-box-border-radius);margin-bottom:20px;padding:0}.search-box__tabs{display:flex;gap:0;border-bottom:none}.search-box__tab{flex:1;padding:10px;background:transparent;color:var(--color-text-dark);border:none;border-radius:var(--search-box-border-radius) var(--search-box-border-radius) 0 0;font-weight:500;cursor:pointer;font-size:14px;position:relative;top:1.5px;transition:all var(--search-box-transition)}.search-box__tab:not(:first-child){margin-left:2px}.search-box__tab i{margin-right:5px}.search-box__tab:hover:not(.search-box__tab--active){background:var(--color-gray-150)}.search-box__tab--active{background:var(--search-box-tab-active-bg)!important;color:var(--search-box-tab-active-color)!important}.search-box__content{background:transparent;padding:var(--search-box-padding);border-radius:0 0 var(--search-box-border-radius) var(--search-box-border-radius)}.search-box__panel{display:none}.search-box__panel--active{display:block}.search-box__form{display:flex;flex-direction:column;gap:var(--search-box-gap)}.search-box__form-group{display:flex;flex-wrap:nowrap;gap:var(--search-box-gap);align-items:center;width:100%}.search-box__location-row{display:flex;flex-direction:row;gap:8px;flex:1;width:100%}.search-box__input-wrapper{flex:1;min-width:0;display:flex}.search-box__select{width:100%;padding:8px 12px;border:1.5px solid var(--search-box-border);border-radius:var(--search-box-border-radius);font-size:14px;background:var(--color-bg-page);color:var(--color-primary);transition:border-color var(--search-box-transition)}.search-box__select:invalid,.search-box__select[value=""],.search-box__select:not([value]):not(:focus){color:var(--color-text-gray)}.search-box__select:focus{outline:none;border-color:var(--search-box-button-primary-bg)}.search-box__select:disabled{background-color:var(--color-gray-150);color:var(--color-text-gray);cursor:not-allowed}.search-box__select option{font-size:14px;color:var(--color-primary)}.search-box__select option[value=""]{color:var(--color-text-gray)}.search-box__input{flex:1;min-width:0;padding:8px 12px;border:1.5px solid var(--search-box-border);border-radius:var(--search-box-border-radius);font-size:14px;background:var(--color-bg-page);color:var(--color-primary);transition:border-color var(--search-box-transition)}.search-box__input:focus{outline:none;border-color:var(--search-box-button-primary-bg)}.search-box__input::-moz-placeholder{color:var(--color-text-gray)!important}.search-box__input::placeholder{color:var(--color-text-gray)!important}.search-box__button-group{display:flex;gap:10px;align-items:center;flex-shrink:0}.search-box__search-button{padding:8px 24px;font-size:14px;background:var(--search-box-button-primary-bg);color:var(--color-white);border:1.5px solid var(--search-box-button-primary-bg);border-radius:var(--search-box-border-radius);cursor:pointer;transition:all var(--search-box-transition);white-space:nowrap}.search-box__search-button i{margin-right:5px;font-size:.857rem}.search-box__search-button:hover{background:var(--search-box-button-primary-hover);border-color:var(--search-box-button-primary-hover)}.search-box__search-button:focus{outline:none}.search-box__clear-all-wrapper{display:flex;align-items:center}.search-box__clear-all-button{background:transparent;border:none;padding:8px 12px;cursor:pointer;color:var(--search-box-clear-button-color);font-size:18px;display:inline-flex;align-items:center;justify-content:center;transition:color var(--search-box-transition);text-decoration:none;line-height:1}.search-box__clear-all-button i{font-size:18px}.search-box__clear-all-button:hover{color:var(--search-box-clear-button-hover)}.search-box__clear-all-button:focus{outline:none}@media (min-width: 768px){.search-box__location-row{gap:12px}.search-box__select--country,.search-box__select--region,.search-box__select--prefecture{font-size:14px;padding:8px 12px}.search-box__input--keyword{min-width:300px}}@media (min-width: 768px) and (max-width: 1023px){.search-box__content{padding:12px}.search-box__form-group{gap:10px}.search-box__location-row{gap:8px}.search-box__select,.search-box__select--country,.search-box__select--region,.search-box__select--prefecture,.search-box__input{font-size:13px;padding:7px 10px}.search-box__search-button{font-size:13px;padding:7px 14px}}@media (max-width: 767px){.search-box{margin-bottom:16px;border-radius:0}.search-box__content{padding:10px 5px;border-radius:0}.search-box__form{gap:8px}.search-box__form-group{flex-wrap:nowrap;gap:6px}.search-box__location-row{gap:4px}.search-box__select{font-size:14px!important;padding:6px 8px;color:var(--color-primary)}.search-box__select:invalid,.search-box__select[value=""]{color:var(--color-text-gray)!important}.search-box__select option{font-size:14px!important;color:var(--color-primary)!important}.search-box__select option[value=""]{color:var(--color-text-gray)!important}.search-box__select--country,.search-box__select--region,.search-box__select--prefecture{font-size:14px!important;padding:6px 8px;color:var(--color-primary)}.search-box__select--country:invalid,.search-box__select--country[value=""],.search-box__select--region:invalid,.search-box__select--region[value=""],.search-box__select--prefecture:invalid,.search-box__select--prefecture[value=""]{color:var(--color-text-gray)!important}.search-box__select--country option,.search-box__select--region option,.search-box__select--prefecture option{font-size:14px!important;color:var(--color-primary)!important}.search-box__select--country option[value=""],.search-box__select--region option[value=""],.search-box__select--prefecture option[value=""]{color:var(--color-text-gray)!important}.search-box__input{font-size:.857rem;padding:6px 8px;color:var(--color-primary)}.search-box__input::-moz-placeholder{font-size:14px;color:var(--color-text-gray)!important}.search-box__input::placeholder{font-size:14px;color:var(--color-text-gray)!important}.search-box__button-group{flex-shrink:0;gap:6px}.search-box__search-button{font-size:.857rem;padding:6px 12px}.search-box__search-button i{margin-right:3px;font-size:.857rem}.search-box__clear-all-button{font-size:16px;padding:6px 8px}.search-box__clear-all-wrapper{flex-shrink:0;justify-content:flex-end}.search-box__tab{flex:1;font-size:13px;padding:6px 4px;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-box__tab i{margin-right:3px;font-size:.857rem}}.search-error{text-align:center;padding:40px 20px;background:var(--color-bg-page);border-radius:var(--search-box-border-radius);margin:20px 0}.search-error__icon{font-size:48px;color:var(--color-warning-icon);margin-bottom:16px}.search-error__title{font-size:18px;font-weight:600;color:var(--color-primary);margin-bottom:12px}.search-error__message{font-size:14px;color:var(--color-text-dark);margin-bottom:20px;line-height:1.6}.search-error__retry-button,.search-error__reload-button{padding:10px 24px;font-size:14px;background:var(--search-box-button-primary-bg);color:var(--color-white);border:none;border-radius:var(--search-box-border-radius);cursor:pointer;transition:background var(--search-box-transition)}.search-error__retry-button i,.search-error__reload-button i{margin-right:8px}.search-error__retry-button:hover,.search-error__reload-button:hover{background:var(--search-box-button-primary-hover)}.search-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.search-loading-spinner{background:var(--color-bg-page);padding:30px 40px;border-radius:8px;text-align:center}.search-loading-spinner i{font-size:32px;color:var(--search-box-button-primary-bg);margin-bottom:12px}.search-loading-spinner p{font-size:14px;color:var(--color-text-dark);margin:0}.search-results-container{transition:opacity .2s ease}.search-results-container.loading{opacity:.5;pointer-events:none}.cafe-card-wrapper{position:relative;display:block;width:100%}.cafe-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1;overflow:hidden}.cafe-card{background:transparent;border:none;border-radius:0;overflow:hidden;cursor:pointer;transition:all var(--transition-base);width:100%;height:auto;display:flex;flex-direction:column;position:relative}.cafe-card:active{opacity:.85}.cafe-card .cafe-card-image{height:120px;overflow:hidden;position:relative;flex-shrink:0}@media (min-width: 768px){.cafe-card .cafe-card-image{height:140px}}@media (min-width: 1024px){.cafe-card .cafe-card-image{height:160px}}.cafe-card .cafe-card-image{border-radius:10px}@media (min-width: 768px){.cafe-card .cafe-card-image{border-radius:12px}}.cafe-card .cafe-card-image img{transition:opacity var(--transition-base)}.cafe-card:hover .cafe-card-image img{opacity:.92}.cafe-card .cafe-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right bottom;object-position:right bottom;transition:transform .3s ease}.cafe-grid-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right bottom;object-position:right bottom}.cafe-card-image__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-150) 100%)}.cafe-card-image__placeholder .fa-image{font-size:36px;color:var(--color-gray-300)}.cafe-card-image__placeholder .fa-triangle-exclamation{position:absolute;font-size:14px;color:var(--color-gray-400);bottom:calc(50% - 24px);right:calc(50% - 24px)}.ranking-badge{position:absolute;top:10px;left:10px;z-index:10;font-size:48px;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.ranking-badge .fa-certificate,.ranking-badge[data-rank="1"] .fa-certificate{color:var(--badge-gold)}.ranking-badge[data-rank="2"] .fa-certificate{color:var(--badge-silver)}.ranking-badge[data-rank="3"] .fa-certificate{color:var(--badge-bronze)}.ranking-badge .rank-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);font-weight:700;font-size:20px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.cafe-card .cafe-card-content{padding:12px;flex:1;display:flex;flex-direction:column;min-height:0}.cafe-card .cafe-card-name{font-size:14px;font-weight:600;margin-bottom:6px;color:var(--color-primary);transition:color var(--transition-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.cafe-card:hover .cafe-card-name{color:var(--color-secondary)}.cafe-card .cafe-card-meta{display:flex;justify-content:space-between;font-size:.857rem;color:var(--color-text-dark);margin-bottom:8px;gap:8px}.cafe-card .cafe-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.cafe-card .cafe-card-rating{display:flex;align-items:center;gap:4px;flex-shrink:0}.cafe-card .cafe-card-rating-stars{display:inline-flex;align-items:center;gap:1px}.cafe-card .cafe-card-rating-stars .fa-star,.cafe-card .cafe-card-rating-stars .fa-star-half-alt{color:var(--color-accent-gold);font-size:13px}.cafe-card .cafe-card-rating-stars .far.fa-star{color:var(--color-gray-300);font-size:13px}.cafe-card .cafe-card-rating-value{font-size:14px;font-weight:700;color:var(--color-primary);margin-left:2px}.cafe-card .cafe-card-rating-count{font-size:12px;color:var(--color-text-muted)}.cafe-cards-container{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}.cafe-card-bookmark{position:absolute;top:10px;right:10px;z-index:15}.cafe-card-bookmark .bookmark-button{width:36px;height:36px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.8);color:var(--color-white);background:#ffffff4d}.cafe-card-bookmark .bookmark-button i{font-size:18px}.cafe-card-bookmark .bookmark-button:hover:not(:disabled){border-color:var(--color-white);background:#fff6}@media (max-width: 767px){.cafe-card-bookmark .bookmark-button{width:32px;height:32px}.cafe-card-bookmark .bookmark-button i{font-size:16px}}.cafe-closed-badge{position:absolute;top:10px;left:10px;background:var(--color-primary);color:var(--color-white);padding:6px 12px;border-radius:var(--border-radius-base);font-size:13px;font-weight:600;z-index:2;box-shadow:0 1px 4px #0000001a}.cafe-card-badge-inline{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;font-size:.8rem;font-weight:600;border-radius:var(--border-radius-sm);color:var(--color-white);vertical-align:middle;margin-right:5px;white-space:nowrap;line-height:1.3}.cafe-card-badge-inline i{font-size:.7rem}.cafe-card-badge-inline--new{background:var(--color-success-main)}.cafe-card-badge-inline--pickup{background:var(--color-accent-gold)}.review-card{background:var(--color-bg-page);border-radius:var(--border-radius-base);padding:18px 18px 5px;width:100%;display:flex;flex-direction:column;min-height:0}.review-card:after{content:"";display:block;height:1px;background:var(--color-gray-400);margin-top:16px}.review-card .review-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.review-card .review-user-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.review-card .review-user-avatar-placeholder{color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.review-card .review-user-avatar-placeholder i{font-size:20px}.review-card .review-user-info{flex:1}.review-card .review-user-name{font-weight:600;color:var(--color-text-darker);text-decoration:none;transition:color var(--transition-base)}.review-card .review-user-name:hover{color:var(--color-secondary)}.review-card .review-date{font-size:.857rem;color:var(--color-text-medium);background:#6b7f9514;padding:3px 8px;border-radius:var(--border-radius-base)}.review-card .review-rating{display:flex;gap:2px}.review-card .review-rating .fa-star{color:var(--color-accent-gold);font-size:14px}.review-card .review-rating .far.fa-star{color:var(--color-text-muted)}.review-card .review-card-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible}.review-card .review-cafe-name{margin-bottom:8px}.review-card .review-cafe-name a{display:inline-flex;align-items:center;gap:4px;font-size:.857rem;color:var(--color-text-muted);text-decoration:none;line-height:1.3;background:var(--color-secondary-pale, rgba(107, 127, 149, .08));border-radius:var(--border-radius-base);padding:3px 8px;word-break:break-word}.review-card .review-cafe-name a i{font-size:.75rem;flex-shrink:0;color:var(--color-secondary)}.review-card .review-cafe-name a:hover{color:var(--color-secondary)}.review-card .review-title{font-size:14px;font-weight:700;color:var(--color-primary);margin-bottom:8px;line-height:1.4}.review-card .review-text{color:var(--color-text-dark);line-height:1.5;margin-bottom:12px;padding:8px 0 0!important;margin-left:0!important;font-size:13px;white-space:normal;word-wrap:break-word;text-align:left;text-indent:0;border-top:1px dotted rgba(107,127,149,.35)}.review-card .review-more-link{color:var(--color-secondary);font-size:13px;cursor:pointer;margin-left:4px;white-space:nowrap}.review-card .review-more-link:hover{text-decoration:underline}.review-card .review-close-link{display:block;text-align:center;color:var(--color-text-medium);font-size:.857rem;cursor:pointer;margin-top:4px}.review-card .review-close-link i{font-size:.75rem;margin-right:2px}.review-card .review-close-link:hover{color:var(--color-secondary)}.review-card .review-images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:4px;margin-bottom:12px}.review-card .review-image-item{aspect-ratio:3/2;overflow:hidden;border-radius:var(--border-radius-base);cursor:pointer}.review-card .review-image-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:opacity .2s}.review-card .review-image-item:hover img{opacity:.85}.review-card .review-card-footer{padding-top:12px;border-top:none;display:flex;justify-content:space-between;align-items:center;gap:6px;flex-shrink:0}.review-card .review-footer-actions{display:flex;gap:6px;margin-left:auto}.review-card .btn-like{background-color:transparent;color:var(--color-text-dark);border:1.5px solid var(--color-border-lighter);display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 14px;font-size:14px;cursor:pointer;transition:all var(--transition-base)}.review-card .btn-like:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.review-card .btn-like.active{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.review-card .btn-like .fa-thumbs-up{font-size:14px}.review-card .like-icon{font-size:16px}.review-card .like-number{font-weight:500}.review-card .review-like-count.liked,.review-card .review-like-count.liked .like-icon{color:var(--color-secondary)}.review-card .btn-comment{background-color:transparent;color:var(--color-text-dark);border:1.5px solid var(--color-border-lighter);display:inline-flex;align-items:center;cursor:pointer;gap:6px;border-radius:20px;padding:6px 14px;font-size:14px;transition:all var(--transition-base)}.review-card .btn-comment:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.review-card .btn-comment:disabled{opacity:.6;cursor:not-allowed}.review-card .btn-comment.active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.review-card .btn-comment .fa-comment{font-size:14px}.review-card .comment-number{font-weight:500}.review-cards-container{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.review-card .btn-edit,.review-card .btn-report,.review-card .btn-delete{background-color:transparent;color:var(--color-text-gray);border:none;width:30px;height:30px;padding:0;font-size:14px;cursor:pointer;transition:all var(--transition-base);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.review-card .btn-edit i,.review-card .btn-report i,.review-card .btn-delete i{font-size:14px}.review-card .btn-edit:hover:not(:disabled){color:var(--color-edit-soft);background-color:rgba(var(--color-edit-soft-rgb),.1)}.review-card .btn-report:hover:not(:disabled){color:var(--color-danger-soft);background-color:rgba(var(--color-danger-soft-rgb),.1)}.review-card .btn-report.reported{color:var(--color-text-gray);cursor:not-allowed;opacity:.6}.review-card .btn-report.reported:disabled{background-color:transparent}.review-card .btn-delete:hover{color:var(--color-danger-soft);background-color:rgba(var(--color-danger-soft-rgb),.1)}.image-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;cursor:pointer;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease,background .3s ease}.image-popup-overlay.active{visibility:visible;opacity:1;background:#000000e6}.image-popup-container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;transform:scale(.95);transition:transform .3s ease}.image-popup-overlay.active .image-popup-container{transform:scale(1)}.image-popup-media-wrapper{position:relative;display:inline-block;line-height:0}.image-popup-image{max-width:50vw;max-height:50vh;width:auto;height:auto;border-radius:var(--border-radius-base);box-shadow:0 4px 20px #0000004d}.image-popup-video{max-width:50vw;max-height:50vh;border-radius:var(--border-radius-base);box-shadow:0 4px 20px #0000004d}.image-popup-close{position:absolute;top:-44px;right:0;background:#00000080;border:none;color:var(--color-white);font-size:28px;cursor:pointer;padding:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .3s;z-index:3}.image-popup-close:hover{opacity:.7}.image-popup-prev,.image-popup-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:2}.image-popup-prev:hover,.image-popup-next:hover{background:#ffffff59}.image-popup-prev i,.image-popup-next i{font-size:16px;color:var(--color-white)}.image-popup-prev{left:-60px}.image-popup-next{right:-60px}.image-popup-counter{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);color:#fffc;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 768px){.image-popup-image,.image-popup-video{max-width:85vw;max-height:70vh}.image-popup-prev{left:10px}.image-popup-next{right:10px}.image-popup-counter{bottom:-28px}}.review-card .review-comment-section{display:none!important;border-top:1px solid var(--color-gray-350);margin-top:12px;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .25s ease-out;overflow:hidden}.review-card .loading-comments{text-align:center;color:var(--color-text-dark);padding:20px 0}.review-card .comment-form-inline{margin-bottom:15px}.review-card .comment-form-inline textarea{width:100%;padding:10px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);resize:vertical;min-height:60px;font-family:inherit;font-size:14px;transition:border-color var(--transition-base)}.review-card .comment-form-inline textarea:hover{border-color:var(--color-secondary);border-width:1.5px}.review-card .comment-form-inline textarea:focus{outline:none;border-color:var(--color-secondary);border-width:1.5px}.review-card .comment-form-inline .form-actions{margin-top:8px;text-align:right;border-top:none!important;padding-top:0}.review-card .comment-form-inline .btn-submit{background-color:var(--color-secondary);color:var(--color-white);border:none;padding:6px 16px;border-radius:var(--border-radius-base);font-size:14px;cursor:pointer;transition:background-color .2s}.review-card .comment-form-inline .btn-submit:hover{background-color:var(--color-error-hover)}.review-card .comment-form-inline .btn-submit:disabled{opacity:.6;cursor:not-allowed}.review-card .comments-list{margin-top:15px;max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--color-border-light) var(--color-gray-150)}.review-card .comments-list::-webkit-scrollbar{width:6px}.review-card .comments-list::-webkit-scrollbar-track{background:var(--color-gray-150);border-radius:3px}.review-card .comments-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.review-card .comments-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.review-card .comment-item{position:relative;margin-bottom:16px}.review-card .comment-item:not(.is-reply)+.review-card .comment-item:not(.is-reply){border-top:1px solid var(--color-gray-200);padding-top:16px}.review-card .comment-item.is-reply{margin-left:40px;background:var(--color-gray-100);padding:12px;border-radius:8px;position:relative}@media (max-width: 575.98px){.review-card .comment-item.is-reply{margin-left:32px;padding:8px}}.review-card .comment-item.is-reply:before{content:"↳";position:absolute;left:-20px;top:12px;color:var(--color-text-gray);font-size:16px}@media (max-width: 575.98px){.review-card .comment-item.is-reply:before{left:-16px;top:8px;font-size:14px}}.review-card .comment-replies{margin-top:8px;position:relative}.review-card .comment-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;position:relative}.review-card .comment-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.review-card .comment-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.review-card .comment-avatar i{font-size:16px;color:var(--color-white)}.review-card .comment-actions{margin-left:auto;display:flex;gap:8px}.review-card .comment-reply-btn,.review-card .comment-delete-btn{background:none;border:none;color:var(--color-text-dark);font-size:.857rem;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-base);transition:all .2s}.review-card .comment-reply-btn:hover,.review-card .comment-delete-btn:hover{background:var(--color-gray-200);color:var(--color-secondary)}.review-card .comment-reply-btn i,.review-card .comment-delete-btn i{margin-right:4px;font-size:.857rem}.review-card .comment-delete-btn:hover{background:var(--color-error-bg-light);color:var(--color-danger-main)}.review-card .reply-form-container{margin-top:10px}.review-card .reply-form textarea{width:100%;min-height:60px;padding:8px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);resize:vertical;font-size:13px;font-family:inherit}.review-card .reply-form textarea:focus{outline:none;border-color:var(--color-secondary)}.review-card .reply-form-actions{display:flex;gap:8px;margin-top:8px}.review-card .reply-form-actions button{padding:6px 12px;font-size:.857rem;border:none;border-radius:var(--border-radius-base);cursor:pointer;transition:all .2s}.review-card .reply-form-actions .btn-submit-reply{background:var(--color-secondary);color:var(--color-white)}.review-card .reply-form-actions .btn-submit-reply:hover{background:var(--color-secondary-dark)}.review-card .comment-avatar{width:24px;height:24px;border-radius:50%;margin-right:8px;-o-object-fit:cover;object-fit:cover}.review-card .comment-avatar-placeholder{width:24px;height:24px;border-radius:50%;background-color:var(--color-secondary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:.857rem;font-weight:600;margin-right:8px}.review-card .comment-meta{flex:1}.review-card .comment-user-name{font-size:13px;font-weight:600;color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}.review-card .comment-user-name:hover{color:var(--color-secondary)}.review-card .reply-to a{color:var(--color-text-dark);text-decoration:none;transition:color var(--transition-base)}.review-card .reply-to a:hover{color:var(--color-secondary)}.review-card .comment-date{font-size:.857rem;color:var(--color-text-gray);margin-left:8px}.review-card .comment-content{font-size:13px;color:var(--color-text-dark);line-height:1.5;position:relative}.review-card .comment-replies-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-text-gray);font-size:.857rem;cursor:pointer;padding:4px 8px;margin-left:8px;border-radius:12px;transition:all var(--transition-base)}.review-card .comment-replies-toggle:hover{background:var(--color-gray-150);color:var(--color-secondary)}.review-card .comment-replies-toggle.active{color:var(--color-secondary);background:#8b7a5e1a}.review-card .comment-replies-toggle i{font-size:.857rem}.review-card .comment-replies-toggle .reply-count{font-weight:500}.review-card .no-comments{text-align:center;color:var(--color-text-gray);padding:20px;font-size:14px}.review-card .login-prompt-inline{text-align:center;padding:15px;background:var(--color-bg-page);border-radius:var(--border-radius-base);font-size:14px;color:var(--color-text-dark)}.review-card .login-prompt-inline .link-button{background:none;border:none;color:var(--color-secondary);cursor:pointer;text-decoration:underline;font-weight:600}.review-card .comment-section-close{text-align:center;padding:0}.review-card .btn-close-comments{display:flex;justify-content:center;align-items:center;width:32px;height:16px;margin:0 auto;background:none;border:none;color:var(--color-text-dark);cursor:pointer;transition:all var(--transition-base)}.review-card .btn-close-comments:hover{color:var(--color-secondary)}.review-card .btn-close-comments i{font-size:14px}.review-card .btn-comment.active{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.review-card .btn-comment.active .fa-comment{color:var(--color-white)}@media (max-width: 768px){.review-card{min-height:0}}.google-review-card{background-color:var(--color-bg-page);border-radius:var(--border-radius-sm);padding:18px;margin-bottom:0;min-height:0;border-left:4px solid #4285F4}.google-review-card:after{content:"";display:block;height:1px;background:var(--color-gray-400);margin-top:16px}.google-review-card .google-review-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.google-review-card .google-review-avatar{width:40px;height:40px;flex-shrink:0}.google-review-card .google-review-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.google-review-card .google-review-author{display:flex;flex-direction:column;gap:4px}.google-review-card .author-name{font-weight:600;color:var(--color-text-darker)}.google-review-card .google-review-rating{display:flex;align-items:center;gap:2px;margin-bottom:12px}.google-review-card .google-review-rating i{color:var(--color-accent-gold);font-size:14px}.google-review-card .google-review-rating .review-date{margin-left:8px;font-size:var(--font-size-sm);color:var(--color-text-medium);background:#6b7f9514;padding:3px 8px;border-radius:var(--border-radius-sm)}.google-review-card .google-review-body{white-space:pre-wrap;line-height:1.6;color:var(--color-text-darker)}.google-review-card .btn-expand{color:var(--color-secondary);font-size:var(--font-size-sm);background:none;border:none;cursor:pointer;padding:0;margin-left:4px}.google-review-card .btn-expand:hover{text-decoration:underline}.google-review-card .google-review-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-lighter)}.google-review-card .google-link{font-size:var(--font-size-sm);color:var(--color-secondary);text-decoration:none}.google-review-card .google-link:hover{text-decoration:underline}.google-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-muted);background:#6b7f9514;padding:2px 8px;border-radius:var(--border-radius-pill)}.google-badge svg{width:12px;height:12px;flex-shrink:0}.google-rating-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 16px;background:#6b7f950d;border-radius:var(--border-radius-sm)}.google-rating-header .google-logo{flex-shrink:0}.google-rating-header .google-rating-stars{font-weight:600;color:var(--color-text-darker)}.google-rating-header .google-rating-stars i{color:var(--color-accent-gold)}.google-rating-header .google-rating-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.google-rating-header .google-rating-note{width:100%;font-size:11px;color:var(--color-text-muted);padding-left:32px}.cafe-hero__img,.cafe-hero-img{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--color-gray-200);border-radius:0;margin-bottom:5px}.cafe-hero__img img,.cafe-hero-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.cafe-hero__placeholder,.cafe-hero-img__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-150) 100%)}.cafe-hero__placeholder .fa-image,.cafe-hero-img__placeholder .fa-image{font-size:48px;color:var(--color-gray-300)}@media (min-width: 768px){.cafe-hero__placeholder .fa-image,.cafe-hero-img__placeholder .fa-image{font-size:64px}}.cafe-hero__placeholder .fa-triangle-exclamation,.cafe-hero-img__placeholder .fa-triangle-exclamation{position:absolute;font-size:18px;color:var(--color-gray-400);bottom:calc(50% - 32px);right:calc(50% - 32px)}@media (min-width: 768px){.cafe-hero__placeholder .fa-triangle-exclamation,.cafe-hero-img__placeholder .fa-triangle-exclamation{font-size:22px;bottom:calc(50% - 40px);right:calc(50% - 40px)}}.cafe-hero__top-actions,.cafe-hero-top-actions{position:absolute;top:15px;right:15px;z-index:10;display:flex;align-items:center;gap:10px}@media (min-width: 768px){.cafe-hero__top-actions,.cafe-hero-top-actions{gap:12px}}@media (max-width: 767px){.cafe-hero__top-actions .bookmark-button,.cafe-hero-top-actions .bookmark-button,.cafe-hero__top-actions .tip-button,.cafe-hero-top-actions .tip-button{width:44px;height:44px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.cafe-hero__top-actions .bookmark-button span,.cafe-hero-top-actions .bookmark-button span,.cafe-hero__top-actions .tip-button span,.cafe-hero-top-actions .tip-button span{display:none}.cafe-hero__top-actions .bookmark-button i,.cafe-hero-top-actions .bookmark-button i,.cafe-hero__top-actions .tip-button i,.cafe-hero-top-actions .tip-button i{font-size:18px}}.cafe-hero__edit,.cafe-hero-edit{position:absolute;bottom:45px;right:15px;z-index:10}.cafe-hero__edit .btn-edit,.cafe-hero-edit .btn-edit{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--color-primary);color:var(--color-white);border:2px solid rgba(255,255,255,.7);border-radius:var(--border-radius-base);font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px #0003;transition:border-color .2s ease}.cafe-hero__edit .btn-edit:hover,.cafe-hero-edit .btn-edit:hover{border-color:#ffffffd9;text-decoration:none;color:var(--color-white)}.cafe-hero__edit .btn-edit i,.cafe-hero-edit .btn-edit i{font-size:17px}.cafe-hero__name-sub{display:block;font-size:.75em;margin-top:5px}.cafe-hero__content,.cafe-hero-content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg);background:linear-gradient(to top,rgb(0,0,0),transparent);color:var(--color-white)}.cafe-hero__content h1,.cafe-hero-content h1{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,.5);color:var(--color-white)!important;display:block!important;opacity:1!important;visibility:visible!important;z-index:2;position:relative}.cafe-hero__content p,.cafe-hero-content p{font-size:var(--font-size-base);text-shadow:1px 1px 2px rgba(0,0,0,.5);margin-bottom:var(--spacing-md)}.cafe-hero__content .rating-stars .fa-star,.cafe-hero-content .rating-stars .fa-star,.cafe-hero__content .rating-stars .fa-star-half-alt,.cafe-hero-content .rating-stars .fa-star-half-alt{color:var(--color-accent-gold);text-shadow:0 0 3px rgba(0,0,0,.8),1px 1px 2px rgba(0,0,0,.6),0 0 8px rgba(185,171,150,.5)}.cafe-hero__content .rating-stars .far.fa-star,.cafe-hero-content .rating-stars .far.fa-star{color:var(--color-text-muted);text-shadow:0 0 3px rgba(0,0,0,.8),1px 1px 2px rgba(0,0,0,.6),0 0 5px rgba(255,255,255,.3)}.cafe-rating{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base)}.rating-stars{display:inline-flex;align-items:center;font-size:20px;line-height:1;letter-spacing:2px}.rating-stars .fa-star,.rating-stars .fa-star-half-alt{color:var(--color-accent-gold);font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.rating-stars .far.fa-star{color:var(--color-text-muted);font-size:18px}.rating-value{font-weight:700;color:var(--color-white);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.rating-reviews{font-size:var(--font-size-sm);opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (min-width: 768px){.cafe-hero__img,.cafe-hero-img{border-radius:var(--border-radius-base);aspect-ratio:2/1}.cafe-hero__content,.cafe-hero-content{padding:var(--spacing-xl)}.cafe-hero__content h1,.cafe-hero-content h1{font-size:var(--font-size-2xl)}.cafe-hero__content p,.cafe-hero-content p{font-size:var(--font-size-lg)}}@media (min-width: 1024px){.cafe-hero__content h1,.cafe-hero-content h1{font-size:var(--font-size-3xl)}}.cafe-hero-img--slider{position:relative;overflow:hidden}.cafe-hero-slider{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.cafe-hero-slider__track{display:flex;width:100%;height:100%;transition:transform .8s ease-in-out}.cafe-hero-slider__item{flex:0 0 100%;width:100%;height:100%;position:relative}.cafe-hero-slider__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.cafe-hero-slider__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:2rem}.cafe-hero-slider__dots{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;z-index:15}.cafe-hero-slider__dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.cafe-hero-slider__dot:hover{background-color:#fffc}.cafe-hero-slider__dot.active{background-color:var(--color-secondary);transform:scale(1.3)}@media (max-width: 767px){.cafe-hero__edit,.cafe-hero-edit{bottom:35px;right:10px}.cafe-hero__edit .btn-edit,.cafe-hero-edit .btn-edit{padding:7px 14px;font-size:13px;border:2px solid rgba(255,255,255,.7)}.cafe-hero__edit .btn-edit i,.cafe-hero-edit .btn-edit i{font-size:14px}.cafe-hero-slider__dots{bottom:10px;right:10px}.cafe-hero-slider__dot{width:6px;height:6px}}@media (prefers-reduced-motion: reduce){.cafe-hero-slider__track,.cafe-hero-slider__dot{transition:none!important}}.cafe-info{padding:0;position:relative;margin-bottom:var(--spacing-lg)}.cafe-info .chain-name{font-size:var(--font-size-xs);color:var(--color-secondary);font-weight:600;margin-bottom:var(--spacing-sm);padding:4px var(--spacing-sm);background:var(--color-secondary-pale, rgba(107, 127, 149, .1));border-radius:50px;display:inline-block;position:relative;z-index:1}.cafe-info__grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.cafe-info__grid{grid-template-columns:repeat(2,1fr);gap:16px}}.cafe-info__card{background:var(--color-gray-100);border-radius:12px;overflow:hidden}@media (max-width: 767px){.cafe-info__card{border-radius:10px}}.cafe-info__category-title{font-size:13px;font-weight:700;color:var(--color-text-primary);letter-spacing:.5px;padding:10px 16px;background:var(--color-gray-200);border-radius:12px 12px 0 0}@media (max-width: 767px){.cafe-info__category-title{border-radius:10px 10px 0 0}}.cafe-info__rows{padding:0}.cafe-info__row{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;border-bottom:1px solid var(--color-border-lighter)}.cafe-info__row:last-child{border-bottom:none}.cafe-info__label{font-size:13px;font-weight:600;color:var(--color-text-muted);flex-shrink:0;width:80px;min-width:80px;padding-top:2px;line-height:1.4}html[lang=en] .cafe-info__label{width:100px;min-width:100px}.cafe-info__value{font-size:13px;color:var(--color-text-primary);line-height:1.6;flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.cafe-info__note{font-size:12px;color:var(--color-text-muted);margin-top:4px}.cafe-info__map-link-wrapper,.cafe-info__access-detail{margin-top:8px}.cafe-info__details-panel{display:none;overflow:hidden;transition:height .3s ease,opacity .3s ease;opacity:0;height:0}.cafe-info__map-link{display:inline-flex;align-items:center;background:var(--color-success-main);color:var(--color-white);padding:6px 14px;font-size:13px;border-radius:8px;text-decoration:none;transition:opacity .2s}@media (max-width: 767px){.cafe-info__map-link{min-height:44px}}.cafe-info__map-link i{margin-right:4px;font-size:13px}.cafe-info__map-link:hover{opacity:.85;color:var(--color-white)}.cafe-info__station-badge{display:inline-flex;align-items:center;background:var(--color-secondary);color:var(--color-white);padding:6px 14px;border-radius:8px;font-size:13px}@media (max-width: 767px){.cafe-info__station-badge{min-height:44px}}.cafe-info__station-badge i{margin-right:5px}.cafe-info__link{color:var(--color-secondary);text-decoration:none;word-break:break-all}.cafe-info__link:hover{text-decoration:underline}.cafe-info__phone-link{color:inherit;text-decoration:none}.cafe-info__social-links{display:flex;align-items:center;gap:12px}.cafe-info__social-icon{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:opacity var(--transition-fast)}.cafe-info__social-icon i{font-size:22px}.cafe-info__social-icon:hover{opacity:.7}.cafe-info__social-icon--instagram i{color:#d1456b}.cafe-info__social-icon--twitter i{color:#3d506b}.cafe-info__social-icon--facebook i{color:#5b7fb5}.cafe-info__social-icon--line i{color:#55ad73}.cafe-info__social-icon--youtube i{color:#d44035}.cafe-info__social-icon--tiktok i{color:#3d506b}.cafe-info__toggle-wrap{text-align:center;padding:12px 6px}.cafe-info .badges{display:flex;flex-wrap:wrap;gap:6px}.cafe-info .badges .badge,.cafe-info .badges .status-badge{display:inline-block;padding:5px 12px;font-size:13px;font-weight:500;border-radius:8px;white-space:nowrap}.cafe-info .badges .badge.badge-feature,.cafe-info .badges .badge-feature.status-badge{background-color:var(--color-gray-100);color:var(--color-text-primary)}.cafe-info .badges .badge.badge-payment,.cafe-info .badges .badge-payment.status-badge{background-color:var(--color-secondary-pale, rgba(107, 127, 149, .1));color:var(--color-secondary);border:1px solid var(--color-secondary)}.cafe-info .badges .badge.badge-adoption,.cafe-info .badges .badge-adoption.status-badge{background-color:var(--org-adoption-bg);color:var(--org-adoption-text)}.cafe-info .badges .badge.badge-organization,.cafe-info .badges .badge-organization.status-badge{background-color:var(--color-secondary);color:var(--color-white)}.cafe-info .badges .badge.badge-organization-cfa,.cafe-info .badges .badge-organization-cfa.status-badge{background-color:var(--org-cfa);color:var(--color-white)}.cafe-info .badges .badge.badge-organization-tica,.cafe-info .badges .badge-organization-tica.status-badge{background-color:var(--org-tica);color:var(--color-white)}.cafe-info .badges .badge.badge-organization-fife,.cafe-info .badges .badge-organization-fife.status-badge{background-color:var(--org-fife);color:var(--color-white)}.cafe-info .badges .badge.badge-organization-gccf,.cafe-info .badges .badge-organization-gccf.status-badge{background-color:var(--org-gccf);color:var(--color-white)}@media (max-width: 480px){.cafe-info__label{width:70px;min-width:70px;font-size:12px}html[lang=en] .cafe-info__label{width:90px;min-width:90px}.cafe-info__row{padding:8px 12px;gap:10px}.cafe-info__value{font-size:13px}.cafe-info__category-title{padding:8px 12px;font-size:13px}}.ranking-badge{position:absolute;top:10px;left:10px;z-index:10}.ranking-badge.certificate-type{font-size:40px;line-height:1}.ranking-badge.certificate-type .fa-certificate,.ranking-badge.certificate-type[data-rank="1"] .fa-certificate{color:var(--color-ranking-gold)}.ranking-badge.certificate-type[data-rank="2"] .fa-certificate{color:var(--color-ranking-silver)}.ranking-badge.certificate-type[data-rank="3"] .fa-certificate{color:var(--color-ranking-bronze)}.ranking-badge.certificate-type .rank-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);font-weight:700;font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.results-count{font-size:var(--font-size-sm);color:var(--color-text-dark);font-weight:600;padding:var(--spacing-sm) 0;text-align:left}.results-count.w-100{width:100%}.distance-slider,.distance-slider-container{margin-top:10px;width:100%;padding-right:20px}.distance-slider__wrapper,.distance-slider-wrapper{position:relative;display:flex;align-items:center;gap:10px;padding:5px 0 35px}.distance-slider__container,.slider-container{width:100%;position:relative}.distance-slider__track,.slider-track{position:relative;width:100%;height:6px;background:var(--color-gray-300);border-radius:3px;margin:15px 0}.distance-slider__gold-segment,.gold-segment{position:absolute;left:0;top:0;width:25%;height:100%;background-color:var(--color-secondary);border-radius:3px 0 0 3px;z-index:1}.distance-slider__fill,.slider-fill{position:absolute;left:0;top:0;width:25%;height:100%;background-color:var(--color-secondary);border-radius:3px;z-index:2;transition:width .2s ease}.distance-slider__handle,.slider-handle{position:absolute;top:50%;left:25%;transform:translate(-50%,-50%);width:20px;height:20px;background:var(--color-bg-page);border:2px solid var(--color-secondary);border-radius:50%;cursor:pointer;z-index:3;transition:left .2s ease;box-shadow:0 2px 4px #0003}.distance-slider__handle:active,.slider-handle:active{transform:translate(-50%,-50%) scale(.95)}.distance-slider__handle-dot,.handle-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--color-secondary);border-radius:50%}.distance-slider__labels,.distance-labels{position:relative;display:block;margin-top:5px;height:30px}.distance-slider__labels span,.distance-labels span{position:absolute;font-size:.857rem;color:var(--color-text-dark);font-weight:500;cursor:pointer;transition:color .2s ease;transform:translate(-50%)}.distance-slider__labels span:before,.distance-labels span:before{content:"";position:absolute;top:-22px;left:50%;transform:translate(-50%);width:1px;height:8px;background-color:var(--color-gray-400)}.distance-slider__labels span.location-mark,.distance-labels span.location-mark{left:3px;top:-38px}.distance-slider__labels span.location-mark svg,.distance-labels span.location-mark svg{width:16px;height:16px;color:var(--color-secondary)}.distance-slider__labels span.location-mark:before,.distance-labels span.location-mark:before{display:none}.distance-slider__labels span:nth-child(2),.distance-labels span:nth-child(2){left:25%}.distance-slider__labels span:nth-child(3),.distance-labels span:nth-child(3){left:50%}.distance-slider__labels span:nth-child(4),.distance-labels span:nth-child(4){left:75%}.distance-slider__labels span:nth-child(5),.distance-labels span:nth-child(5){left:100%;transform:translate(-100%);padding-left:8px}.distance-slider__labels span:nth-child(5):before,.distance-labels span:nth-child(5):before{display:none}.distance-slider__labels span:hover:not(.location-mark),.distance-labels span:hover:not(.location-mark){color:var(--color-secondary)}@media (min-width: 768px) and (max-width: 991px){.distance-slider,.distance-slider-container{padding-right:40px}}@media (min-width: 992px){.distance-slider,.distance-slider-container{max-width:800px;padding-right:60px}}@media (max-width: 767px){.distance-slider,.distance-slider-container{margin-top:5px;padding-right:10px}.distance-slider__labels span,.distance-labels span{font-size:.857rem}.distance-slider__labels span.location-mark,.distance-labels span.location-mark{top:-30px}}.cafe-map{width:100%;height:400px;background-color:var(--color-gray-150)}.cafe-map__container,.cafe-map-container{width:100%;border-radius:var(--border-radius-base);overflow:hidden;box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border)}@media (max-width: 767px){.cafe-map{height:300px}}@media (min-width: 768px) and (max-width: 991px){.cafe-map{height:350px}}.gm-style{font-family:inherit!important}.gm-style .gm-svpc,.gm-style .gm-fullscreen-control,.gm-style .gm-bundled-control{margin:10px!important}.gm-style-iw{font-family:inherit!important}.gm-style-iw strong{color:var(--color-primary);font-size:var(--font-size-base)}.review-slide-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.review-slide-panel.active{display:block}.review-slide-panel .review-slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:review-slide-panel-fade-in .3s ease}.review-slide-panel .review-slide-content{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:600px;background:var(--color-bg-page);box-shadow:-2px 0 8px #0000001a;overflow-y:auto;animation:review-slide-panel-slide-in-right .3s ease}@media (max-width: 768px){.review-slide-panel .review-slide-content{max-width:100%}}.review-slide-panel .review-slide-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #eee}.review-slide-panel .review-slide-header h3{margin:0;font-size:20px;font-weight:700;color:var(--color-primary)}.review-slide-panel .review-slide-close{background:none;border:none;font-size:24px;color:var(--color-text-dark);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-base);transition:all .2s}.review-slide-panel .review-slide-close:hover{background:var(--color-gray-150);color:var(--color-primary)}.review-slide-panel .review-form{padding:20px}.review-slide-panel .selected-cafe{padding:12px 16px;background:var(--color-gray-100);border-radius:var(--border-radius-base);font-weight:500;color:var(--color-primary)}.review-slide-panel .selected-cafe i{margin-right:8px;color:var(--color-secondary)}.review-slide-panel .rating-select{display:flex;flex-direction:column;gap:8px}.review-slide-panel .rating-select input[type=radio]{display:none}.review-slide-panel .rating-select input[type=radio]:checked+label{background:var(--color-warning-bg);border-color:var(--color-secondary)}.review-slide-panel .rating-select input[type=radio]:checked+label .fa-star{color:var(--color-accent-gold)}.review-slide-panel .rating-select label{display:flex;align-items:center;padding:8px 12px;border:1px solid var(--color-gray-350);border-radius:var(--border-radius-base);cursor:pointer;transition:all .2s}.review-slide-panel .rating-select label:hover{background:var(--color-gray-150)}.review-slide-panel .rating-select label .fa-star{font-size:16px;margin-right:4px;color:var(--color-border-light)}.review-slide-panel .rating-select label .fa-star.fas{color:var(--color-accent-gold)}.review-slide-panel .char-count{text-align:right;font-size:.857rem;color:var(--color-text-dark);margin-top:4px}.review-slide-panel .image-upload-area .image-input{display:none}.review-slide-panel .image-upload-area .image-upload-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-gray-150);border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);cursor:pointer;transition:all .2s}.review-slide-panel .image-upload-area .image-upload-button:hover{background:var(--color-gray-300)}.review-slide-panel .image-upload-area .image-upload-button i{font-size:18px;color:var(--color-text-dark)}.review-slide-panel .image-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin:10px 0}.review-slide-panel .image-preview-item{position:relative;aspect-ratio:1;border-radius:var(--border-radius-base);overflow:hidden}.review-slide-panel .image-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.review-slide-panel .image-preview-item .remove-image{position:absolute;top:4px;right:4px;background:#0009;color:var(--color-white);border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.857rem;transition:all .2s}.review-slide-panel .image-preview-item .remove-image:hover{background:#000c}.review-slide-panel .form-actions{display:flex;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid #eee}.review-slide-panel .form-actions button{flex:1}@keyframes review-slide-panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes review-slide-panel-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.auth-modal-container .auth-modal-header{padding:16px 28px 0}.auth-modal-container .auth-modal-header .auth-tabs{display:flex;border-bottom:1px solid var(--color-gray-200);margin:0}.auth-modal-container .auth-modal-header .auth-tab{flex:1;padding:12px;background:transparent;border:none;border-radius:6px 6px 0 0;font-size:15px;font-weight:500;color:var(--color-text-muted);cursor:pointer;position:relative;transition:color .2s;text-align:center}.auth-modal-container .auth-modal-header .auth-tab:hover{color:var(--color-secondary);background:transparent}.auth-modal-container .auth-modal-header .auth-tab.active{color:var(--color-text-primary);font-weight:600;background:var(--color-primary-pale)}.auth-modal-container .auth-modal-header .auth-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-secondary)}.auth-forgot-title{font-size:16px;font-weight:600;color:var(--color-primary);text-align:center;margin:0;padding:12px 0}.auth-modal-container{height:min(680px,92vh);overflow:hidden}.auth-modal-container .modal-body{overflow-y:auto;height:calc(100% - 56px);max-height:none;padding-bottom:60px}.auth-modal-container .form-group{margin-bottom:14px}.auth-modal-container .form-label{display:block;margin-bottom:6px;font-weight:500;font-size:13px;color:var(--color-text-primary)}.auth-modal-container .form-control{width:100%;padding:10px 14px;border:1px solid var(--color-gray-350);border-radius:var(--border-radius-base);font-size:14px;background:var(--color-bg-page);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.auth-modal-container .form-control:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #6b7f951a}.auth-modal-container .form-control.error{border-color:var(--color-danger-main)}@media (max-width: 767px){.auth-modal-container .form-control{font-size:16px}}.auth-modal-container .form-checkbox{display:flex;align-items:flex-start;margin-bottom:14px}.auth-modal-container .form-checkbox input[type=checkbox]{width:18px;height:18px;margin-right:8px;margin-top:1px;accent-color:var(--color-secondary);cursor:pointer;flex-shrink:0}.auth-modal-container .form-checkbox label{font-size:13px;line-height:1.4;color:var(--color-text-dark);cursor:pointer}.auth-modal-container .btn.btn-primary,.auth-modal-container .btn.btn-gold{display:block;width:auto;margin:0 auto;padding:10px 48px;border-radius:50px;font-size:14px;font-weight:600}.auth-modal-container .btn.btn-primary:hover,.auth-modal-container .btn.btn-gold:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark);color:var(--color-white)}.auth-modal-container .btn.btn-primary:disabled,.auth-modal-container .btn.btn-gold:disabled{opacity:.7;cursor:not-allowed}.auth-modal-container .btn-block{width:100%}.auth-modal-container .auth-divider{text-align:center;margin:16px 0;position:relative}.auth-modal-container .auth-divider span{background:var(--color-bg-page);padding:0 16px;color:var(--color-text-gray);font-size:13px;position:relative;z-index:1}.auth-modal-container .auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-gray-200)}.auth-modal-container .social-auth-buttons{display:flex;flex-direction:column;align-items:center;gap:10px}.auth-modal-container .btn-social{display:flex;align-items:center;justify-content:center;gap:10px;width:80%;max-width:280px;padding:10px 20px;border:1px solid var(--color-gray-350);border-radius:50px;background:var(--color-bg-page);color:var(--color-text-primary);text-decoration:none;font-size:14px;font-weight:500;transition:background var(--transition-fast),border-color var(--transition-fast)}.auth-modal-container .btn-social:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.auth-modal-container .btn-social i{font-size:18px;color:var(--color-text-primary)}.auth-modal-container .auth-links{margin-top:24px;text-align:center}.auth-modal-container .auth-links a{color:var(--color-secondary);text-decoration:none;font-size:13px}.auth-modal-container .auth-links a:hover{text-decoration:underline}.auth-modal-container .register-common-section{background:var(--color-gray-50);padding:12px 16px;border-radius:8px;margin-bottom:0}.auth-modal-container .register-common-section .form-checkbox{margin-bottom:10px}.auth-modal-container .register-common-section .form-checkbox:last-of-type{margin-bottom:12px}.auth-modal-container .register-common-section .form-checkbox label{line-height:1.4}.auth-modal-container .register-common-section .form-checkbox label a{color:var(--color-secondary);text-decoration:none;font-weight:500}.auth-modal-container .register-common-section .form-checkbox label a:hover{text-decoration:underline}.auth-modal-container .auth-referral-section{background:var(--color-gray-100);padding:10px 12px;border-radius:6px;margin-bottom:0}.auth-modal-container .auth-referral-section .form-label{font-size:11px;color:var(--color-text-muted);margin-bottom:4px}.auth-modal-container .auth-referral-section .form-control{padding:8px 10px;font-size:13px}.auth-modal-container .auth-referral-input{text-transform:uppercase;letter-spacing:2px;font-family:monospace}.auth-modal-container .form-help-text{display:block;margin-top:4px;font-size:11px;color:var(--color-text-muted)}.auth-modal-container .field-feedback{font-size:13px;margin-top:4px}.auth-modal-container .form-error,.auth-modal-container .field-error{color:var(--color-danger-main);font-size:13px;margin-top:4px}.auth-modal-container .auth-form{display:block}.auth-modal-container .auth-form.hidden{display:none}.auth-modal-container .form-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-gray-200);font-size:12px;color:var(--color-text-muted);text-align:center}.auth-modal-container .form-footer a{color:var(--color-secondary);text-decoration:none}.auth-modal-container .form-footer a:hover{text-decoration:underline}.auth-success-container{text-align:center;padding:40px 20px}.auth-success-container .auth-success-message i{font-size:56px;color:var(--color-secondary);margin-bottom:16px;display:block}.auth-success-container .auth-success-message h3{font-size:20px;color:var(--color-primary);margin-bottom:12px;font-weight:600}.auth-success-container .auth-success-message p{font-size:14px;color:var(--color-text-dark);margin-bottom:16px;line-height:1.6}.auth-success-container .auth-success-message .auth-success-note{margin-bottom:20px}.auth-success-container .auth-success-message .auth-success-note small{color:var(--color-text-gray);font-size:12px}.auth-success-container .auth-success-message .btn-primary{min-width:120px;padding:10px 24px}.auth-success-container .auth-success-message .btn-link{color:var(--color-secondary);text-decoration:none;font-size:13px;padding:8px 16px}.auth-success-container .auth-success-message .btn-link:hover{text-decoration:underline}@media (max-width: 480px){.auth-modal-container .auth-modal-header{padding:12px 20px 0}}.email-verification-modal-container{max-width:500px}.email-verification-content{text-align:center;padding:20px 0}.verification-icon{margin-bottom:20px}.verification-message{font-size:15px;line-height:1.6;color:var(--color-gray-800);margin-bottom:25px}.verification-message strong{color:var(--color-accent-gold);word-break:break-all}.verification-notice{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:4px;padding:15px;margin-bottom:25px;text-align:left;display:flex;gap:12px}.verification-notice i{color:var(--color-warning-text);font-size:20px;flex-shrink:0;margin-top:2px}.verification-notice strong{display:block;margin-bottom:8px;color:var(--color-warning-text)}.verification-notice ul{margin:0;padding-left:20px;color:var(--color-warning-text)}.verification-notice li{margin-bottom:4px;font-size:14px}.verification-success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-text);padding:12px 16px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.verification-success i{font-size:18px}.verification-error{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text);padding:12px 16px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.verification-error i{font-size:18px}.verification-actions{display:flex;flex-direction:column;gap:12px}.verification-actions .btn{width:100%;padding:12px 24px;font-size:15px;font-weight:600;border-radius:4px;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.verification-actions .btn-primary{background-color:var(--color-accent-gold);color:#fff}.verification-actions .btn-primary:hover{background-color:var(--color-accent-gold-dark)}.verification-actions .btn-primary:disabled{background-color:var(--color-gray-400);cursor:not-allowed}.verification-actions .btn-secondary{background-color:#f8f9fa;color:var(--color-gray-800);border:1px solid var(--color-gray-300)}.verification-actions .btn-secondary:hover{background-color:#e9ecef}@media (max-width: 768px){.email-verification-modal-container{max-width:90%}.verification-message{font-size:14px}.verification-notice li{font-size:13px}}.editor-cafe-selector{display:flex;align-items:center;gap:12px;padding:12px 0;margin-bottom:20px}.editor-cafe-selector .cafe-selector-label{font-size:14px;font-weight:600;color:var(--color-gray-700)}.editor-cafe-selector .cafe-selector-dropdown{position:relative}.editor-cafe-selector .cafe-selector-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-bg-page);border:1px solid var(--color-gray-300);border-radius:2px;font-size:14px;color:var(--color-gray-900);cursor:pointer;transition:all .2s;min-width:200px}.editor-cafe-selector .cafe-selector-btn:hover{border-color:var(--color-secondary);background:#3d506b0f}.editor-cafe-selector .cafe-selector-btn .current-cafe-name{flex:1;text-align:left;font-weight:600}.editor-cafe-selector .cafe-selector-btn i{font-size:.857rem;color:var(--color-gray-600);transition:transform .2s}.editor-cafe-selector .cafe-selector-btn.active{border-color:var(--color-secondary)}.editor-cafe-selector .cafe-selector-btn.active i{transform:rotate(180deg)}.editor-cafe-selector .cafe-selector-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:250px;background:var(--color-bg-page);border:1px solid var(--color-gray-300);border-radius:2px;box-shadow:0 4px 6px #0000001a;z-index:1000}.editor-cafe-selector .cafe-selector-menu-header{padding:12px 16px;font-size:13px;font-weight:600;color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200)}.editor-cafe-selector .cafe-selector-loading{padding:16px;text-align:center;font-size:13px;color:var(--color-gray-600)}.editor-cafe-selector .cafe-selector-list{max-height:300px;overflow-y:auto}.editor-cafe-selector .cafe-selector-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--color-gray-150)}.editor-cafe-selector .cafe-selector-item:last-child{border-bottom:none}.editor-cafe-selector .cafe-selector-item:hover{background:var(--color-gray-200)}.editor-cafe-selector .cafe-selector-item.selected{background:#3d506b1a}.editor-cafe-selector .cafe-selector-item .cafe-name{flex:1;font-size:14px;color:var(--color-gray-900)}.editor-cafe-selector .cafe-selector-item.selected .cafe-name{font-weight:600;color:var(--color-secondary)}.editor-cafe-selector .cafe-selector-item .check-icon{font-size:14px;color:var(--color-secondary);margin-left:8px}.editor-cafe-selector .cafe-selector-error{padding:16px;text-align:center;font-size:13px;color:var(--color-text-muted, #6b7280)}.game-section{margin:var(--spacing-xl) 0;margin-bottom:calc(var(--spacing-xl) * 2)}.mini-game-container{display:flex;justify-content:center;align-items:center}.mini-game-box{width:calc(33.333% - 14px);max-width:400px;height:140px;position:relative;overflow:hidden;border-radius:var(--border-radius-base);box-shadow:0 2px 8px #0000001a;transition:all var(--transition-base);background-color:var(--color-secondary);background-size:cover;background-position:center}.mini-game-box:hover{box-shadow:0 4px 12px #00000026}.mini-game-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#0000004d,#000000b3);transition:opacity var(--transition-base)}.mini-game-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff26;opacity:0;transition:opacity .15s ease}.mini-game-box:hover .mini-game-overlay:before{opacity:1}.mini-game-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:20px;color:var(--color-white);text-align:center;z-index:1}.mini-game-title{font-size:20px;font-weight:700;margin:0 0 8px;text-shadow:1px 1px 3px rgba(0,0,0,.5);color:var(--color-white)}.mini-game-description{font-size:14px;margin:0;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5);color:var(--color-white)}.game-section-header{text-align:center;margin-bottom:var(--spacing-lg)}.game-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--heading-color);margin:0 0 var(--spacing-sm) 0}.game-section-description{font-size:var(--font-size-base);color:var(--text-muted);margin:0}.game-buttons{position:relative;width:calc(33.333% - 14px);max-width:400px;margin:0 auto;text-align:center;padding:0;border-radius:var(--border-radius-base);overflow:hidden;background-color:var(--bg-secondary);height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-buttons:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#0000004d,#00000080);z-index:0}.game-buttons[style*=background-image]{background-size:cover;background-position:center}.game-buttons[style*=background-image] .game-section-inner-title,.game-buttons[style*=background-image] .game-section-inner-description{color:var(--color-white);position:relative;z-index:1}.game-buttons[style*=background-image] .mini-game-button{background:#ffffff12;color:var(--color-white);border:2px solid var(--color-white)}.game-buttons[style*=background-image] .mini-game-button:hover{background:#fff3;color:var(--color-white);border-color:var(--color-white)}.game-buttons>*{position:relative;z-index:1}.game-buttons-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:15px}.game-section-inner-title{font-size:15px;font-weight:700;color:var(--color-white);margin:0 0 3px;position:relative;z-index:1;line-height:1.2}.game-section-inner-description{font-size:.857rem;color:var(--color-white);margin:0 0 12px;line-height:1.3;position:relative;z-index:1;opacity:.95}.mini-game-buttons{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}.mini-game-button{background:transparent;color:var(--color-white);padding:8px 20px;border:2px solid var(--color-white);border-radius:50px;font-size:13px;cursor:pointer;transition:all .3s;font-weight:700;text-decoration:none;display:inline-block}.mini-game-button:hover{background:#fff3;color:var(--color-white);border-color:var(--color-white)}.mini-game-badge{position:relative;display:inline-block;margin-left:3px;padding:1px 2px;background:var(--success-color);color:var(--color-white);font-size:.75rem;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-base);text-transform:uppercase;vertical-align:super}.mini-game-placeholder{padding:var(--spacing-xl);text-align:center;color:var(--text-muted)}.mini-game-placeholder p{margin:0;font-size:var(--font-size-base)}@media (max-width: 575.98px){.game-section{margin-bottom:60px}.mini-game-box{width:100%;max-width:400px;height:160px}.mini-game-title{font-size:18px}.mini-game-description{font-size:.857rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;display:none;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:block;opacity:1}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);background:var(--color-bg-page);border-radius:14px;box-shadow:0 12px 32px #0000001a;z-index:9999;display:none;width:90%;max-width:500px;max-height:95vh;opacity:0;transition:opacity .25s ease,transform .25s ease}@media (min-width: 768px){.modal-container{border-radius:16px}}.modal-container.active{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-container .modal-header{padding:20px 36px;border-bottom:none;text-align:center;position:relative;display:block}.modal-container .modal-title{font-size:20px;font-weight:300;color:var(--color-primary);margin:0;padding:0;letter-spacing:.5px;text-align:center;display:block;width:100%}.modal-container .modal-close{position:absolute;top:10%;right:10px;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:28px;color:var(--color-gray-500);cursor:pointer;border-radius:var(--border-radius-base);transition:opacity .2s;opacity:.8}.modal-container .modal-close:hover{opacity:1}.modal-container .modal-body{padding:10px 36px 24px;overflow-y:auto;max-height:calc(90vh - 80px)}.support-modal-container .modal-close,.cat-info-modal-container .modal-close,.tip-modal .modal-close,.post-detail-modal-container .modal-close{position:static;top:auto;right:auto}.auth-modal-container{width:90%;max-width:500px}.nc-coin-modal-container{width:90%;max-width:800px}.nc-modal-section{margin-bottom:28px}.nc-modal-heading{font-size:16px;font-weight:700;margin-bottom:14px;color:var(--color-text-primary);border-bottom:2px solid var(--color-accent-gold);padding-bottom:8px}.nc-modal-desc{font-size:14px;line-height:1.7;margin-bottom:16px;color:var(--color-text-muted)}.nc-modal-card{margin-bottom:16px;padding:14px;background:var(--color-gray-50);border-radius:8px}.nc-modal-card__title{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--color-accent-gold)}.nc-modal-checklist{list-style:none;padding:0;margin:0}.nc-modal-checklist li{padding:6px 0;font-size:14px;color:var(--color-text-primary)}.nc-modal-checklist i{color:var(--color-accent-gold);margin-right:8px}.nc-modal-steps{padding-left:20px;margin:0}.nc-modal-steps li{padding:5px 0;font-size:13px;color:var(--color-text-muted)}.nc-packages-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}@media (max-width: 768px){.nc-packages-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.nc-packages-grid{grid-template-columns:repeat(3,1fr)}}.nc-package-item{position:relative;background:var(--color-bg-page);border:1px solid var(--color-gray-200);border-radius:8px;padding:10px 6px;text-align:center}.nc-package-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,var(--color-accent-gold),var(--color-accent-gold-light));color:#fff;padding:2px 6px;border-radius:6px;font-size:8px;font-weight:700}.nc-package-amount{font-size:15px;font-weight:700;color:var(--color-accent-gold);line-height:1.2}.nc-package-unit{font-size:11px;color:var(--color-text-muted);margin-left:2px}.nc-package-price{font-size:13px;font-weight:700;color:var(--color-text-primary);margin-top:4px}.nc-package-tax{font-size:10px;color:var(--color-text-muted);display:block;margin-top:1px}.nc-modal-info{text-align:center;margin-bottom:16px}.nc-modal-info p{display:inline-block;background:var(--color-primary-pale);border:1px solid var(--color-secondary-pale);padding:10px 20px;border-radius:8px;color:var(--color-primary);font-size:13px}.nc-modal-info i{margin-right:6px;color:var(--color-secondary)}.nc-modal-empty{text-align:center;color:var(--color-text-muted);padding:40px 0;font-size:14px}.nc-modal-cta{text-align:center;margin-top:16px}.nc-modal-btn{display:inline-block;padding:12px 40px;font-size:15px;font-weight:600;background:var(--color-secondary);color:#fff;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:background var(--transition-fast)}.nc-modal-btn:hover{background:var(--color-secondary-dark);color:#fff}.nc-modal-btn i{margin-right:6px}.auth-tabs{display:flex;position:relative;border-radius:var(--border-radius-base);padding:4px;margin-bottom:32px}.auth-tab{flex:1;padding:12px 20px;background:none;border:none;font-size:15px;font-weight:500;color:var(--color-text-dark);cursor:pointer;border-radius:var(--border-radius-base);transition:all .3s ease;position:relative}.auth-tab.active{color:var(--color-primary);background:var(--color-bg-page)}.auth-tab:hover:not(.active){color:var(--color-primary)}.tab-indicator{display:none}.auth-form{display:block}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;font-size:13px;color:var(--color-primary)}.form-control{width:100%;padding:12px 16px;border:1px solid var(--color-border-lighter-alt);border-radius:var(--border-radius-base);font-size:13px;transition:border-color .2s,box-shadow .2s;background:var(--color-bg-page)}.form-control::-moz-placeholder{color:var(--color-text-muted);opacity:1}.form-control::placeholder{color:var(--color-text-muted);opacity:1}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3d506b1a}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent-gold);cursor:pointer}.form-help-text{display:block;margin-top:6px;font-size:.857rem;color:var(--color-text-dark)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.checkbox-label a{color:var(--color-secondary);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.btn-block{width:100%}.settings-modal .form-actions{text-align:center;margin-top:20px}.settings-modal .form-actions .btn.btn-primary{padding:8px 28px}.auth-divider{text-align:center;margin:20px 0;position:relative}.auth-divider span{background:var(--color-bg-page);padding:0 16px;color:var(--color-text-gray);font-size:13px;position:relative;z-index:1}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-gray-300)}.social-auth-buttons{display:flex;flex-direction:column;gap:12px}.btn-social{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;background:var(--color-bg-page);cursor:pointer}.btn-social:hover{border-color:var(--color-text-gray);background:var(--color-gray-50)}.btn-social i,.btn-social img{width:20px;height:20px;font-size:20px}.btn-google{color:var(--color-primary)}.btn-google:hover{background:var(--color-gray-100);border-color:var(--color-border-lighter)}.btn-twitter,.btn-twitter .fab{color:var(--color-primary)}.btn-twitter:hover{background:var(--color-gray-100);border-color:var(--color-border-lighter)}.auth-links{text-align:center;margin-top:16px}.auth-link{color:var(--color-secondary);text-decoration:none;font-size:13px}.auth-link:hover{text-decoration:underline}.auth-error{background:var(--color-error-bg-light);color:var(--color-error-text);padding:12px;border-radius:var(--border-radius-base);margin-bottom:16px;font-size:14px}.auth-success{background:var(--color-success-bg);color:var(--color-success-text);padding:12px;border-radius:var(--border-radius-base);margin-bottom:16px;font-size:14px;border:1px solid var(--color-success-border)}@media (max-width: 767.98px){.modal-container{width:95%;max-width:none}.modal-container .modal-header{padding:24px}.modal-container .modal-close{top:10%;right:10px}.modal-container .modal-body{padding:24px;max-height:calc(90vh - 120px)}.auth-modal-container{max-width:none}}.delete-confirm-content{background:var(--color-gray-50);padding:32px 24px 8px;border-radius:var(--border-radius-base);margin-bottom:0;text-align:center}.delete-confirm-content .warning-icon{font-size:48px;color:var(--color-danger-soft);display:block;margin-bottom:20px}.delete-confirm-content .confirm-question{font-size:15px;color:var(--color-text-primary);margin-bottom:16px;line-height:1.6;font-weight:500}.delete-confirm-content .warning-text{font-size:13px;color:var(--color-text-primary);line-height:1.6;margin-bottom:24px}.delete-confirm-content .warning-text p{margin:0 0 8px}.delete-confirm-content .warning-text p:last-child{margin-bottom:0}.delete-confirm-content .modal-button-group{margin-top:24px;background:transparent}#bankAccountDeleteModal .modal-body,#planDeleteModal .modal-body,#withdrawalCancelModal .modal-body,#catDeleteModal .modal-body,#cancelSubscriptionModal .modal-body{padding-bottom:0}#bankAccountDeleteModal .modal-button-group,#planDeleteModal .modal-button-group,#withdrawalCancelModal .modal-button-group,#catDeleteModal .modal-button-group,#cancelSubscriptionModal .modal-button-group{flex-direction:row;justify-content:flex-end}#bankAccountDeleteModal .btn-secondary,#planDeleteModal .btn-secondary,#withdrawalCancelModal .btn-secondary,#catDeleteModal .btn-secondary,#cancelSubscriptionModal .btn-secondary{background:var(--color-gray-150);color:var(--color-primary);border:2px solid var(--color-gray-150);transition:all .3s ease-in-out}#bankAccountDeleteModal .btn-secondary:hover:not(:disabled),#planDeleteModal .btn-secondary:hover:not(:disabled),#withdrawalCancelModal .btn-secondary:hover:not(:disabled),#catDeleteModal .btn-secondary:hover:not(:disabled),#cancelSubscriptionModal .btn-secondary:hover:not(:disabled){background:var(--color-gray-300);border-color:var(--color-gray-300)}#bankAccountDeleteModal .btn-danger,#planDeleteModal .btn-danger,#withdrawalCancelModal .btn-danger,#catDeleteModal .btn-danger,#cancelSubscriptionModal .btn-danger{background-color:var(--color-danger-soft);border-color:var(--color-danger-soft);color:var(--color-white)}#bankAccountDeleteModal .btn-danger:hover:not(:disabled),#planDeleteModal .btn-danger:hover:not(:disabled),#withdrawalCancelModal .btn-danger:hover:not(:disabled),#catDeleteModal .btn-danger:hover:not(:disabled),#cancelSubscriptionModal .btn-danger:hover:not(:disabled){background-color:var(--color-danger-soft-hover);border-color:var(--color-danger-soft-hover)}#bankAccountDeleteModal .btn-danger:disabled,#planDeleteModal .btn-danger:disabled,#withdrawalCancelModal .btn-danger:disabled,#catDeleteModal .btn-danger:disabled,#cancelSubscriptionModal .btn-danger:disabled{opacity:.6;cursor:not-allowed}.slide-modal-overlay{--slide-modal-container-width: 560px;--slide-modal-header-padding: 12px 16px;--slide-modal-body-padding: 20px 24px;--slide-modal-tab-padding: 12px 16px;--slide-modal-tab-font-size: 14px;--slide-modal-form-group-margin-bottom: 16px;--slide-modal-form-label-font-size: 12px;--slide-modal-form-label-margin-bottom: 7px;--slide-modal-form-control-padding: 9px 11px;--slide-modal-form-control-font-size: 13px;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100010;opacity:0;visibility:hidden;transition:opacity .3s ease;display:none}@media (max-width: 768px){.slide-modal-overlay{--slide-modal-header-padding: 10px 14px;--slide-modal-body-padding: 16px 18px}}@media (max-width: 480px){.slide-modal-overlay{--slide-modal-header-padding: 10px 12px;--slide-modal-body-padding: 14px 16px}}.slide-modal-overlay.hidden{display:none!important;opacity:0!important;visibility:hidden!important}.slide-modal-overlay.show{display:block;opacity:1;visibility:visible}.slide-modal-overlay.show .slide-modal-container{transform:translate(0)}body.modal-open{overflow:hidden;padding-right:0!important}.slide-modal-container{position:absolute;top:0;right:0;bottom:0;width:var(--slide-modal-container-width);max-width:90vw;background:var(--color-bg-page);border-radius:14px 0 0 14px;box-shadow:-2px 0 16px #0000001a;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;overflow:hidden;z-index:100011}.slide-modal-cat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease;pointer-events:none}.slide-modal-cat-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.slide-modal-header{display:flex;align-items:center;justify-content:space-between;background:#3d506b0f;border-radius:14px 0 0;padding:var(--slide-modal-header-padding);margin:0;border-bottom:none;position:relative}.slide-modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,var(--color-secondary),transparent);opacity:.2}.slide-modal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin:0;padding:0;color:var(--color-secondary);flex:1;text-align:left}.slide-modal-title i{font-size:15px;flex-shrink:0}.slide-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:20px;color:var(--color-gray-500);cursor:pointer;border-radius:var(--border-radius-base);transition:opacity .2s;opacity:.8;flex-shrink:0;margin:0 0 0 8px}.slide-modal-close:hover{opacity:1}.slide-modal-tabs{display:flex;background:var(--color-gray-150);border-bottom:1px solid var(--color-gray-350)}.slide-modal-tab{flex:1;padding:var(--slide-modal-tab-padding);background:none;border:none;border-bottom:3px solid transparent;font-size:var(--slide-modal-tab-font-size);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.slide-modal-tab i{font-size:var(--slide-modal-tab-font-size)}.slide-modal-tab:hover{color:var(--color-secondary);background-color:#00000005}.slide-modal-tab.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary);font-weight:700;background:var(--color-bg-page)}.slide-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--slide-modal-body-padding);padding-bottom:32px}.slide-modal-tabs+.slide-modal-body{padding-top:24px}.slide-tab-content{display:none}.slide-tab-content.active{display:block;animation:fadeIn .3s ease}.slide-modal-overlay .form-group{margin-bottom:var(--slide-modal-form-group-margin-bottom, 16px)}.slide-modal-overlay .form-label{display:block;font-size:var(--slide-modal-form-label-font-size, 13px);font-weight:500;color:var(--color-primary);margin-bottom:var(--slide-modal-form-label-margin-bottom, 7px)}.slide-modal-overlay .form-label-hint{font-size:.857rem;font-weight:400;color:var(--color-text-muted);margin-left:8px}.slide-modal-overlay .form-control{width:100%;max-width:100%;box-sizing:border-box;padding:var(--slide-modal-form-control-padding, 9px 11px);border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);font-size:var(--slide-modal-form-control-font-size, 13px);font-family:var(--font-family-base);background-color:var(--color-bg-page);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.slide-modal-overlay .form-control::-moz-placeholder{font-family:var(--font-family-base);color:var(--color-text-muted);font-size:var(--slide-modal-form-control-font-size, 13px);opacity:1}.slide-modal-overlay .form-control::placeholder{font-family:var(--font-family-base);color:var(--color-text-muted);font-size:var(--slide-modal-form-control-font-size, 13px);opacity:1}.slide-modal-overlay .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3d506b1a}.slide-modal-overlay .form-control[type=color]{padding:4px;height:40px;cursor:pointer}.slide-modal-overlay .form-control[type=date],.slide-modal-overlay .form-control[type=time],.slide-modal-overlay .form-control[type=datetime-local]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:-webkit-fill-available;width:-moz-available;width:stretch;min-width:0}.slide-modal-overlay .form-control[type=date]::-webkit-datetime-edit,.slide-modal-overlay .form-control[type=time]::-webkit-datetime-edit,.slide-modal-overlay .form-control[type=datetime-local]::-webkit-datetime-edit{display:block;padding:0}.slide-modal-overlay .form-control[type=date]::-webkit-datetime-edit-fields-wrapper,.slide-modal-overlay .form-control[type=time]::-webkit-datetime-edit-fields-wrapper,.slide-modal-overlay .form-control[type=datetime-local]::-webkit-datetime-edit-fields-wrapper{padding:0}.slide-modal-overlay textarea.form-control{resize:vertical;min-height:80px}.slide-modal-overlay select.form-control{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--color-bg-page);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:32px;font-size:var(--slide-modal-form-control-font-size, 13px)}.slide-modal-overlay select.form-control::-ms-expand{display:none}.slide-modal-overlay select.form-control option{font-size:var(--slide-modal-form-control-font-size, 13px);color:var(--color-text-primary);padding:8px;background:var(--color-bg-page)}.slide-modal-overlay input[type=checkbox],.slide-modal-overlay input[type=radio]{accent-color:var(--color-accent-gold);cursor:pointer}.slide-modal-overlay .slide-modal-container .form-check-label{cursor:pointer;font-size:13px!important}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-control{padding-right:40px}.password-toggle-btn{position:absolute;right:8px;background:none;border:none;padding:8px;cursor:pointer;color:var(--color-text-dark);font-size:16px;transition:color .2s;display:flex;align-items:center;justify-content:center}.password-toggle-btn:hover{color:var(--color-primary)}.password-toggle-btn:focus{outline:none}.password-toggle-btn i{font-size:16px}.avatar-upload-wrapper{display:flex;align-items:center;gap:16px}.avatar-preview{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-preview i{font-size:32px;color:var(--color-white)}.avatar-upload-controls{display:flex;gap:8px;align-items:center}.avatar-upload-controls .btn-secondary:hover{transform:none!important;box-shadow:none!important}.avatar-upload-controls .btn-outline-danger{font-size:12px;border-width:1px}.color-picker-group{display:flex;gap:16px}.color-picker-item{flex:1}.color-picker-item label{display:block;font-size:13px;color:var(--color-text-dark);margin-bottom:6px}.form-actions{margin-top:16px;padding-top:14px;border-top:1px solid var(--color-gray-350)}.danger-zone{margin-top:40px;padding:20px;background:var(--color-gray-150);border-radius:var(--border-radius-base);border:1px solid var(--color-gray-350)}.danger-zone-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 16px}.danger-zone-item{display:flex;align-items:center;justify-content:space-between;gap:20px}.danger-zone-info{flex:1}.danger-zone-info h4{font-size:14px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.danger-zone-info p{font-size:13px;color:var(--color-text-dark);margin:0}.account-info-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:12px;font-size:.857rem}.account-info-label{color:var(--color-text-dark);font-weight:500}.account-info-value{color:var(--color-primary)}.notification-settings{display:flex;flex-direction:column;gap:12px}.notification-settings .notification-setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--color-gray-50);border-radius:var(--border-radius-base);border:1px solid var(--color-gray-350)}.notification-info{flex:1}.notification-info h4{font-size:14px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.notification-info p{font-size:13px;color:var(--color-text-dark);margin:0}.review-modal input[type=radio]{position:absolute;left:-9999px;opacity:0}.review-modal input[type=radio]+label{display:inline-block;cursor:pointer;padding:8px 16px;background:var(--color-gray-150);border:1px solid var(--color-gray-350);border-radius:var(--border-radius-base);transition:all var(--transition-fast)}.review-modal input[type=radio]+label:hover{background:var(--color-gray-300)}.review-modal input[type=radio]:checked+label{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-secondary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border-lighter);transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:var(--color-bg-page);transition:.4s;border-radius:50%}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}.confirm-modal{background:var(--color-bg-page);border-radius:var(--border-radius-base);box-shadow:0 4px 24px #00000026;max-width:400px;width:100%}.confirm-modal-header{padding:20px;border-bottom:1px solid var(--color-gray-350)}.confirm-modal-header h3{font-size:16px;font-weight:600;color:var(--color-primary);margin:0}.confirm-modal-body{padding:20px}.confirm-modal-body p{font-size:14px;color:var(--color-text-dark);margin:0 0 12px}.confirm-modal-body p.text-danger{color:var(--color-danger-main);font-weight:500}.confirm-modal-actions{display:flex;gap:8px;margin-top:20px}.slide-modal-overlay .slide-modal-container .modal-button-group .btn.btn-secondary{background:var(--profile-color-4, var(--color-gray-200));color:var(--color-text-dark);border:1px solid var(--profile-color-3, var(--color-border-lighter-alt))}.slide-modal-overlay .slide-modal-container .modal-button-group .btn.btn-secondary:hover{background:var(--profile-color-3, var(--color-border-lighter-alt));color:var(--color-primary)}.slide-modal-overlay .slide-modal-container .modal-button-group .btn.btn-primary{background-color:var(--color-secondary);color:var(--color-white)}.slide-modal-overlay .slide-modal-container .modal-button-group .btn.btn-primary:hover{background-color:var(--color-secondary-dark)}.slide-modal-overlay .slide-modal-container .modal-button-group .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.slide-modal-container{width:100%;max-width:100%;border-radius:0}.slide-modal-header{border-radius:0}.slide-modal-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.slide-modal-tabs::-webkit-scrollbar{display:none}.slide-modal-tab{flex:0 0 auto;white-space:nowrap}#ncPurchaseModal .slide-modal-tab{flex:1;white-space:nowrap}.color-picker-group{flex-direction:column;gap:12px}.danger-zone-item{flex-direction:column;align-items:stretch;gap:12px}}.profile-color-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));max-width:540px;gap:12px;margin-top:12px}@media (max-width: 768px){.profile-color-selection{grid-template-columns:repeat(4,1fr);gap:10px}}.profile-color-option{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.profile-color-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.color-preview{width:100%;aspect-ratio:1/1;border:1px solid var(--color-gray-300);border-radius:10px;overflow:hidden;background:var(--color-bg-page);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr 1fr;transition:border-color .15s ease;position:relative}.color-cell{background-color:var(--cell-light)}.color-cell--1{grid-row:1;grid-column:1/-1}.color-cell--2{grid-row:2;grid-column:1/-1}.color-cell--3{grid-row:3;grid-column:1}.color-cell--4{grid-row:3;grid-column:2}.profile-color-option input[type=radio]:checked+.color-preview{border-color:var(--color-secondary);box-shadow:0 0 0 2px rgba(var(--color-secondary-rgb, 107, 127, 149),.2)}@media (hover: hover){.profile-color-option:hover .color-preview{border-color:var(--color-gray-500)}}.profile-color-option input[type=radio]:checked+.color-preview:after{content:"";font-family:"Font Awesome 6 Free","Font Awesome 5 Free",sans-serif;font-weight:900;position:absolute;top:4px;right:4px;width:14px;height:14px;background:var(--color-secondary);color:var(--color-white);border-radius:50%;font-size:8px;display:flex;align-items:center;justify-content:center;z-index:2}html[data-theme=dark] .color-cell{background-color:var(--cell-dark, var(--cell-light))}.color-cell--empty{background:repeating-linear-gradient(45deg,var(--color-gray-100),var(--color-gray-100) 3px,var(--color-white) 3px,var(--color-white) 6px)}.color-name{display:block;text-align:center;font-size:.75rem;color:var(--color-text-muted);font-weight:500;line-height:1.3;letter-spacing:.02em}.profile-color-option input[type=radio]:checked~.color-name{color:var(--color-secondary);font-weight:700}.follow-modal{display:flex;align-items:center;justify-content:flex-end}.follow-modal.show{opacity:1;visibility:visible}.follow-modal.show .slide-modal-container{transform:translate(0)}.follow-list{display:flex;flex-direction:column;gap:6px;padding:4px 0}.follow-item{padding:12px;border:1.5px solid var(--color-border-lighter);border-radius:var(--border-radius-base);background:var(--color-bg-page);transition:border-color var(--transition-base);box-shadow:none}.follow-item:hover{border-color:var(--color-secondary);box-shadow:none}.follow-item:hover .follow-item__name{color:var(--color-secondary)}.follow-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.follow-item__header-link{display:flex;align-items:flex-start;gap:12px;flex:1;text-decoration:none;color:inherit;min-width:0}.follow-item__header-info{flex:1;min-width:0}.follow-item__name{font-size:15px;font-weight:600;color:var(--color-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-item__stats{display:flex;align-items:center;gap:12px;font-size:.857rem;color:var(--color-text-dark)}.follow-item__bio{font-size:.857rem;color:var(--color-gray-500);line-height:1.4;margin-top:8px;margin-left:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.follow-item__stat{display:flex;align-items:center;gap:5px;font-weight:500}.follow-item__stat i{color:var(--color-secondary);font-size:13px}.follow-item__actions{flex-shrink:0;margin-left:16px}.follow-more{margin-top:16px;padding:16px;text-align:center;font-size:13px;color:var(--color-text-gray)}.btn-follow{display:inline-flex;align-items:center;gap:3px;padding:5px 12px;font-size:.857rem;font-weight:500;color:var(--color-white);background-color:var(--color-secondary);border:1.5px solid var(--color-secondary);border-radius:20px;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-follow i{font-size:.75rem}.btn-follow:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.btn-outline-following{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:.857rem;font-weight:500;color:var(--color-text-dark);background-color:var(--color-bg-page);border:1.5px solid var(--color-border-lighter);border-radius:20px;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-outline-following i{font-size:.857rem}.btn-outline-following span{display:inline}.btn-outline-following:hover{color:var(--color-white);background-color:var(--color-text-dark);border-color:var(--color-text-dark)}.btn-outline-following:hover span{display:none}.btn-outline-following:hover:after{content:"フォロー解除"}.btn-unfollow{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:.857rem;font-weight:500;color:var(--color-text-dark);background-color:var(--color-bg-page);border:1.5px solid var(--color-border-lighter);border-radius:20px;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-unfollow i{font-size:.857rem}.btn-unfollow:hover{color:var(--color-white);background-color:var(--color-text-dark);border-color:var(--color-text-dark)}.btn-following-confirm{display:inline-flex;align-items:center;gap:3px;padding:5px 12px;font-size:.857rem;font-weight:500;color:var(--color-text-dark);background-color:var(--color-bg-page);border:1.5px solid var(--color-border-lighter);border-radius:20px;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-following-confirm i{font-size:.75rem}.btn-following-confirm:hover{background-color:var(--color-gray-150);border-color:var(--color-text-gray)}.unfollow-confirm-popup{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-bg-page);border:1.5px solid var(--color-border-lighter);border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:10;min-width:200px}.unfollow-confirm-btn{display:block;width:100%;padding:6px 14px;font-size:.857rem;font-weight:500;color:var(--color-danger-main);background-color:var(--color-bg-page);border:none;border-radius:4px;cursor:pointer;text-align:left;transition:background-color var(--transition-base);white-space:nowrap}.unfollow-confirm-btn:hover{background-color:var(--color-gray-150)}.tab-count{font-size:.857rem;color:var(--color-text-gray);font-weight:400}.slide-modal-overlay .char-count-wrapper{text-align:right;margin-top:3px}.slide-modal-overlay .char-count-wrapper [id$=CharCount]{font-size:.857rem;color:var(--color-text-dark)}.slide-modal-overlay .required{color:var(--color-danger-main);font-weight:400}.slide-modal-overlay .image-upload-area,.slide-modal-overlay .video-upload-area{border:2px dashed var(--color-border-light);border-radius:var(--border-radius-base);padding:12px;text-align:center;background:var(--color-gray-50)}.slide-modal-overlay .form-help,.slide-modal-overlay .form-help-text{font-size:.857rem;color:var(--color-text-muted);margin-top:4px;line-height:1.5}.slide-modal-overlay .image-upload-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-bg-page);border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);cursor:pointer;transition:all .2s;font-size:13px}.slide-modal-overlay .image-upload-button:hover{background:var(--color-border-light)}.slide-modal-overlay .image-upload-button:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.slide-modal-overlay .image-upload-button i{font-size:14px;color:var(--color-text-dark)}.slide-modal-overlay .image-upload-button--sm{padding:6px 12px;gap:6px;font-size:12px}.slide-modal-overlay .image-upload-button--sm i{font-size:12px}.slide-modal-overlay .image-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin:10px 0}.slide-modal-overlay .image-preview-container:empty{display:none}@media (max-width: 768px){.slide-modal-overlay .image-preview-container{grid-template-columns:repeat(2,1fr)}}.slide-modal-overlay .image-preview-item{position:relative;border-radius:var(--border-radius-base);overflow:hidden;aspect-ratio:1;background:var(--color-gray-150);border:2px solid var(--color-border-light)}.slide-modal-overlay .image-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-modal-overlay .image-preview-item.marked-for-deletion{border-color:var(--color-danger-main)}.slide-modal-overlay .image-preview-item.marked-for-deletion img{opacity:.5}.slide-modal-overlay .image-preview-item.marked-for-deletion:after{content:"削除";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-danger-main);color:var(--color-white);padding:4px 8px;border-radius:var(--border-radius-base);font-size:.75rem;font-weight:700;z-index:2}.slide-modal-overlay .image-remove-btn,.slide-modal-overlay .remove-image{position:absolute;top:4px;right:4px;width:28px;height:28px;background:#000000b3;color:var(--color-white);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:3}.slide-modal-overlay .image-remove-btn:hover,.slide-modal-overlay .remove-image:hover{background:#000000e6}.slide-modal-overlay .image-remove-btn i,.slide-modal-overlay .remove-image i{font-size:14px}.slide-modal-overlay .cafe-search-wrapper{position:relative}.slide-modal-overlay .cafe-search-results{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--color-bg-page);border:1px solid var(--color-border-light);border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px #0000001a;display:none;z-index:1000}.slide-modal-overlay .search-result-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--color-gray-100);transition:background-color .2s}.slide-modal-overlay .search-result-item:last-child{border-bottom:none}.slide-modal-overlay .search-result-item:hover{background-color:var(--color-gray-100)}.slide-modal-overlay .search-result-item .cafe-name{font-size:13px;font-weight:500;color:var(--heading-color);margin-bottom:2px}.slide-modal-overlay .search-result-item .cafe-region{font-size:.857rem;color:var(--color-text-dark)}.slide-modal-overlay .search-loading,.slide-modal-overlay .search-no-results{padding:12px;text-align:center;font-size:13px;color:var(--color-text-dark)}.slide-modal-overlay .search-error{padding:12px;text-align:center;font-size:13px;color:var(--color-danger-main)}.slide-modal-overlay .rating-stars{display:flex;gap:6px}.slide-modal-overlay .rating-star{cursor:pointer;position:relative;display:inline-block}.slide-modal-overlay .rating-star input[type=radio]{position:absolute;opacity:0;pointer-events:none;width:0;height:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.slide-modal-overlay .rating-star i{font-size:18px!important;color:var(--color-gray-350);line-height:1;display:inline-block;width:18px;height:18px;text-align:center;transition:none!important;transform:none!important}.slide-modal-overlay .rating-star i.fas{font-size:18px!important;transform:none!important}.slide-modal-overlay .rating-star:hover i{transform:none!important;font-size:18px!important}.slide-modal-overlay .button-text{display:inline-flex;align-items:center;gap:4px}.slide-modal-overlay .button-loading{display:none;align-items:center;gap:4px}.slide-modal-overlay .button-loading i{margin-right:4px}.slide-modal-overlay .btn.submitting .button-text{display:none}.slide-modal-overlay .btn.submitting .button-loading{display:inline-flex}.slide-modal-overlay .draft-list{margin-top:12px;margin-bottom:24px;padding:0;background:var(--color-gray-50);border:1px solid var(--color-gray-350);border-radius:var(--border-radius-base);position:relative;overflow:hidden}.slide-modal-overlay .draft-list__summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--color-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease}.slide-modal-overlay .draft-list__summary::-webkit-details-marker{display:none}.slide-modal-overlay .draft-list__summary::marker{display:none}.slide-modal-overlay .draft-list__summary:hover{background:var(--color-gray-100)}.slide-modal-overlay .draft-list__title{display:inline-flex;align-items:center;gap:6px}.slide-modal-overlay .draft-list__title>i{font-size:12px;color:var(--color-secondary)}.slide-modal-overlay .draft-list__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;background:var(--color-secondary);color:var(--color-white);border-radius:10px;font-size:11px;font-weight:600;line-height:1}.slide-modal-overlay .draft-list__chevron{font-size:11px;color:var(--color-text-muted);transition:transform .2s ease}.slide-modal-overlay .draft-list[open] .slide-modal-overlay .draft-list__chevron{transform:rotate(180deg)}.slide-modal-overlay .draft-list[open] .slide-modal-overlay .draft-list__summary{border-bottom:1px solid var(--color-gray-300)}.slide-modal-overlay .draft-list>h4{display:none}.slide-modal-overlay .draft-list[open] .draft-items{animation:draft-list-fade-in .18s ease-out}@keyframes draft-list-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.slide-modal-overlay .draft-items{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--color-bg-page)}.slide-modal-overlay .draft-items .error-message{text-align:center;padding:16px;font-size:13px;color:var(--color-danger-main)}.slide-modal-overlay .draft-item-wrapper{display:flex;flex-direction:column}.slide-modal-overlay .draft-item{display:flex;flex-direction:column;gap:0;background:var(--color-bg-page);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-base);overflow:hidden}.slide-modal-overlay .draft-item__main{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.slide-modal-overlay .draft-item__confirm{display:none;padding:10px 12px;border-top:1px solid var(--color-gray-200);font-size:12px;color:var(--color-text-dark);gap:8px}.slide-modal-overlay .draft-item__confirm.show{display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.slide-modal-overlay .draft-item__confirm.show{flex-direction:column;align-items:stretch;gap:8px}}.slide-modal-overlay .draft-item__confirm p{margin:0;display:flex;align-items:center;gap:6px;line-height:1.4}.slide-modal-overlay .draft-item__confirm p i{color:var(--color-warning-main);font-size:13px}.slide-modal-overlay .draft-item__confirm-actions{display:flex;gap:6px;flex-shrink:0}.slide-modal-overlay .draft-item__confirm-actions .btn-warning-outline{padding:4px 12px;font-size:12px;background:transparent;color:var(--color-text-dark);border:1px solid var(--color-gray-400);border-radius:var(--border-radius-base);cursor:pointer;transition:all .15s ease}.slide-modal-overlay .draft-item__confirm-actions .btn-warning-outline:first-child{color:var(--color-danger-main);border-color:var(--color-danger-main)}.slide-modal-overlay .draft-item__confirm-actions .btn-warning-outline:first-child:hover{background:rgba(var(--color-danger-soft-rgb),.08)}.slide-modal-overlay .draft-item__confirm-actions .btn-warning-outline:hover{background:var(--color-gray-100)}.slide-modal-overlay .draft-item__confirm-actions .btn-warning-outline i{margin-right:3px;font-size:11px}.slide-modal-overlay .draft-item .draft-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.slide-modal-overlay .draft-item .draft-info .draft-title{font-weight:600;font-size:13px;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-modal-overlay .draft-item .draft-info .draft-meta{display:flex;flex-wrap:wrap;gap:0 10px;font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.slide-modal-overlay .draft-item .draft-info .draft-meta span{margin-right:0}.slide-modal-overlay .draft-item .draft-actions{display:flex;gap:2px;flex-shrink:0}.slide-modal-overlay .draft-item .draft-actions .btn-icon{background:transparent;border:1px solid transparent;width:30px;height:30px;padding:0;border-radius:50%;cursor:pointer;transition:all .15s ease;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.slide-modal-overlay .draft-item .draft-actions .btn-icon.btn-icon-edit{color:var(--color-text-muted)}.slide-modal-overlay .draft-item .draft-actions .btn-icon.btn-icon-edit:hover{color:var(--color-edit-soft);background:rgba(var(--color-edit-soft-rgb),.1)}.slide-modal-overlay .draft-item .draft-actions .btn-icon.btn-icon-delete{color:var(--color-text-muted)}.slide-modal-overlay .draft-item .draft-actions .btn-icon.btn-icon-delete:hover{color:var(--color-danger-soft);background:rgba(var(--color-danger-soft-rgb),.1)}.slide-modal-overlay .no-drafts{text-align:center;padding:16px 8px;font-size:12px;color:var(--color-text-muted)}.slide-modal-overlay .alert-message{margin-top:8px;padding:8px 10px;border-radius:var(--border-radius-base);font-size:13px}.slide-modal-overlay .alert-message i{margin-right:5px}.slide-modal-overlay .alert-message.alert-error{background-color:var(--color-danger-bg);border-left:3px solid var(--color-danger-main);color:var(--color-danger-main)}.slide-modal-overlay .alert-message.alert-warning{background-color:var(--color-warning-bg);border-left:3px solid var(--color-warning-main);color:var(--color-warning-text)}.slide-modal-overlay .alert-message.alert-warning p{margin:0 0 8px;font-size:.857rem}.slide-modal-overlay .alert-message.alert-warning .alert-actions{display:flex;gap:6px}.slide-modal-overlay .alert-message.alert-warning .alert-actions .btn-warning-outline{padding:3px 10px;font-size:.857rem;background:transparent;color:var(--color-warning-text);border:1px solid var(--color-warning-text);border-radius:var(--border-radius-base);cursor:pointer;transition:all .2s ease}.slide-modal-overlay .alert-message.alert-warning .alert-actions .btn-warning-outline:hover{background-color:#e6510014}.slide-modal-overlay .alert-message.alert-warning .alert-actions .btn-warning-outline i{margin-right:3px;font-size:.75rem}@media (min-width: 769px){.slide-modal-overlay .alert-message.alert-warning{display:flex;align-items:center;justify-content:space-between;flex-direction:row}.slide-modal-overlay .alert-message.alert-warning p{margin:0;flex:0 0 auto}.slide-modal-overlay .alert-message.alert-warning .alert-actions{margin-left:auto;margin-top:0}}.success-modal{background:color-mix(in srgb,var(--color-secondary) 7%,var(--color-bg-page));border-radius:var(--border-radius-base);padding:32px;text-align:center;min-width:320px;max-width:90%;box-shadow:0 4px 24px #00000026;animation:successModalFadeIn .3s ease}.success-modal__overlay,.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100001;display:none;align-items:center;justify-content:center}.success-modal__overlay[style*="display: flex"],[style*="display: flex"].success-modal-overlay{display:flex!important}.success-modal__overlay.hidden,.hidden.success-modal-overlay{display:none!important}.success-modal__icon,.success-modal-icon{font-size:48px;color:var(--color-success-main);margin-bottom:16px}.success-modal__icon i,.success-modal-icon i{display:block}.success-modal__message,.success-modal-message{font-size:16px;color:var(--color-primary);margin-bottom:24px;line-height:1.5;font-weight:500}.success-modal .btn{min-width:100px;padding:10px 24px}@keyframes successModalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.success-modal{padding:24px;min-width:280px}.success-modal__icon,.success-modal-icon{font-size:40px}.success-modal__message,.success-modal-message{font-size:15px}}.message-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200000;display:none;align-items:center;justify-content:center}.message-modal-overlay[style*="display: flex"]{display:flex!important}.message-modal{background:var(--color-bg-page);border-radius:var(--border-radius-base);padding:32px;text-align:center;min-width:320px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 24px #00000026;animation:messageModalFadeIn .3s ease}.message-modal-icon{font-size:48px;margin-bottom:16px}.message-modal-icon i{display:block}.message-modal-icon--success{color:var(--color-success-main)}.message-modal-icon--error{color:var(--color-danger-main)}.message-modal-icon--warning{color:var(--color-warning-main)}.message-modal-icon--info{color:var(--color-info-main)}.message-modal-message{font-size:15px;color:var(--color-primary);margin-bottom:24px;line-height:1.6;font-weight:500;white-space:pre-line;word-break:break-word}.message-modal-buttons{display:flex;justify-content:center;gap:12px}.message-modal-buttons .btn{min-width:100px;padding:10px 24px;font-size:14px;font-weight:600;border-radius:var(--border-radius-base)}.message-modal-buttons .message-modal-ok{background:var(--color-gray-200);border:1px solid var(--color-border-lighter-alt);color:var(--color-text-dark)}.message-modal-buttons .message-modal-ok:hover{background:var(--color-gray-300);border-color:var(--color-border-light)}.message-modal-buttons .btn-secondary{background:var(--color-gray-150);border:2px solid var(--color-gray-150);color:var(--color-primary)}.message-modal-buttons .btn-secondary:hover{background:var(--color-gray-300);border-color:var(--color-gray-300)}.message-modal--error .message-modal-buttons .message-modal-ok{background:var(--color-danger-soft);border:none;color:var(--color-white)}.message-modal--error .message-modal-buttons .message-modal-ok:hover{background:var(--color-danger-soft-hover)}@keyframes messageModalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.message-modal{padding:24px 20px;min-width:280px;margin:0 16px}.message-modal-icon{font-size:40px}.message-modal-message{font-size:14px}.message-modal-buttons{flex-direction:column}.message-modal-buttons .btn{width:100%}}.review-modal{--slide-modal-form-group-margin-bottom: 12px;--slide-modal-form-label-margin-bottom: 6px;--slide-modal-form-control-padding: 8px 10px}.review-modal .form-row{display:flex;gap:12px;margin-bottom:12px}@media (max-width: 768px){.review-modal .form-row{flex-direction:column;gap:0}}.review-modal .form-row .form-group{margin-bottom:0}@media (max-width: 768px){.review-modal .form-row .form-group{margin-bottom:12px}}.review-modal .form-row .form-group-cafe{flex:0 0 calc(66.666% - 6px)}@media (max-width: 768px){.review-modal .form-row .form-group-cafe{flex:1 1 100%}}.review-modal .form-row .form-group-date{flex:0 0 calc(33.333% - 6px)}@media (max-width: 768px){.review-modal .form-row .form-group-date{flex:1 1 100%}}.review-modal .rating-input{display:flex;align-items:center;gap:12px}.review-modal .rating-text{font-size:13px;color:var(--color-text-dark);font-weight:500;min-width:70px}.review-modal .form-help-text{display:block;margin-top:3px;font-size:.857rem;color:var(--color-text-dark)}.review-modal .form-checkbox{display:flex;align-items:center;cursor:pointer}.review-modal .form-checkbox input[type=checkbox]{margin-right:8px}.review-modal .form-checkbox span{font-size:14px}#reviewModal .btn-block{width:100%}.review-modal .form-actions{display:flex;gap:8px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-gray-200)}.review-modal .form-actions button{flex:1;padding:7px 14px;font-size:13px;white-space:nowrap}@media (max-width: 768px){.review-modal .form-actions{flex-wrap:wrap}.review-modal .form-actions button{font-size:14px}.review-modal .form-actions button i{margin-right:4px}}.draft-list.hidden{display:none}.editor-post-review-modal{--slide-modal-form-group-margin-bottom: 12px;--slide-modal-form-label-margin-bottom: 6px;--slide-modal-form-control-padding: 8px 10px;--slide-modal-tab-padding: 10px 12px;--slide-modal-tab-font-size: 13px}.editor-post-review-modal .slide-tab-content{display:none}.editor-post-review-modal .slide-tab-content.active{display:block}.editor-post-review-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 500px){.editor-post-review-modal .form-row{grid-template-columns:1fr}}.editor-post-review-modal .image-upload-area .image-input,.editor-post-review-modal .image-upload-area .video-input,.editor-post-review-modal .video-upload-area .image-input,.editor-post-review-modal .video-upload-area .video-input{display:none!important}.editor-post-review-modal .video-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:12px}.editor-post-review-modal .video-preview-container:empty{display:none}.editor-post-review-modal .video-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--color-gray-350);display:flex;flex-direction:column;background:var(--color-gray-200)}.editor-post-review-modal .video-preview-item .video-preview-thumbnail{position:relative;width:100%;flex:1;display:flex;align-items:center;justify-content:center}.editor-post-review-modal .video-preview-item .video-preview-thumbnail video.video-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.editor-post-review-modal .video-preview-item .video-preview-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;text-shadow:0 2px 6px rgba(0,0,0,.5);pointer-events:none;z-index:2}.editor-post-review-modal .video-preview-item .video-preview-info{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:4px 6px;font-size:.75rem;display:flex;flex-direction:column;gap:2px}.editor-post-review-modal .video-preview-item .video-preview-info .video-filename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-post-review-modal .video-preview-item .video-preview-info .video-filesize{font-size:9px;opacity:.8}.editor-post-review-modal .video-preview-item .remove-video,.editor-post-review-modal .video-preview-item .video-remove-btn{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;z-index:3}.editor-post-review-modal .video-preview-item .remove-video:hover,.editor-post-review-modal .video-preview-item .video-remove-btn:hover{background:#000c}.editor-post-review-modal .video-preview-item .remove-video i,.editor-post-review-modal .video-preview-item .video-remove-btn i{font-size:.857rem}.editor-post-review-modal .cafe-selector-dropdown{position:relative}.editor-post-review-modal .cafe-selector-btn{width:100%;padding:10px 40px 10px 12px;background:var(--color-bg-page);border:1px solid var(--color-gray-350);border-radius:4px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s}.editor-post-review-modal .cafe-selector-btn:hover,.editor-post-review-modal .cafe-selector-btn.active{border-color:var(--color-primary)}.editor-post-review-modal .cafe-selector-btn .placeholder-text{color:var(--color-text-light)}.editor-post-review-modal .cafe-selector-btn .selected-cafe-name{color:var(--color-text-dark)}.editor-post-review-modal .cafe-selector-btn i{color:var(--color-text-light);transition:transform .2s}.editor-post-review-modal .cafe-selector-btn.active i{transform:rotate(180deg)}.editor-post-review-modal .cafe-selector-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-page);border:1px solid var(--color-gray-350);border-radius:4px;max-height:250px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a}.editor-post-review-modal .cafe-selector-menu-header{padding:10px 12px;font-size:13px;font-weight:500;color:var(--color-text-light);border-bottom:1px solid var(--color-gray-200)}.editor-post-review-modal .cafe-selector-loading{padding:20px;text-align:center;color:var(--color-text-light)}.editor-post-review-modal .cafe-selector-item{padding:10px 12px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:space-between}.editor-post-review-modal .cafe-selector-item:hover{background:var(--color-gray-100)}.editor-post-review-modal .cafe-selector-item.selected{background:var(--color-primary-light);color:var(--color-primary)}.editor-post-review-modal .cafe-selector-item .cafe-name{flex:1}.editor-post-review-modal .cafe-selector-item .check-icon{color:var(--color-primary)}.editor-post-review-modal #editor-plan-restriction-settings{padding:16px;background:var(--color-gray-100);border-radius:8px;margin-top:8px}.editor-post-review-modal #editor-plan-selection{margin-top:12px}.editor-post-review-modal #editor-plan-checkboxes-container{display:flex;flex-direction:column;gap:8px}.editor-post-review-modal .form-actions{display:flex;gap:8px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-gray-200)}.editor-post-review-modal .form-actions button{flex:1;padding:7px 14px;font-size:13px;white-space:nowrap}@media (max-width: 768px){.editor-post-review-modal .form-actions{flex-wrap:wrap}.editor-post-review-modal .form-actions button{font-size:14px}.editor-post-review-modal .form-actions button i{margin-right:4px}}.review-comments-section{margin-top:40px;padding-top:40px;border-top:2px solid var(--color-gray-200)}.review-comments-section .comments-title{font-size:20px;margin-bottom:20px;color:var(--color-primary);display:flex;align-items:center;gap:8px}.review-comments-section .comments-title i{color:var(--color-error-accent)}.review-comments-section .comment-form{margin-bottom:0;padding:20px;background:var(--color-gray-100);border-radius:8px}.review-comments-section .comment-form .form-textarea{width:100%;padding:12px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);resize:vertical;font-family:inherit}.review-comments-section .comment-form .form-actions{margin-top:12px;text-align:right}.review-comments-section .login-prompt{margin-bottom:24px;padding:20px;background:var(--color-gray-100);border-radius:8px;text-align:center}.review-comments-section .login-prompt p{margin:0;color:var(--color-text-dark)}.review-comments-section .login-prompt .link-button{background:none;border:none;color:var(--color-error-accent);cursor:pointer;text-decoration:underline;font-weight:600}.review-comments-section .login-prompt .link-button:hover{color:var(--color-error-hover)}.review-comments-section .comments-list{border-top:1px solid var(--color-gray-350);padding-top:24px;margin-top:24px;max-height:400px;overflow-y:auto;overflow-x:hidden}.review-comments-section .comments-list::-webkit-scrollbar{width:8px}.review-comments-section .comments-list::-webkit-scrollbar-track{background:var(--color-gray-150);border-radius:var(--border-radius-base)}.review-comments-section .comments-list::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--border-radius-base)}.review-comments-section .comments-list::-webkit-scrollbar-thumb:hover{background:var(--color-border-lighter)}.review-comments-section .no-comments{text-align:center;color:var(--color-text-gray);padding:40px 0}.review-comments-section .btn{padding:8px 16px;border:none;border-radius:var(--border-radius-base);cursor:pointer;font-weight:500;transition:all .2s}.review-comments-section .btn.btn-primary{background:var(--color-error-accent);color:var(--color-white)}.review-comments-section .btn.btn-primary:hover{background:var(--color-error-hover)}.review-comments-section .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.review-comments-section .btn.btn-outline{background:var(--color-bg-page);color:var(--color-text-dark);border:1px solid var(--color-border-light)}.review-comments-section .btn.btn-outline:hover{background:var(--color-gray-100)}.review-comments-section .btn.btn-sm{padding:6px 12px;font-size:14px}.comment-item{padding:20px 0;border-bottom:1px solid var(--color-gray-200)}.comment-item:last-child{border-bottom:none}.comment-item.is-reply{margin-left:40px;padding-left:20px;border-left:3px solid var(--color-gray-200)}.comment-item .comment-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;position:relative}.comment-item .comment-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:18px}.comment-item .comment-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.comment-item .comment-meta{flex:1;min-width:0}.comment-item .comment-meta .comment-user-name{font-weight:600;color:var(--color-primary);text-decoration:none;margin-right:8px}.comment-item .comment-meta .comment-user-name:hover{color:var(--color-error-accent)}.comment-item .comment-meta .reply-to{color:var(--color-text-dark);font-size:14px;margin-right:8px}.comment-item .comment-meta .reply-to i{margin-right:4px;font-size:.857rem}.comment-item .comment-meta .reply-to a{color:var(--color-text-dark);text-decoration:none}.comment-item .comment-meta .reply-to a:hover{color:var(--color-error-accent)}.comment-item .comment-meta .comment-date{color:var(--color-text-gray);font-size:14px}.comment-item .comment-actions{display:flex;gap:8px;margin-left:auto}.comment-item .comment-actions button{background:none;border:none;color:var(--color-text-gray);cursor:pointer;padding:4px 8px;font-size:14px;transition:color .2s}.comment-item .comment-actions button:hover{color:var(--color-error-accent)}.comment-item .comment-body{margin-left:52px}.comment-item .comment-body .comment-content{margin:0;line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word}.comment-item .comment-body .comment-edit-form{margin-top:12px}.comment-item .comment-body .comment-edit-form.hidden{display:none}.comment-item .comment-body .comment-edit-form .form-textarea{width:100%;padding:12px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);resize:vertical;font-family:inherit;margin-bottom:8px}.comment-item .comment-body .comment-edit-form .edit-actions{display:flex;gap:8px;justify-content:flex-end}.comment-item .comment-footer{margin-left:52px;margin-top:12px;display:flex;align-items:center;gap:12px}.comment-item .comment-footer .btn-reply{background:none;border:none;color:var(--color-text-dark);cursor:pointer;font-size:14px;padding:4px 8px;transition:color .2s}.comment-item .comment-footer .btn-reply:hover{color:var(--color-error-accent)}.comment-item .comment-footer .btn-reply i{margin-right:4px}.comment-item .comment-footer .btn-report{background:none;border:none;color:var(--color-text-gray);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:all .2s}.comment-item .comment-footer .btn-report:hover{color:var(--color-danger-soft);background-color:rgba(var(--color-danger-soft-rgb),.1)}.reply-form-container{margin-left:52px;margin-top:16px;padding:16px;background:var(--color-gray-100);border-radius:8px}.reply-form-container.hidden{display:none}.reply-form-container .form-textarea{width:100%;padding:12px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);resize:vertical;font-family:inherit;margin-bottom:12px}.reply-form-container .reply-actions{display:flex;gap:8px;justify-content:flex-end}.comment-replies{margin-left:0}#reportModal{max-width:500px}#reportModal .modal-body{padding:20px 30px 30px;max-height:70vh;overflow-y:auto}#reportModal .form-group{margin-bottom:20px}#reportModal .form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:15px;color:var(--color-primary)}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-label{display:flex;align-items:center;cursor:pointer;padding:.4rem .25rem;border-radius:var(--border-radius-base);transition:color .2s;font-size:14px}.radio-label input[type=radio]{margin-right:.6rem;transform:scale(1.1)}.radio-label:hover{color:var(--color-secondary);background-color:#00000005}.success-message p{font-size:1.1rem;color:var(--color-primary);margin:0}#reportSuccessMessage.hidden{display:none}.report__button-wrapper,.report-button-wrapper,.report__submit-wrapper,.report-submit-wrapper{text-align:center;margin-top:20px}.btn-wide{padding:10px 40px}.btn-submit{padding:10px 30px}.pagination-wrapper{display:flex;justify-content:center;margin:40px 0}.pagination{display:flex;align-items:center;gap:8px}@media (max-width: 575.98px){.pagination{display:none}}.pagination-item{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--color-text-dark);text-decoration:none;border-radius:var(--border-radius-base);transition:all .2s}.pagination-item:hover:not(.disabled){background:var(--color-gray-150);color:var(--color-secondary)}.pagination-item.disabled{color:var(--color-border-lighter);cursor:not-allowed}@media (max-width: 767.98px){.pagination-text{display:none}}.pagination-numbers{display:flex;align-items:center;gap:4px}.pagination-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:13px;font-weight:500;color:var(--color-text-dark);text-decoration:none;border-radius:var(--border-radius-base);transition:all .2s}.pagination-number:hover{background:var(--color-gray-150);color:var(--color-secondary)}.pagination-number.active{background:var(--color-secondary);color:var(--color-white);cursor:default}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:13px;color:var(--color-text-gray);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pagination-mobile{display:none;flex-direction:column;align-items:center;gap:12px}@media (max-width: 575.98px){.pagination-mobile{display:flex}}.pagination-info{font-size:13px;color:var(--color-text-dark)}.pagination-controls{display:flex;align-items:center;gap:16px}.pagination-mobile-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-page);border:1px solid var(--color-gray-350);border-radius:50%;color:var(--color-text-dark);text-decoration:none;transition:all .2s}.pagination-mobile-btn:hover:not(.disabled){background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.pagination-mobile-btn.disabled{background:var(--color-gray-150);border-color:var(--color-gray-350);color:var(--color-border-lighter);cursor:not-allowed}html[data-theme=dark] .pagination-item{color:var(--color-gray-700)}html[data-theme=dark] .pagination-item:hover:not(.disabled){background:#ffffff1a}html[data-theme=dark] .pagination-item.disabled{color:var(--color-gray-550)}html[data-theme=dark] .pagination-number{color:var(--color-gray-700)}html[data-theme=dark] .pagination-number:hover{background:#ffffff1a}html[data-theme=dark] .pagination-number.active{background:var(--color-secondary);color:var(--color-white)}html[data-theme=dark] .pagination-info{color:var(--color-gray-700)}html[data-theme=dark] .pagination-mobile-btn{background:var(--color-gray-150);border-color:var(--color-border);color:var(--color-gray-700)}html[data-theme=dark] .pagination-mobile-btn:hover:not(.disabled){background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}html[data-theme=dark] .pagination-mobile-btn.disabled{background:var(--color-gray-200);border-color:var(--color-border);color:var(--color-gray-550)}.user-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-white);text-decoration:none;transition:all var(--transition-fast)}.user-icon i{font-size:inherit;line-height:1;display:block}.user-icon .user-icon-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.user-icon--xs,.user-icon-xs{width:24px;height:24px;font-size:.857rem}.user-icon--sm,.user-icon-sm{width:32px;height:32px;font-size:14px}.user-icon--md,.user-icon-md{width:40px;height:40px;font-size:16px}.user-icon--lg,.user-icon-lg{width:56px;height:56px;font-size:20px}.user-icon--xl,.user-icon-xl{width:80px;height:80px;font-size:32px}.user-icon[href]:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.user-icon__wrapper,.user-icon-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.user-icon__wrapper--vertical,.user-icon-wrapper.vertical{flex-direction:column;text-align:center}.user-icon__name,.user-icon-name{font-size:var(--font-size-sm);color:var(--color-text);text-decoration:none;font-weight:500}.user-icon__name[href]:hover,[href].user-icon-name:hover{color:var(--color-secondary);text-decoration:underline}.user-icon-container{display:inline-block;position:relative}.user-icon-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;border:2px solid var(--color-white);box-shadow:0 1px 3px #0003;z-index:1}.user-icon-badge i{font-size:.75rem;color:var(--color-white)}.user-icon-badge--editor{background:var(--color-secondary-light)}.user-icon-badge--admin{background:var(--color-primary)}.user-icon-container .user-icon--xs~.user-icon-badge,.user-icon-container .user-icon-xs~.user-icon-badge{width:12px;height:12px;bottom:0;right:0}.user-icon-container .user-icon--xs~.user-icon-badge i,.user-icon-container .user-icon-xs~.user-icon-badge i{font-size:6px}.user-icon-container .user-icon--sm~.user-icon-badge,.user-icon-container .user-icon-sm~.user-icon-badge{width:16px;height:16px;bottom:-1px;right:-1px}.user-icon-container .user-icon--sm~.user-icon-badge i,.user-icon-container .user-icon-sm~.user-icon-badge i{font-size:8px}.user-icon-container .user-icon--lg~.user-icon-badge,.user-icon-container .user-icon-lg~.user-icon-badge{width:24px;height:24px;bottom:-2px;right:-2px}.user-icon-container .user-icon--lg~.user-icon-badge i,.user-icon-container .user-icon-lg~.user-icon-badge i{font-size:.857rem}.user-icon-container .user-icon--xl~.user-icon-badge,.user-icon-container .user-icon-xl~.user-icon-badge{width:28px;height:28px;bottom:-3px;right:-3px}.user-icon-container .user-icon--xl~.user-icon-badge i,.user-icon-container .user-icon-xl~.user-icon-badge i{font-size:14px}.settings-modal{z-index:99999!important;--slide-modal-form-group-margin-bottom: 12px;--slide-modal-form-label-margin-bottom: 5px;--slide-modal-form-control-padding: 8px 10px;--slide-modal-body-padding: 16px 20px;--slide-modal-tab-padding: 10px 12px;--slide-modal-tab-font-size: 13px}.settings-modal.hidden{display:none!important}.avatar-preview{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:32px;margin-bottom:16px}.avatar-preview img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}input[type=file].hidden{display:none}.settings-section-title{font-size:1.05rem;font-weight:700;margin:1.75rem 0 .5rem;padding-bottom:.5rem;color:var(--color-primary);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;gap:.5rem}.settings-section-title:first-of-type,.slide-modal-body>.settings-section-title:first-child{margin-top:0}.settings-section-title>i,.settings-section-title>span>i{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(var(--color-secondary-rgb, 107, 127, 149),.1);color:var(--color-secondary);border-radius:50%;font-size:.875rem;flex-shrink:0;margin-right:0}.settings-section-desc{font-size:.857rem;color:var(--color-text-muted);margin-bottom:1rem;line-height:1.5}.settings-modal .slide-modal-body>form+.settings-section-title,.settings-modal .slide-modal-body>form+form,.settings-modal .slide-modal-body>form+section,.settings-modal .slide-modal-body>section+.settings-section-title,.settings-modal .slide-modal-body>section+form,.settings-modal .slide-modal-body>section+section{margin-top:2.5rem}.confirm-modal-overlay.hidden{display:none}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-dark)}.empty-state-image{margin-bottom:20px}.empty-state-image img{max-width:200px;height:auto;opacity:.7}.empty-state-icon{font-size:48px;color:var(--color-border-lighter);margin-bottom:20px}.empty-state-title{font-size:14px;font-weight:500;color:var(--color-text-gray);margin-bottom:10px}.empty-state-message{font-size:13px;color:var(--color-text-gray);margin-bottom:20px}.empty-state .btn{margin-top:10px}.alert{position:relative;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);margin-bottom:var(--spacing-md, 16px);border:var(--border-width-base, 1px) solid transparent;border-radius:var(--border-radius-base, 4px);font-size:14px;line-height:1.5}.alert__icon{display:inline-flex;align-items:center;margin-right:8px;font-size:1.2em}.alert__title{font-weight:600;margin-bottom:4px}.alert__message{margin:0}.alert__actions{margin-top:8px;display:flex;gap:12px}.alert--success,.alert-success{color:var(--color-success-text);background-color:var(--color-success-bg);border-color:var(--color-success-border)}.alert--success .alert__icon,.alert-success .alert__icon{color:var(--color-success-main)}.alert--danger,.alert-danger,.alert--error{color:var(--color-danger-text);background-color:var(--color-danger-bg);border-color:var(--color-danger-border)}.alert--danger .alert__icon,.alert-danger .alert__icon,.alert--error .alert__icon{color:var(--color-danger-main)}.alert--warning,.alert-warning{color:var(--color-warning-text);background-color:var(--color-warning-bg);border-color:var(--color-warning-border)}.alert--info,.alert-info,.alert--primary{color:var(--color-info-text);background-color:var(--color-info-bg);border-color:var(--color-info-border)}.alert--secondary{color:var(--color-gray-800);background-color:var(--color-gray-250);border-color:var(--color-gray-350)}.alert--dismissible,.alert-dismissible{padding-right:48px}.alert--dismissible .alert__close,.alert--dismissible .btn-close,.alert-dismissible .alert__close,.alert-dismissible .btn-close{position:absolute;top:0;right:0;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);background:none;border:none;font-size:20px;line-height:1;color:inherit;opacity:.5;cursor:pointer;transition:opacity .15s ease}.alert--dismissible .alert__close:hover,.alert--dismissible .btn-close:hover,.alert-dismissible .alert__close:hover,.alert-dismissible .btn-close:hover{opacity:.75}.alert--dismissible .alert__close:focus,.alert--dismissible .btn-close:focus,.alert-dismissible .alert__close:focus,.alert-dismissible .btn-close:focus{outline:none;opacity:1}.alert--sm{padding:var(--spacing-xs, 8px) var(--spacing-sm, 12px);font-size:13px}.alert--lg{padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);font-size:16px}.alert--solid{color:var(--color-white)}.alert--solid.alert--success,.alert--solid.alert-success{background-color:var(--color-success-main);border-color:var(--color-success-main)}.alert--solid.alert--danger,.alert--solid.alert-danger,.alert--solid.alert--error{background-color:var(--color-danger-main);border-color:var(--color-danger-main)}.alert--solid.alert--warning,.alert--solid.alert-warning{background-color:var(--color-warning-main);border-color:var(--color-warning-main);color:var(--color-gray-900)}.alert--solid.alert--info,.alert--solid.alert-info{background-color:var(--color-info-main);border-color:var(--color-info-main)}.alert--solid .alert__close,.alert--solid .btn-close{color:var(--color-white);opacity:.8}.alert--solid .alert__close:hover,.alert--solid .btn-close:hover{opacity:1}.flash-message{position:fixed;top:20px;left:50%;transform:translate(-50%);min-width:300px;max-width:calc(100% - 40px);padding:14px 44px 14px 16px;border-radius:4px;display:flex;align-items:center;gap:12px;z-index:9999;box-shadow:0 4px 12px #00000026;animation:flashSlideIn .3s ease-out;font-size:14px;line-height:1.5}.flash-message i{font-size:18px;flex-shrink:0}.flash-message span{flex:1}.flash-message .flash-close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;font-size:14px;cursor:pointer;opacity:.6;padding:4px;color:inherit;transition:opacity .2s}.flash-message .flash-close:hover{opacity:1}.flash-message.flash-success{background:var(--badge-green-bg);color:var(--badge-green-text);border:1px solid color-mix(in srgb,var(--badge-green-text) 25%,transparent)}.flash-message.flash-success i{color:var(--badge-green-text)}.flash-message.flash-error{background:var(--badge-rose-bg);color:var(--badge-rose-text);border:1px solid color-mix(in srgb,var(--badge-rose-text) 25%,transparent)}.flash-message.flash-error i{color:var(--badge-rose-text)}.flash-message.flash-warning{background:var(--badge-amber-bg);color:var(--badge-amber-text);border:1px solid color-mix(in srgb,var(--badge-amber-text) 25%,transparent)}.flash-message.flash-warning i{color:var(--badge-amber-text)}.flash-message.flash-info{background:var(--badge-blue-bg);color:var(--badge-blue-text);border:1px solid color-mix(in srgb,var(--badge-blue-text) 25%,transparent)}.flash-message.flash-info i{color:var(--badge-blue-text)}@keyframes flashSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes flashFadeOut{to{opacity:0;transform:translate(-50%) translateY(-20px)}}@media (max-width: 576px){.flash-message{top:12px;min-width:auto;width:calc(100% - 24px);padding:12px 40px 12px 14px;font-size:13px}.flash-message i{font-size:16px}.flash-message .flash-close{right:10px;font-size:.857rem}}.breadcrumb{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:14px;color:var(--color-text-dark)}.breadcrumb a{color:var(--color-text-dark);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb .separator{color:var(--color-text-gray);-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb .current{color:var(--color-primary);font-weight:500}.rating-stars{display:inline-flex;align-items:center;gap:2px}.rating-stars i{color:var(--color-accent-gold)}.rating-stars.rating-small{font-size:.857rem}.rating-stars.rating-normal{font-size:16px}.rating-stars.rating-large{font-size:20px}.rating-stars .rating-number{margin-left:8px;font-size:14px;color:var(--color-text-dark);font-weight:500}.form-group{margin-bottom:var(--spacing-md, 20px)}.form-group__label,.form-label,.form-group-label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--heading-color)}.form-group__label--required:after,.form-group__label.required:after,.required.form-label:after,.form-group-label--required:after,.form-group-label.required:after{content:" *";color:var(--color-danger, var(--color-danger-main))}.form-group__control,.form-control,.form-group__select,.form-select,.form-group-select,.form-group__textarea,.form-group-textarea,.form-group-input{width:100%;padding:10px 12px;font-size:16px;line-height:1.5;color:var(--heading-color);background-color:var(--color-bg-page);background-clip:padding-box;border:1px solid var(--color-gray-400);border-radius:var(--border-radius-base, 4px);transition:border-color .2s,box-shadow .2s}.form-group__control:focus,.form-control:focus,.form-group__select:focus,.form-select:focus,.form-group__textarea:focus,.form-group-input:focus,.form-group-textarea:focus,.form-group-select:focus{color:var(--heading-color);background-color:var(--color-bg-page);border-color:var(--color-secondary);outline:0;box-shadow:0 0 0 3px #3d506b1a}.form-group__control::-moz-placeholder,.form-control::-moz-placeholder,.form-group__select::-moz-placeholder,.form-select::-moz-placeholder,.form-group__textarea::-moz-placeholder,.form-group-input::-moz-placeholder,.form-group-textarea::-moz-placeholder,.form-group-select::-moz-placeholder{color:var(--color-text-muted);opacity:1}.form-group__control::placeholder,.form-control::placeholder,.form-group__select::placeholder,.form-select::placeholder,.form-group__textarea::placeholder,.form-group-input::placeholder,.form-group-textarea::placeholder,.form-group-select::placeholder{color:var(--color-text-muted);opacity:1}.form-group__control:disabled,.form-control:disabled,.form-group__select:disabled,.form-select:disabled,.form-group__textarea:disabled,.form-group__control[readonly],[readonly].form-control,[readonly].form-group__select,[readonly].form-select,[readonly].form-group__textarea,.form-group-input:disabled,.form-group-input[readonly],.form-group-textarea:disabled,.form-group-textarea[readonly],.form-group-select:disabled,.form-group-select[readonly]{background-color:var(--color-gray-250);opacity:1;cursor:not-allowed}.form-group__control--invalid,.form-group__control.is-invalid,.is-invalid.form-control,.is-invalid.form-group__select,.is-invalid.form-select,.is-invalid.form-group__textarea,.form-group-input--invalid,.form-group-input.is-invalid,.form-group-textarea--invalid,.form-group-textarea.is-invalid,.form-group-select--invalid,.form-group-select.is-invalid{border-color:var(--color-danger, var(--color-danger-main))}.form-group__control--invalid:focus,.form-group__control.is-invalid:focus,.is-invalid.form-control:focus,.is-invalid.form-group__select:focus,.is-invalid.form-select:focus,.is-invalid.form-group__textarea:focus,.form-group-input--invalid:focus,.form-group-input.is-invalid:focus,.form-group-textarea--invalid:focus,.form-group-textarea.is-invalid:focus,.form-group-select--invalid:focus,.form-group-select.is-invalid:focus{border-color:var(--color-danger, var(--color-danger-main));box-shadow:0 0 0 .2rem #dc354540}.form-group__control--valid,.form-group__control.is-valid,.is-valid.form-control,.is-valid.form-group__select,.is-valid.form-select,.is-valid.form-group__textarea,.form-group-input--valid,.form-group-input.is-valid,.form-group-textarea--valid,.form-group-textarea.is-valid,.form-group-select--valid,.form-group-select.is-valid{border-color:var(--color-success, var(--color-success-main))}.form-group__control--valid:focus,.form-group__control.is-valid:focus,.is-valid.form-control:focus,.is-valid.form-group__select:focus,.is-valid.form-select:focus,.is-valid.form-group__textarea:focus,.form-group-input--valid:focus,.form-group-input.is-valid:focus,.form-group-textarea--valid:focus,.form-group-textarea.is-valid:focus,.form-group-select--valid:focus,.form-group-select.is-valid:focus{border-color:var(--color-success, var(--color-success-main));box-shadow:0 0 0 .2rem #28a74540}.form-group__textarea,.form-group-textarea{min-height:120px;resize:vertical}.form-group__select,.form-select,.form-group-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.25rem}.form-group__check,.form-check,.form-group-check{display:flex;align-items:center;min-height:1.5rem;padding-left:1.5em;margin-bottom:.5rem;cursor:pointer}.form-group__check input,.form-check input,.form-group-check input{float:left;margin-left:-1.5em;margin-top:.25em;cursor:pointer;accent-color:var(--color-accent-gold)}.form-group__check input:checked,.form-check input:checked,.form-group-check input:checked{background-color:var(--color-primary, var(--color-primary));border-color:var(--color-primary, var(--color-primary))}.form-group__check input:disabled,.form-check input:disabled,.form-group-check input:disabled{cursor:not-allowed;opacity:.5}.form-group__check label,.form-check label,.form-group-check label{cursor:pointer;margin-bottom:0}.form-group__check--inline{display:inline-flex;margin-right:1rem;margin-bottom:0}.form-group__help,.form-text,.form-group-help{display:block;margin-top:4px;font-size:.857rem;color:var(--color-gray-600)}.form-group__error,.invalid-feedback,.form-group-error{display:block;margin-top:4px;font-size:.857rem;color:var(--color-danger, var(--color-danger-main))}.form-group__success,.valid-feedback{display:block;margin-top:4px;font-size:.857rem;color:var(--color-success, var(--color-success-main))}.form-group__input-group{display:flex;align-items:stretch;width:100%}.form-group__input-group .form-group__control,.form-group__input-group .form-control,.form-group__input-group .form-group__textarea,.form-group__input-group .form-group-textarea,.form-group__input-group .form-group__select,.form-group__input-group .form-select,.form-group__input-group .form-group-select{position:relative;flex:1 1 auto;min-width:0;margin-bottom:0}.form-group__input-group-prepend,.form-group__input-group-append{display:flex;align-items:center;padding:10px 12px;font-size:14px;font-weight:400;line-height:1.5;color:var(--color-gray-700);text-align:center;white-space:nowrap;background-color:var(--color-gray-250);border:1px solid var(--color-gray-400)}.form-group__input-group-prepend{border-right:0;border-radius:var(--border-radius-base, 4px) 0 0 var(--border-radius-base, 4px)}.form-group__input-group-append{border-left:0;border-radius:0 var(--border-radius-base, 4px) var(--border-radius-base, 4px) 0}.form-group--horizontal{display:flex;align-items:flex-start;gap:16px}.form-group--horizontal .form-group__label,.form-group--horizontal .form-label{flex:0 0 200px;text-align:right;padding-top:10px}.form-group--horizontal .form-group__control-wrapper{flex:1}.form-group--inline{display:flex;flex-flow:row wrap;align-items:center;gap:10px;margin-bottom:0}.form-group--inline .form-group__label,.form-group--inline .form-label{margin-bottom:0;margin-right:8px}.form-label-hint{font-size:.857rem;font-weight:400;color:var(--color-text-muted);margin-left:8px}.form-check-input{float:left;margin-left:-1.5em;margin-top:.25em;cursor:pointer}.form-check-input:checked{background-color:var(--color-primary, var(--color-primary));border-color:var(--color-primary, var(--color-primary))}.form-check-input:disabled{cursor:not-allowed;opacity:.5}.form-check-label{cursor:pointer;margin-bottom:0;font-size:13px}.stat-item{text-align:center;padding:10px}.stat-item-icon{font-size:24px;color:var(--color-primary);margin-bottom:8px}.stat-item-number{display:block;font-size:24px;font-weight:600;color:var(--color-primary);margin-bottom:4px}.stat-item-label{display:block;font-size:.857rem;color:var(--color-text-dark);text-transform:uppercase;letter-spacing:.5px}.sort-filter{display:inline-flex;align-items:center;gap:8px}.sort-filter-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:10px;max-width:100%;box-sizing:border-box}.sort-filter-wrapper .sort-filter-label{font-weight:500;color:var(--color-text-dark);font-size:13px;margin:0}.sort-filter-wrapper .sort-filter-select{padding:8px 32px 8px 12px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);background:var(--color-bg-page);cursor:pointer;font-size:14px;color:var(--color-primary);transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.sort-filter-wrapper .sort-filter-select:hover{border-color:var(--color-border-lighter)}.sort-filter-wrapper .sort-filter-select:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #6b7f951a}.sort-filter-wrapper.segment-control .segment-control-buttons{display:inline-flex;background:var(--color-gray-200);border-radius:8px;padding:3px;gap:0}.sort-filter-wrapper.segment-control .segment-control-button{padding:8px 20px;font-size:14px;font-weight:500;color:var(--color-text-dark);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:color .25s ease,background-color .25s ease;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.sort-filter-wrapper.segment-control .segment-control-button:hover{color:var(--color-primary)}.sort-filter-wrapper.segment-control .segment-control-button.active{background:var(--color-secondary);color:var(--color-white);box-shadow:0 2px 4px #0000001a;animation:segmentFadeIn .3s ease}@keyframes segmentFadeIn{0%{opacity:.5}to{opacity:1}}.sort-filter-wrapper.tab-control .tab-control-buttons{display:flex;gap:0;border-bottom:1px solid var(--color-gray-350);width:100%}.sort-filter-wrapper.tab-control .tab-control-button{flex:1;padding:8px 12px;min-width:0;font-size:13px;font-weight:500;color:var(--color-text-dark);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .25s ease,border-color .25s ease,background-color .25s ease;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;position:relative}.sort-filter-wrapper.tab-control .tab-control-button:hover{color:var(--color-secondary)}.sort-filter-wrapper.tab-control .tab-control-button.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary);font-weight:600;animation:sortTabFadeIn .4s ease}@keyframes sortTabFadeIn{0%{border-bottom-color:transparent;opacity:.6}to{border-bottom-color:var(--color-secondary);opacity:1}}@media (max-width: 768px){.sort-filter-wrapper{gap:8px;flex-direction:column;align-items:flex-start;width:100%}.sort-filter-wrapper .sort-filter-label{font-size:13px}.sort-filter-wrapper .sort-filter-select{font-size:13px;padding:6px 28px 6px 10px}.sort-filter-wrapper.segment-control .segment-control-buttons{width:100%;display:flex}.sort-filter-wrapper.segment-control .segment-control-button{flex:1;font-size:.857rem;padding:7px 8px;min-width:0}.sort-filter-wrapper.tab-control .tab-control-buttons{width:100%;display:flex}.sort-filter-wrapper.tab-control .tab-control-button{flex:1;font-size:.857rem;padding:8px;min-width:0}}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--color-bg-page);border-bottom:1px solid var(--color-border);position:relative;transition:background var(--transition-fast)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-gray-50)}.notification-item.unread{border-left:3px solid var(--color-secondary);padding-left:9px}.notification-item.unread .notification-icon i{color:var(--color-secondary)}.notification-item .notification-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);border-radius:50%;flex-shrink:0}.notification-item .notification-icon i{font-size:14px;color:var(--color-text-gray)}.notification-item .notification-content{flex:1;min-width:0;padding-right:24px}.notification-item .notification-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.notification-item .notification-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.notification-item .notification-time{font-size:var(--font-size-xs);color:var(--color-text-gray);flex-shrink:0}.notification-item .notification-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4;margin:0}.notification-item .notification-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-secondary);text-decoration:none;margin-top:4px;cursor:pointer}.notification-item .notification-link:hover{text-decoration:underline}.notification-item .notification-link:visited{color:var(--color-secondary)}.notification-item .notification-link i{font-size:.75rem}.notification-item .notification-mark-read{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-gray);transition:color var(--transition-fast)}.notification-item .notification-mark-read:hover{color:var(--color-secondary)}.notification-item .notification-mark-read i{font-size:.857rem}.notification-item .notification-status-icon{position:absolute;bottom:8px;right:10px;font-size:14px;pointer-events:none}.notification-item .notification-status-icon i{transition:color var(--transition-fast)}.notification-item.unread .notification-status-icon i{color:var(--color-secondary)}.notification-item:not(.unread) .notification-status-icon i{color:var(--color-text-gray);opacity:.6}.badge,.status-badge{display:inline-flex;align-items:center;padding:4px 8px;font-size:.857rem;font-weight:500;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-sm);transition:all .3s ease}.badge--sm{padding:2px 6px;font-size:.857rem}.badge--lg{padding:6px 12px;font-size:14px}.badge--rounded{border-radius:var(--border-radius-pill)}.badge--default{color:var(--color-primary);background-color:var(--color-gray-250)}.badge--primary,.badge-primary{color:var(--color-white);background-color:var(--color-primary)}.badge--secondary,.badge-secondary,.badge--status-suspended{color:var(--color-white);background-color:var(--color-secondary)}.badge--success,.badge-success,.badge--status-approved,.status-badge.status-approved,.badge--status-active,.status-badge.status-active,.badge--status-resolved,.badge--status-public{color:var(--color-white);background-color:var(--color-success-main)}.badge--warning,.badge-warning,.badge--status-pending,.status-badge.status-pending{color:var(--color-gray-900);background-color:var(--color-warning-main)}.badge--danger,.badge-danger,.badge--status-rejected,.status-badge.status-rejected,.badge--status-inactive,.status-badge.status-inactive,.badge--status-closed,.badge--status-private{color:var(--color-white);background-color:var(--color-danger-main)}.badge--info,.status-badge.status-info,.badge-info,.badge--status-reviewed,.badge--status-draft{color:var(--color-white);background-color:var(--color-info-main)}.badge--light,.badge-light{color:var(--color-gray-900);background-color:var(--color-gray-100)}.badge--dark,.badge-dark{color:var(--color-white);background-color:var(--color-gray-800)}.badge .icon,.status-badge .icon{margin-right:4px;font-size:.9em}.badge--count{min-width:20px;height:20px;padding:0 6px;font-size:.857rem;line-height:20px;border-radius:10px}.badge.badge-link,.badge-link.status-badge{text-decoration:none}.badge.badge-link:hover,.badge-link.status-badge:hover{filter:brightness(.9);transform:translateY(-1px)}.badge--payment,.badge-payment{padding:4px 10px;background:var(--badge-blue-bg);color:var(--badge-blue-text);border:1px solid var(--color-info-border)}.badge--feature,.badge-feature{padding:4px 10px;background:var(--badge-purple-bg);color:var(--badge-purple-text);border:1px solid var(--color-border)}.badge--adoption,.badge-adoption{padding:4px 10px;background:var(--org-adoption-bg);color:var(--org-adoption-text);border:1px solid var(--org-adoption-border)}.floating-review-button{display:none;position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background-color:var(--color-accent-gold)!important;color:var(--color-white)!important;border:none;box-shadow:0 4px 12px #00000026!important;cursor:pointer;z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.floating-review-button i{font-size:24px;color:var(--color-white)}.floating-review-button:hover{background-color:#7a6850!important;transform:scale(1.1);box-shadow:0 6px 16px #0003!important}.floating-review-button:active{transform:scale(.95)}.floating-review-button:focus{outline:none;box-shadow:0 0 0 3px #6b7f954d,0 4px 12px #00000026!important}@media (max-width: 768px){.floating-review-button.show-mobile{display:flex}}@media (min-width: 769px){.floating-review-button{display:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-review-button.animate-in{animation:fadeInUp .3s ease-out}.cafe-partners-page .floating-review-button,.cafe-owner-inquiry-page .floating-review-button{display:none!important}.floating-page-nav{position:fixed;bottom:100px;right:40px;z-index:999;display:flex;flex-direction:column;gap:2px;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .4s ease,visibility .4s ease,transform .4s ease}.floating-page-nav.hidden{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}.floating-page-nav__link{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--color-secondary);background:transparent;text-decoration:none;white-space:nowrap;border-radius:8px;transition:background var(--transition-fast)}.floating-page-nav__link:hover{background:#3d506b0f}.floating-page-nav__link i{font-size:13px;width:16px;text-align:center;color:var(--color-secondary)}html[data-theme=dark] .floating-page-nav__link{color:var(--color-gray-550)}html[data-theme=dark] .floating-page-nav__link:hover{background:#ffffff0d}html[data-theme=dark] .floating-page-nav__link i{color:var(--color-gray-500)}@media (max-width: 768px){.floating-page-nav{bottom:62px;right:50%;transform:translate(50%);flex-direction:row;gap:0;background:var(--color-primary);border-radius:50px;padding:3px;box-shadow:0 2px 12px #00000026}.floating-page-nav__link{padding:8px 12px;font-size:11px;font-weight:600;color:#ffffffb3;border-radius:50px;gap:4px}.floating-page-nav__link:hover,.floating-page-nav__link:active{background:#ffffff26;color:#fff}.floating-page-nav__link i{font-size:12px;color:inherit;width:auto}.floating-page-nav__link span{display:inline}}@media (max-width: 480px){.floating-page-nav__link{padding:8px 10px}.floating-page-nav__link span{display:none}.floating-page-nav__link i{font-size:15px}}.column-detail .column-body strong,.column-detail .column-body b{font-weight:700;color:var(--color-text-primary)}.column-detail .column-body u{text-decoration:underline}.column-detail .column-body s,.column-detail .column-body del{text-decoration:line-through;color:var(--color-text-muted)}.column-detail .column-body small{font-size:.85em;color:var(--color-text-muted)}.column-detail .column-body mark{padding:.1em .25em;border-radius:4px;color:inherit;background-color:var(--marker-yellow)}.column-detail .column-body mark.mark-yellow{background-color:var(--marker-yellow)}.column-detail .column-body mark.mark-pink{background-color:var(--marker-pink)}.column-detail .column-body mark.mark-green{background-color:var(--marker-green)}.column-detail .column-body mark.mark-blue{background-color:var(--marker-blue)}.column-detail .column-body mark.mark-orange{background-color:var(--marker-orange)}.column-detail .column-body span[style*=font-size]{line-height:1.6}.column-detail .column-body .column-image-large{display:block;max-width:70%;width:70%;height:auto;margin:1.5rem auto;border-radius:10px}@media (max-width: 767px){.column-detail .column-body .column-image-large{max-width:90%;width:90%}}.column-detail .column-body .column-image-medium{display:block;max-width:50%;width:50%;height:auto;margin:1.5rem auto;border-radius:10px}@media (max-width: 767px){.column-detail .column-body .column-image-medium{max-width:70%;width:70%}}.column-detail .column-body .column-image-small{display:block;max-width:35%;width:35%;height:auto;margin:1.5rem auto;border-radius:10px}@media (max-width: 767px){.column-detail .column-body .column-image-small{max-width:50%;width:50%}}.column-detail .column-body .column-image-medium-with-note{display:flex;align-items:center;gap:1.5rem;margin:1.5rem 0}.column-detail .column-body .column-image-medium-with-note img{flex:0 0 50%;max-width:50%;height:auto;border-radius:10px;margin:0}.column-detail .column-body .column-image-medium-with-note .column-image-note{flex:1;background:var(--color-gray-50);border-left:3px solid var(--color-secondary);border-radius:0 8px 8px 0;padding:14px 18px;font-size:13px;line-height:1.7;color:var(--color-text-muted)}.column-detail .column-body .column-image-medium-with-note .column-image-note p{margin:.5rem 0}.column-detail .column-body .column-image-medium-with-note .column-image-note p:first-child{margin-top:0}.column-detail .column-body .column-image-medium-with-note .column-image-note p:last-child{margin-bottom:0}@media (max-width: 767px){.column-detail .column-body .column-image-medium-with-note{flex-direction:column;gap:1rem}.column-detail .column-body .column-image-medium-with-note img{flex:0 0 auto;max-width:100%;width:100%}}.column-detail .column-body .column-image-small-with-note{display:flex;align-items:center;gap:1.5rem;margin:1.5rem 0}.column-detail .column-body .column-image-small-with-note img{flex:0 0 35%;max-width:35%;height:auto;border-radius:10px;margin:0}.column-detail .column-body .column-image-small-with-note .column-image-note{flex:1;background:var(--color-gray-50);border-left:3px solid var(--color-secondary);border-radius:0 8px 8px 0;padding:14px 18px;font-size:13px;line-height:1.7;color:var(--color-text-muted)}.column-detail .column-body .column-image-small-with-note .column-image-note p{margin:.5rem 0}.column-detail .column-body .column-image-small-with-note .column-image-note p:first-child{margin-top:0}.column-detail .column-body .column-image-small-with-note .column-image-note p:last-child{margin-bottom:0}@media (max-width: 767px){.column-detail .column-body .column-image-small-with-note{flex-direction:column;gap:1rem}.column-detail .column-body .column-image-small-with-note img{flex:0 0 auto;max-width:100%;width:100%}}.column-detail .column-body .column-note{position:relative;margin:16px 0;padding:14px 18px 14px 40px;background:var(--color-primary-pale);border:none;border-radius:8px;font-size:13px;line-height:1.7;color:var(--color-text-muted)}.column-detail .column-body .column-note:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:14px;top:15px;font-size:14px;color:var(--color-accent-gold)}.column-detail .column-body .column-note p{margin:.4rem 0}.column-detail .column-body .column-note p:first-child{margin-top:0}.column-detail .column-body .column-note p:last-child{margin-bottom:0}.column-detail .column-body .column-toc{margin:20px 0;padding:1.25rem 1.5rem;background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:12px}.column-detail .column-body .column-toc .toc-title{font-size:1.14rem;font-weight:700;color:var(--color-secondary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-secondary);display:flex;align-items:center}.column-detail .column-body .column-toc .toc-title:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:.5rem;font-size:1rem}.column-detail .column-body .column-toc .toc-list{list-style:none;counter-reset:toc-counter;padding-left:0;margin:0}.column-detail .column-body .column-toc .toc-list>li{counter-increment:toc-counter;margin:.6rem 0;position:relative}.column-detail .column-body .column-toc .toc-list>li:before{content:counter(toc-counter) ". ";font-weight:600;color:var(--color-secondary);margin-right:.5rem}.column-detail .column-body .column-toc .toc-list>li>a{color:var(--color-primary);text-decoration:none;font-weight:500;font-size:14px;line-height:1.6;transition:color .2s;background-color:transparent;padding:0;border-radius:0;border-bottom:none}.column-detail .column-body .column-toc .toc-list>li>a:hover{color:var(--color-secondary);text-decoration:underline}.column-detail .column-body .column-toc .toc-sublist{list-style:none;counter-reset:toc-subcounter;padding-left:1.5rem;margin:.4rem 0 0}.column-detail .column-body .column-toc .toc-sublist li{counter-increment:toc-subcounter;margin:.4rem 0;position:relative}.column-detail .column-body .column-toc .toc-sublist li:before{content:counter(toc-counter) "." counter(toc-subcounter) " ";font-weight:500;color:var(--color-secondary-light);margin-right:.5rem;font-size:13px}.column-detail .column-body .column-toc .toc-sublist li a{color:var(--color-text-muted);text-decoration:none;font-weight:400;font-size:13px;line-height:1.6;transition:color .2s;background-color:transparent;padding:0;border-radius:0;border-bottom:none}.column-detail .column-body .column-toc .toc-sublist li a:hover{color:var(--color-secondary);text-decoration:underline}@media (max-width: 767px){.column-detail .column-body .column-toc{padding:1rem 1.25rem}.column-detail .column-body .column-toc .toc-title{font-size:1.07rem}.column-detail .column-body .column-toc .toc-sublist{padding-left:1rem}}.cat-card-wrapper{position:relative;display:block;width:100%}.cat-card{background:var(--color-bg-page);border:none;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;height:100%;position:relative}@media (min-width: 768px){.cat-card{border-radius:12px}}.cat-card:hover .cat-card-image:after{opacity:1}.cat-card:hover .cat-card-img{opacity:.92}.cat-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1;overflow:hidden}.cat-card-image{position:relative;width:100%;padding-bottom:100%;overflow:hidden;flex-shrink:0;background:var(--color-gray-100);border-radius:10px}@media (min-width: 768px){.cat-card-image{border-radius:12px}}.cat-card-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3;border-radius:inherit}.cat-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);color:#ffffffe6;font-size:50px}.cat-card-placeholder i{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.cat-card-placeholder.hidden{display:none}@media (max-width: 767px){.cat-card-placeholder{font-size:40px}}.cat-card-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 10%;object-position:center 10%;transition:opacity var(--transition-base)}.cat-card-content{padding:12px;flex-shrink:0;text-align:center;margin-top:6px}.cat-card-name{font-size:14px;font-weight:600;margin-bottom:0;color:var(--color-text-primary);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cat-card-meta{font-size:13px;color:var(--color-text-muted);margin:4px 0 0;line-height:1.4}.cat-catchphrase{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;font-style:normal!important;font-size:13px}.cat-card-flag{position:absolute;top:8px;left:0;width:40px;height:24px;z-index:2}.cat-card-flag img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left}@media (max-width: 767px){.cat-card-flag{width:32px;height:20px;top:6px}}.public-cat-card-wrapper{position:relative;display:block;width:100%}.public-cat-card{background:var(--color-bg-page);border:1.5px solid var(--color-gray-300);border-radius:4px;overflow:hidden;transition:all .3s ease;width:100%;height:auto;display:flex;flex-direction:column;position:relative}.public-cat-card-link{display:flex;flex-direction:column;flex:1;overflow:hidden}.public-cat-card-image{position:relative;width:100%;flex-shrink:0;background:var(--color-gray-100)}.public-cat-card-image:before{content:"";display:block;padding-top:100%}.public-cat-card-image-inner{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.public-cat-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.public-cat-card-no-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.public-cat-card-no-image i{font-size:48px}.public-cat-badge-featured{position:absolute;top:8px;left:8px;background:var(--color-accent-gold);color:#fff;padding:4px 8px;border-radius:2px;font-size:.75rem;font-weight:600;line-height:1.4;display:flex;align-items:center;gap:3px;box-shadow:0 1px 3px #0003;z-index:1}.public-cat-card-content{padding:12px;flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.public-cat-card-name{font-size:14px;font-weight:600;margin-bottom:2px;color:var(--color-gray-800);line-height:1.3;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.public-cat-card-info{font-size:.857rem;font-weight:400;color:var(--color-text-muted);white-space:nowrap}.public-cat-card-info.gender-male .fa-mars{color:#4a90e2;margin-right:2px}.public-cat-card-info.gender-female .fa-venus{color:#e91e63;margin-right:2px}.public-cat-card-info.gender-unknown .fa-question{color:var(--color-text-muted);margin-right:2px}.public-cat-card-breed{font-size:.857rem;color:var(--color-text-muted);margin-bottom:6px;min-height:16px;line-height:1.3}.public-cat-favorite-button{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border:none;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;z-index:2}.public-cat-favorite-button:hover{background:var(--color-bg-page);transform:scale(1.1);box-shadow:0 2px 8px #00000026}.public-cat-favorite-button i{font-size:16px;color:#ff6b6b;transition:all .2s ease}.public-cat-favorite-button.active i{color:#ff6b6b}.public-cat-favorite-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.public-cat-card-name{font-size:15px}.public-cat-card-info,.public-cat-card-breed{font-size:.857rem}.public-cat-favorite-button{width:30px;height:30px}.public-cat-favorite-button i{font-size:14px}}.editor-cafe-cats .cat-card-wrapper{position:relative;display:block;width:100%}.editor-cafe-cats .cat-card{background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:2px;overflow:hidden;cursor:pointer;transition:all .2s ease;width:100%;height:auto;display:flex;flex-direction:column;position:relative}.editor-cafe-cats .cat-card:hover{border-color:var(--color-secondary);box-shadow:0 2px 4px #00000014}.editor-cafe-cats .cat-card:hover .cat-card-image:after,.editor-cafe-cats .cat-card:hover .cat-card-image:before{opacity:0!important}.editor-cafe-cats .cat-card-link{display:flex;flex-direction:column;flex:1;overflow:hidden}.editor-cafe-cats .cat-card-image{position:relative;width:100%;flex-shrink:0;background:var(--color-gray-100);padding-bottom:0;overflow:hidden}.editor-cafe-cats .cat-card-image:before{content:"";display:block;padding-top:100%}.editor-cafe-cats .cat-card-image-inner{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.editor-cafe-cats .cat-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.editor-cafe-cats .cat-card-no-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-350)}.editor-cafe-cats .cat-card-no-image i{font-size:36px}.editor-cafe-cats .cat-badge-featured{position:absolute;top:0;left:10px;background:var(--color-accent-gold);color:#fff;padding:6px 6px 10px;font-size:.75rem;font-weight:600;line-height:1.2;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 8px),0 100%);border-radius:0;box-shadow:none}.editor-cafe-cats .cat-badge-featured i{font-size:.857rem}.editor-cafe-cats .cat-badge-featured span{font-size:9px;letter-spacing:.5px}.editor-cafe-cats .cat-card-content{padding:10px 10px 6px;flex:1;display:flex;flex-direction:column;gap:6px;min-height:0}.editor-cafe-cats .cat-card-name{font-size:13px;font-weight:600;margin:0;color:var(--color-text-primary);line-height:1.3;height:auto;display:block;overflow:visible}.editor-cafe-cats .cat-card-kana{font-size:.75rem;font-weight:400;color:var(--color-text-muted);margin-left:6px}.editor-cafe-cats .cat-card-info{font-size:.75rem;font-weight:400;color:var(--color-text-muted);display:block;margin-top:4px}.editor-cafe-cats .cat-card-info .fa-mars{color:#5a96b0}.editor-cafe-cats .cat-card-info .fa-venus{color:#b88899}.editor-cafe-cats .cat-card-breed{font-size:.75rem;color:var(--color-text-muted);margin:0;line-height:1.4}.editor-cafe-cats .cat-card-footer{display:flex;justify-content:space-between;align-items:center;padding:0 10px 8px;gap:8px;flex-shrink:0}.editor-cafe-cats .cat-card-status{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.editor-cafe-cats .status-badge,.editor-cafe-cats .visibility-badge{padding:2px 8px;border-radius:2px;font-size:.75rem;font-weight:600;line-height:1.4;border:none}.editor-cafe-cats .status-badge--active{background:var(--badge-blue-bg);color:var(--badge-blue-text)}.editor-cafe-cats .status-badge--retired{background:var(--badge-gray-bg);color:var(--badge-gray-text)}.editor-cafe-cats .status-badge--adopted{background:var(--badge-amber-bg);color:var(--badge-amber-text)}.editor-cafe-cats .status-badge--passed{background:var(--badge-purple-bg);color:var(--badge-purple-text)}.editor-cafe-cats .status-badge--other{background:var(--badge-muted-bg);color:var(--badge-muted-text)}.editor-cafe-cats .visibility-badge.visible{background:var(--badge-green-bg);color:var(--badge-green-text)}.editor-cafe-cats .visibility-badge.hidden{background:var(--badge-muted-bg);color:var(--badge-muted-text)}.editor-cafe-cats .cat-card-actions{display:flex;gap:4px;align-items:center}.editor-cafe-cats .action-btn{padding:6px 8px;background:transparent;border:none;color:var(--color-text-gray);cursor:pointer;border-radius:4px;font-size:14px;transition:all .15s;display:flex;align-items:center;justify-content:center}.editor-cafe-cats .action-btn:hover{background:rgba(var(--color-action-hover-bg-rgb),.08)}.editor-cafe-cats .action-edit:hover{color:var(--color-edit-soft);background:rgba(var(--color-edit-soft-rgb),.1)}.editor-cafe-cats .action-btn i{font-size:14px}.editor-cafe-cats .action-delete:hover{color:var(--color-danger-soft);background:rgba(var(--color-danger-soft-rgb),.1)}@media (max-width: 768px){.editor-cafe-cats .cat-card-content{padding:8px 8px 5px;gap:5px}.editor-cafe-cats .cat-card-name{font-size:.857rem}.editor-cafe-cats .cat-card-kana,.editor-cafe-cats .cat-card-info,.editor-cafe-cats .cat-card-breed{font-size:9px}.editor-cafe-cats .cat-card-footer{padding:0 8px 6px}.editor-cafe-cats .status-badge,.editor-cafe-cats .visibility-badge{font-size:9px;padding:2px 6px}.editor-cafe-cats .cat-card-status{gap:3px}}@media (max-width: 640px){.editor-cafe-cats .cat-card-footer{padding:0 8px 6px;gap:6px}.editor-cafe-cats .cat-card-actions{gap:4px}.editor-cafe-cats .action-btn{padding:6px}.editor-cafe-cats .action-btn i{font-size:13px}}.feature-theme-card{display:flex;flex-direction:column;text-decoration:none}.feature-theme-card:hover .feature-theme-card-image:after{opacity:1}.feature-theme-card:hover .feature-theme-card-image img{opacity:.92}.feature-theme-card-image{position:relative;width:100%;padding-bottom:66.67%;overflow:hidden;border-radius:10px;background:var(--color-gray-100)}@media (min-width: 768px){.feature-theme-card-image{border-radius:12px}}.feature-theme-card-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3;border-radius:inherit}.feature-theme-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%}.feature-theme-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);color:var(--color-border-lighter);font-size:32px}.feature-theme-card-placeholder.hidden{display:none}.feature-theme-card-body{padding:10px 4px 0;text-align:center}.feature-theme-card-title{font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.4}.feature-theme-card-count{font-size:13px;color:var(--color-text-muted);margin-top:2px}.public-cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:1.5rem}@media (max-width: 992px){.public-cats-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width: 768px){.public-cats-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.cat-support-intro{margin:1rem 0 1.5rem;padding:.75rem 1rem;background:var(--color-gray-100);border-left:3px solid var(--color-secondary);border-radius:var(--border-radius-base)}.cat-support-intro p{margin:0;color:var(--color-text-dark);font-size:14px;line-height:1.5}.cat-support-plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:1.5rem}@media (max-width: 992px){.cat-support-plans-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width: 768px){.cat-support-plans-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.cat-support-plan-wrapper{position:relative;display:block;width:100%}.cat-support-plan-card{background:var(--color-bg-page);border:1.5px solid var(--color-border-lighter);border-radius:8px;overflow:hidden;transition:all .3s ease;width:100%;height:auto;display:flex;flex-direction:column;position:relative}.cat-support-plan-card-link{display:flex;flex-direction:column;flex:1;padding:1rem}.cat-support-plan-icon{width:60px;height:60px;border-radius:50%;overflow:hidden;margin:0 auto .75rem;border:2px solid var(--color-gray-300);background:var(--color-gray-100);flex-shrink:0}.cat-support-plan-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cat-support-plan-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-border-lighter)}.cat-support-plan-content{text-align:center;flex:1;display:flex;flex-direction:column}.cat-support-plan-cat-name{font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:2px;line-height:1.3}@media (max-width: 768px){.cat-support-plan-cat-name{font-size:15px}}.cat-support-plan-name{font-size:.857rem;color:var(--color-text-dark);margin-bottom:6px;min-height:16px;line-height:1.3}@media (max-width: 768px){.cat-support-plan-name{font-size:.857rem}}.cat-support-plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.cat-support-plan-price .price-amount{font-size:20px;font-weight:700;color:var(--color-secondary)}.cat-support-plan-price .price-unit{font-size:.857rem;color:var(--color-text-dark)}@media (max-width: 768px){.cat-support-plan-price .price-unit{font-size:.857rem}}.cat-support-plan-actions{padding:12px;border-top:1px solid var(--color-gray-200)}.btn-cat-support{width:100%;padding:.6rem 1rem;font-size:13px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-cat-support--subscribe{background-color:var(--color-accent-favorite);color:var(--color-white)}.btn-cat-support--subscribe:hover{background-color:var(--color-accent-favorite-dark)}.btn-cat-support--subscribed{background:var(--color-gray-600);color:var(--color-white);cursor:pointer;opacity:.9}.btn-cat-support--subscribed:hover{opacity:1}.btn-cat-support--login{background:var(--color-bg-page);color:var(--color-secondary);border:2px solid var(--color-secondary)}.btn-cat-support--login:hover{background:var(--color-secondary);color:var(--color-white)}.support-modal-container{top:10vh;transform:translate(-50%);z-index:100011;height:85vh;min-height:85vh;max-height:85vh;background:color-mix(in srgb,var(--color-secondary) 7%,var(--color-bg-page))}.support-modal-container.active{transform:translate(-50%)}.support-modal-container .modal-header{display:flex;align-items:center;justify-content:flex-end;padding:12px 20px 0;border-bottom:none;background:transparent}@media (max-width: 767px){.support-modal-container .modal-header{padding:10px 16px 0}}@media (max-width: 480px){.support-modal-container .modal-header{padding:10px 14px 0}}.support-modal-container .modal-title{display:none}.support-modal-container .modal-body{padding:0 18px 14px;max-height:calc(85vh - 50px);overflow-y:auto;scrollbar-gutter:stable}@media (max-width: 576px){.support-modal-container .modal-body{padding:0 14px 12px}}#supportPlanModalOverlay,#supportPlanModal{display:none}#supportPlanModalOverlay{z-index:100010}.support-cat-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px;padding:0 0 16px}.support-cat-info{display:flex;gap:.75rem;margin-bottom:16px;align-items:center}@media (max-width: 576px){.support-cat-info{flex-direction:column;text-align:center}}.support-cat-image-wrapper{width:55px;height:55px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-gray-100);border:2px solid var(--profile-color-3, var(--color-border-lighter-alt))}.support-cat-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.support-cat-header .support-cat-image-wrapper{width:120px;height:120px;margin-bottom:16px;border:3px solid var(--color-secondary)}.support-cat-image-circle{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}#modalCatImage,#modalCatImagePlaceholder{display:none}.support-cat-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--color-border-lighter)}.support-cat-header .support-cat-image-placeholder{font-size:50px}.support-plan-header .support-cat-image-placeholder{font-size:28px}.support-cat-details{flex:1}.support-cat-name{font-size:14px;font-weight:600;color:var(--color-primary, var(--color-primary));margin-bottom:3px;transition:color .2s ease}.support-cat-name[style*="cursor: pointer"]:hover{text-decoration:underline;color:var(--profile-color-1, var(--color-secondary))}.support-cat-header .support-cat-name{font-size:20px;font-weight:700;margin-bottom:8px}.support-plan-name{font-size:.857rem;color:var(--color-text-dark)}.support-cat-cafe-link{margin-top:4px;font-size:13px;color:var(--color-text-dark)}.support-cat-cafe-link a{color:var(--color-secondary);text-decoration:none;transition:color .2s ease}.support-cat-cafe-link a:hover{color:var(--color-secondary-dark);text-decoration:underline}.support-cat-cafe-link i{margin-right:4px}.support-cat-header .support-cat-cafe-link{margin-top:0;font-size:14px}.cat-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}@media (max-width: 576px){.cat-info-grid{grid-template-columns:1fr;gap:6px}}.cat-info-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--color-gray-50);border-radius:var(--border-radius-base);border:1px solid var(--color-gray-300)}.cat-info-item--personality,.cat-info-item--features,.cat-info-item--favorite{grid-column:1/-1}.cat-info-item--personality .cat-info-icon{background:#ff9a9e}.cat-info-item--features .cat-info-icon{background:#fcb69f}.cat-info-item--favorite .cat-info-icon{background:#a1c4fd}.cat-info-icon{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);border-radius:var(--border-radius-base);color:var(--color-white);font-size:14px}.cat-info-content{flex:1;min-width:0}.cat-info-label{font-size:.857rem;font-weight:600;color:var(--color-text-gray);margin-bottom:2px}.cat-info-value{font-size:13px;font-weight:600;color:var(--color-primary, var(--color-primary));line-height:1.4;word-wrap:break-word}.support-hero{text-align:center;padding:0 0 12px;margin-bottom:16px;border-bottom:1px solid var(--color-border-lighter)}.support-hero__image-container{margin-bottom:10px}.support-hero__image{width:120px;height:120px;margin:0 auto;border-radius:14px;overflow:hidden;background:var(--color-gray-100);border:none;box-shadow:0 4px 16px #00000014;position:relative}.support-hero__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}@media (max-width: 576px){.support-hero__image{width:100px;height:100px}}.support-hero__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--color-border-lighter);background:var(--color-gray-100)}.support-hero__cat-name{font-size:18px;font-weight:700;color:var(--color-primary);margin-bottom:2px}.support-hero__cafe{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.support-hero__cafe-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--profile-avatar-color, var(--color-secondary));text-decoration:none;padding:5px 12px 5px 10px;border-radius:50px;background:color-mix(in srgb,var(--profile-avatar-color, var(--color-secondary)) 10%,transparent);transition:background-color .2s}.support-hero__cafe-link:hover{background:color-mix(in srgb,var(--profile-avatar-color, var(--color-secondary)) 18%,transparent);color:var(--profile-avatar-color, var(--color-secondary))}.support-hero__cafe-link:active{opacity:.85}.support-hero__cafe-link i{font-size:10px;margin-right:0;color:inherit}.support-hero__back-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-text-secondary, var(--color-text-primary));border:none;cursor:pointer;padding:5px 12px 5px 10px;border-radius:50px;background:color-mix(in srgb,var(--color-gray-500) 22%,transparent);transition:background-color .2s,color .2s}.support-hero__back-link:hover{background:color-mix(in srgb,var(--color-gray-500) 35%,transparent);color:var(--color-text-dark, var(--color-text-primary))}.support-hero__back-link:active{opacity:.85}.support-hero__back-link i{font-size:10px;color:inherit}.support-plan-title-section{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:0 16px}.support-plan-title-section__icon i{color:var(--profile-accent-color, var(--color-accent-gold));font-size:15px}.support-plan-title-section__name{font-size:16px;font-weight:700;color:var(--profile-avatar-color, var(--color-primary));letter-spacing:.02em}@media (max-width: 576px){.support-plan-title-section__name{font-size:15px}}.support-plan-title-section__badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--color-success-main);border:none;border-radius:50px;font-size:11px;font-weight:700;color:var(--color-white)}.support-plan-title-section__badge i{font-size:.75rem}.support-benefits-card{background:var(--color-bg-page);border:none;border-radius:10px;margin-bottom:16px;padding:4px 16px}.support-benefits-card__header{display:flex;align-items:center;gap:8px;padding:10px 0 0;position:relative}.support-benefits-card__header:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:color-mix(in srgb,var(--color-gray-400) 45%,transparent)}.support-benefits-card__header i{color:var(--color-text-muted);font-size:13px;opacity:.85}.support-benefits-card__header span{font-size:12px;font-weight:600;color:var(--color-text-dark);letter-spacing:.02em}.support-benefits-card__content{padding:20px 0 14px;font-size:13px;line-height:1.6;color:var(--color-text-dark);white-space:pre-wrap}@media (max-width: 576px){.support-benefits-card__content{font-size:.857rem;padding:18px 0 12px}}.support-pricing-card{border:none;border-radius:12px;margin-bottom:14px;background:var(--color-bg-page);padding:4px 16px}.support-pricing-card__main{text-align:center;padding:12px 0 14px;position:relative}.support-pricing-card__main:after{content:"";display:block;height:1px;margin-top:14px;background:color-mix(in srgb,var(--color-gray-400) 45%,transparent)}.support-pricing-card__label{font-size:11px;font-weight:600;color:var(--color-text-muted);margin-bottom:4px;letter-spacing:.04em}.support-pricing-card__amount{font-size:20px;font-weight:800;color:var(--color-accent-gold);letter-spacing:-.01em;font-variant-numeric:tabular-nums}@media (max-width: 576px){.support-pricing-card__amount{font-size:18px}}.support-pricing-card__balance{padding:6px 0 12px;background:transparent}.support-pricing-card__row{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.support-pricing-card__row:first-child{border-bottom:none;padding-bottom:5px;margin-bottom:0}.support-pricing-card__row--highlight .support-pricing-card__balance-label{font-weight:600;color:var(--profile-header-color, var(--color-primary))}.support-pricing-card__row--highlight .support-pricing-card__balance-value{font-weight:700;color:var(--profile-header-color, var(--color-primary))}.support-pricing-card__balance-label{font-size:12px;color:var(--color-text-muted)}.support-pricing-card__balance-value{font-size:13px;font-weight:600;color:var(--color-text-dark);font-variant-numeric:tabular-nums}.support-notice-compact{border:1px solid color-mix(in srgb,var(--color-gray-400) 45%,transparent);border-radius:10px;margin-bottom:14px;overflow:hidden;background:transparent}.support-notice-compact__toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;cursor:pointer;min-height:44px}.support-notice-compact__toggle>i:first-child{color:var(--color-text-muted);font-size:13px}.support-notice-compact__toggle>span{flex:1;font-size:12px;font-weight:600;color:var(--color-text-dark);letter-spacing:.02em}.support-notice-compact__arrow{color:var(--color-text-muted);font-size:.75rem;transition:transform .2s}.support-notice-compact.is-open .support-notice-compact__arrow{transform:rotate(180deg)}.support-notice-compact__content{max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;padding:0 14px;background:transparent;border-top:1px solid color-mix(in srgb,var(--color-gray-400) 30%,transparent)}.support-notice-compact__content ul{margin:0;padding-left:18px;list-style:disc}.support-notice-compact__content ul li{font-size:12px;color:var(--color-text-secondary);margin-bottom:4px;line-height:1.6}.support-notice-compact__content ul li:last-child{margin-bottom:0}.support-notice-compact.is-open .support-notice-compact__content{max-height:240px;padding:10px 14px}.support-modal-footer--hero{margin-top:12px;padding-top:14px}.btn-support-primary{background:var(--color-secondary);color:var(--color-white);border:none}.btn-support-primary:hover{opacity:.85}.btn-support-primary:disabled{opacity:.6;cursor:not-allowed}.support-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-gray-300)}.support-plan-header__cat{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.support-plan-header__info{flex:1;min-width:0}.support-plan-header__cat-name{font-size:16px;font-weight:700;color:var(--color-primary, var(--color-primary));margin-bottom:4px}.support-plan-header__cafe{font-size:.857rem;color:var(--color-text-dark)}.support-plan-header__cafe i{margin-right:4px}.support-plan-header__status{padding:6px 12px;border-radius:var(--border-radius-base);font-size:.857rem;font-weight:600;white-space:nowrap}.support-plan-header__status i{margin-right:4px}.support-plan-header__status--active{background:var(--color-success-bg);color:var(--color-success-text)}.support-plan-header__status--on_hold{background:var(--badge-amber-bg);color:var(--badge-amber-text)}.support-plan-header__status--cancelled{background:var(--color-gray-50);color:var(--color-text-gray)}.support-plan-title{font-size:15px;font-weight:600;color:var(--color-accent-favorite);margin-bottom:12px}.support-plan-title i{margin-right:6px;color:var(--color-accent-favorite)}.support-plan-description{margin:2px 0 16px;padding:0 16px;display:none}.support-plan-description__header{display:none}.support-plan-description .description-content{padding:0;font-size:13px;line-height:1.65;color:var(--color-text-secondary);white-space:pre-wrap}.support-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}@media (max-width: 576px){.support-info-grid{grid-template-columns:1fr;gap:6px}}.support-info-card{background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-base);padding:12px;text-align:center}.support-info-card--highlight{background:var(--color-accent-favorite-bg);border-color:var(--color-accent-favorite-soft)}.support-info-card__label{font-size:.857rem;font-weight:600;color:var(--color-text-gray);margin-bottom:6px}.support-info-card__value{font-size:14px;font-weight:600;color:var(--color-primary, var(--color-primary))}.support-info-card__value--amount{font-size:16px;color:var(--color-accent-favorite)}.support-pricing-box{background:var(--profile-color-4, var(--color-gray-100));border-radius:var(--border-radius-base);padding:12px;margin-bottom:16px;border:1px solid var(--profile-color-3, var(--color-border-lighter-alt))}.pricing-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.pricing-row:not(:last-child){border-bottom:1px solid var(--profile-color-3, var(--color-border-lighter-alt))}.pricing-row--highlight{font-weight:600;color:var(--color-secondary)}.pricing-row--highlight .pricing-value{font-size:15px;color:var(--color-secondary)}.pricing-label{font-size:13px;color:var(--color-text-dark)}.pricing-value{font-size:13px;font-weight:600;color:var(--color-primary, var(--color-primary))}.support-notice{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--border-radius-base);padding:12px;margin-bottom:14px}.support-notice--gray{background:var(--color-gray-100);border-color:var(--color-gray-350)}.support-history-box{background:transparent;border:1px solid color-mix(in srgb,var(--color-gray-400) 45%,transparent);border-radius:10px;padding:10px 14px 8px;margin-bottom:12px;position:relative}.support-history-box .notice-title{color:var(--color-text-secondary);font-weight:600;font-size:12px;margin-bottom:6px;letter-spacing:.02em}.support-history-box .notice-title i{color:var(--color-text-secondary);font-size:11px;opacity:.75}.support-history-list{display:flex;flex-direction:column;margin-top:4px}.support-history-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 0;font-size:12px;line-height:1.4}.support-history-item:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,color-mix(in srgb,var(--profile-avatar-color) 12%,transparent),color-mix(in srgb,var(--profile-avatar-color) 3%,transparent))}.support-history-item:first-child{padding-top:4px}.support-history-item:last-child{padding-bottom:4px}.support-history-item__date{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500;flex-shrink:0}.support-history-item__type{color:var(--color-text-dark);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.support-history-item__type:before{content:"·";margin:0 8px 0 0;color:color-mix(in srgb,var(--profile-avatar-color) 25%,transparent);font-weight:700}.support-history-item__amount{color:color-mix(in srgb,var(--profile-avatar-color) 85%,var(--color-text-secondary));font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em;flex-shrink:0}.support-history-view-all{display:flex;justify-content:flex-end;margin-top:4px}.support-history-view-all__link{display:inline-flex;align-items:center;gap:5px;color:var(--color-text-secondary);font-size:12px;font-weight:500;text-decoration:none;transition:color .15s ease,opacity .15s ease}.support-history-view-all__link i{font-size:10px;color:var(--color-text-secondary);opacity:.75;transition:opacity .15s ease,color .15s ease}.support-history-view-all__link:hover{color:var(--profile-avatar-color, var(--color-secondary))}.support-history-view-all__link:hover span{text-decoration:underline;text-underline-offset:2px}.support-history-view-all__link:hover i{color:inherit;opacity:1}.support-history-view-all__link:active{opacity:.7}.notice-title{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--color-primary, var(--color-primary));margin-bottom:10px}.notice-title i{font-size:13px;color:var(--color-accent-favorite)}.notice-list{margin:0;padding-left:18px;list-style:disc}.notice-list li{font-size:.857rem;color:var(--color-text-dark);margin-bottom:5px;line-height:1.5}.notice-list li:last-child{margin-bottom:0}.notice-content{margin-top:8px;color:var(--color-primary);font-size:.857rem;line-height:1.6;white-space:pre-wrap}.support-subscribed-message{background:var(--color-accent-favorite-bg);color:var(--color-accent-favorite-dark);border:1px solid var(--color-accent-favorite-pale-alt);border-radius:var(--border-radius-base);padding:10px 14px;font-size:13px;margin-top:14px;display:none;align-items:center;gap:6px}.support-subscribed-message i{font-size:14px;color:var(--color-accent-favorite)}.support-error-message{background:var(--color-gray-100);color:var(--color-danger-main);border:none;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.5;margin:0;display:none;text-align:center}.support-error-message i{margin-right:4px}.support-modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.support-modal-footer .btn{padding:10px 20px;font-size:13px;font-weight:600;border-radius:var(--border-radius-base);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;display:flex;align-items:center;justify-content:center;gap:5px;border:none;flex:1}@media (max-width: 576px){.support-modal-footer .btn{padding:10px 12px;font-size:.857rem}}.support-modal-footer .btn-secondary{background:var(--profile-color-4, var(--color-gray-200));color:var(--color-text-dark);border:1px solid var(--profile-color-3, var(--color-border-lighter-alt))}.support-modal-footer .btn-secondary:hover{background:var(--profile-color-3, var(--color-border-lighter-alt));color:var(--color-primary)}.support-modal-footer .btn-primary{background-color:var(--color-secondary);color:var(--color-white)}.support-modal-footer .btn-primary:hover{background-color:var(--color-secondary-dark)}.support-modal-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}.support-modal-footer .btn-danger{background-color:var(--color-danger-main);color:var(--color-white)}.support-modal-footer .btn-danger:hover{background-color:var(--color-danger-soft-hover)}.support-modal-footer .btn-danger:disabled{opacity:.6;cursor:not-allowed}.support-success-container{text-align:center;padding:40px 20px 32px;animation:catModalSlideInRight .3s ease}.support-success-container .btn-block{width:100%;max-width:280px;margin:0 auto;padding:12px 32px;font-size:14px;font-weight:600;background:var(--color-secondary);color:var(--color-white);border:none;border-radius:50px;cursor:pointer;transition:opacity .2s}.support-success-container .btn-block:hover{opacity:.85}.support-success-icon{margin:0 auto 20px}.support-success-icon i{font-size:48px;color:var(--color-accent-gold);animation:successHeartBeat 1.2s ease-in-out infinite}.support-success-title{font-size:20px;font-weight:700;color:var(--color-primary);margin-bottom:12px}.support-success-message{font-size:13px;color:var(--color-text-muted);line-height:1.6;margin-bottom:28px}.withdrawal-balance-box{display:flex;justify-content:space-between;align-items:center}.withdrawal-balance-box .balance-main .balance-label{font-weight:600}.withdrawal-balance-box .balance-main .balance-value{font-size:1.25rem;font-weight:700}.withdrawal-balance-box .balance-sub{text-align:right;color:var(--color-gray-600)}.nc-input-group{display:flex;gap:8px}.nc-input-group .nc-input{flex:1}.nc-input-group .nc-unit{display:flex;align-items:center;padding:0 12px;background:var(--color-gray-250);border:1px solid var(--color-gray-400);border-radius:8px}.form-error-text{color:var(--color-danger-main);font-size:.875rem;margin-top:4px;display:none}.form-help-text{display:block;margin-top:4px;color:var(--color-gray-600)}.calculation-result-box{display:none;background:var(--color-gray-100);padding:15px;border-radius:8px;margin-bottom:20px}.calculation-result-box.show{display:block}.calculation-row{display:flex;justify-content:space-between;margin-bottom:8px}.calculation-row:last-child{margin-bottom:0}.calculation-row .calc-label{color:var(--color-gray-600)}.calculation-row .calc-value{font-weight:600}.calculation-row .calc-value--negative{color:var(--color-danger-main)}.calculation-row .calc-value--success{color:var(--color-success-main)}.calculation-row .calc-value--primary{color:var(--color-primary)}.calculation-row .calc-value--large{font-size:1.25rem;font-weight:700}.calculation-divider{margin:12px 0;border:0;border-top:1px solid var(--color-gray-350)}.calculation-total{text-align:right}.bank-account-info-box{border:1px solid var(--color-gray-350);border-radius:8px;margin-bottom:20px;overflow:hidden}.bank-account-info-box .bank-account-header{background:var(--color-gray-100);padding:12px;border-bottom:1px solid var(--color-gray-350);font-weight:600}.bank-account-info-box .bank-account-body{padding:15px}.bank-info-row{display:flex;margin-bottom:8px}.bank-info-row:last-child{margin-bottom:0}.bank-info-row .info-label{width:100px;color:var(--color-gray-600);flex-shrink:0}.bank-info-row .info-value{flex:1}.warning-notice h6{margin:0 0 10px;font-weight:700;font-size:16px}.warning-notice ul{margin:0;padding-left:20px;font-size:.875rem;text-align:left}.success-message{text-align:center;padding:2rem}.success-message i{font-size:3rem;color:var(--color-success-main);margin-bottom:1rem;display:block}.success-message p{font-size:1.1rem;color:var(--color-primary, var(--color-primary));margin:0}.error-message{text-align:center;padding:2rem}.error-message i{font-size:3rem;color:var(--color-danger-main);margin-bottom:1rem;display:block}.error-message p{font-size:1.1rem;color:var(--color-primary, var(--color-primary));margin:0}#withdrawalSuccessMessage.hidden,#withdrawalErrorMessage.hidden{display:none}.report-button-wrapper{text-align:center;margin-top:20px}.report-button-wrapper .btn-wide{min-width:120px}.modal-button-group{display:flex;gap:10px;justify-content:flex-end}@media (max-width: 576px){.modal-button-group{flex-direction:column}}.modal-button-group .btn-danger{background-color:var(--color-danger-main);border-color:var(--color-danger-main);color:var(--color-white);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.modal-button-group .btn-danger:hover{background-color:#bb2d3b;border-color:#b02a37}.cat-support-form-group{margin-bottom:20px}.cat-support-form-group .form-label{display:block;margin-bottom:8px;font-weight:600}.cat-support-form-group .form-label .required-mark{color:red}.current-account-display{background-color:#e2e3e5;color:#383d41;padding:10px;border-radius:8px;margin-bottom:8px}.confirmation-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.confirmation-checkbox input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0}.modal-container--small{max-width:450px}.modal-header--warning{background-color:var(--color-warning-bg);border-bottom:1px solid var(--color-warning-main)}.modal-header--warning .modal-title{color:var(--color-warning-text)}.modal-header--warning .modal-title i{margin-right:8px}.delete-confirm-content{text-align:center;padding:20px 0}.delete-confirm-icon{font-size:48px;color:var(--color-danger-main);margin-bottom:20px}.delete-confirm-message{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--color-primary)}.support-confirmation-message{text-align:center;padding:20px 0;margin-bottom:20px}.support-confirmation-icon{font-size:40px;color:var(--color-accent-gold);margin-bottom:12px}.support-confirmation-icon i{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1.05)}}.support-confirmation-title{font-size:20px;font-weight:700;color:var(--color-primary);margin-bottom:12px}.support-confirmation-text{font-size:14px;color:var(--color-text-dark);line-height:1.6}#supportConfirmationContent .support-confirmation-message{padding:16px 0 0;margin-bottom:0}.support-modal-footer .cancel-subscription-btn{background-color:var(--color-danger-soft);border-color:var(--color-danger-soft);color:var(--color-white)}.support-modal-footer .cancel-subscription-btn:hover:not(:disabled){background-color:var(--color-danger-soft-hover);border-color:var(--color-danger-soft-hover)}#cancelSubscriptionModalOverlay{z-index:100020}#cancelSubscriptionModal{z-index:100021}.cat-integrated-grid{display:grid;grid-template-columns:repeat(3,1fr);row-gap:15px;-moz-column-gap:8px;column-gap:8px;margin-top:1.5rem}@media (max-width: 768px){.cat-integrated-grid{grid-template-columns:repeat(2,1fr)}}.cat-grid-4col{display:grid;grid-template-columns:repeat(4,1fr);row-gap:15px;-moz-column-gap:8px;column-gap:8px;margin-top:1.5rem}@media (max-width: 992px){.cat-grid-4col{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.cat-grid-4col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.cat-grid-4col{grid-template-columns:repeat(2,1fr)}}.cat-integrated-card-wrapper{position:relative;display:flex;width:100%}.cat-grid-item{display:flex}.cat-integrated-card{background:var(--color-bg-page);border:none;border-radius:var(--border-radius-base);overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;position:relative;cursor:pointer}.cat-integrated-card:not(.cat-card-clickable){cursor:default}.cat-integrated-card:not(.cat-card-clickable):active{opacity:1}.cat-integrated-card__image-wrapper{position:relative;width:100%;flex-shrink:0;background:var(--color-gray-100)}.cat-integrated-card__image-wrapper:before{content:"";display:block;padding-top:100%}.cat-integrated-card__image-inner{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:10px}@media (min-width: 768px){.cat-integrated-card__image-inner{border-radius:12px}}.cat-integrated-card__image-inner a{display:block;width:100%;height:100%}.cat-integrated-card__image-inner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:opacity var(--transition-base)}.cat-integrated-card:hover .cat-integrated-card__image-inner img{opacity:.92}.cat-integrated-card:active{opacity:.85}.cat-integrated-card__no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);color:var(--color-border-lighter)}.cat-integrated-card__no-image i{font-size:64px}@media (max-width: 768px){.cat-integrated-card__no-image i{font-size:48px}}.cat-integrated-card__no-image--hidden{display:none}.cat-integrated-card__no-image--broken{color:var(--color-border)}.cat-integrated-card__no-image--broken i{font-size:48px}@media (max-width: 768px){.cat-integrated-card__no-image--broken i{font-size:36px}}.cat-integrated-card__favorite-btn{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:none;outline:none;position:absolute;top:8px;right:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--color-white);cursor:pointer;transition:transform .2s ease;z-index:2}.cat-integrated-card__favorite-btn i{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(0,0,0,.25))}.cat-integrated-card__favorite-btn:hover:not(:disabled){transform:scale(1.1)}.cat-integrated-card__favorite-btn:disabled{opacity:.6;cursor:not-allowed}.cat-integrated-card__favorite-btn:focus{outline:none}.cat-integrated-card__oshi-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:absolute;bottom:8px;right:8px;background:#3d506ba6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50px;padding:5px 12px;cursor:pointer;z-index:2;display:flex;align-items:center;gap:4px;color:var(--color-white);font-size:12px;font-weight:700;transition:background-color .2s ease}.cat-integrated-card__oshi-btn i{font-size:11px}.cat-integrated-card__oshi-btn:hover{background:#3d506bd9}.cat-integrated-card__oshi-btn:focus{outline:none}.cat-integrated-card__badge-featured{position:absolute;top:0;left:10px;background:var(--color-accent-gold);color:var(--color-white);padding:6px 6px 10px;font-size:.75rem;font-weight:600;line-height:1.2;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 8px),0 100%)}.cat-integrated-card__badge-featured i{font-size:.857rem}.cat-integrated-card__badge-featured span{font-size:9px;letter-spacing:.5px}.cat-integrated-card__info{padding:12px;flex-grow:1;text-align:center;margin-top:0}.cat-integrated-card__featured-icon{color:var(--color-accent-gold);font-size:12px;vertical-align:baseline}.cat-integrated-card__name{font-size:14px;font-weight:600;margin-bottom:0;color:var(--color-text-primary);line-height:1.3}.cat-integrated-card__name a{color:var(--color-text-primary);text-decoration:none;transition:color .2s ease}.cat-integrated-card__name a:hover{color:var(--color-secondary)}.cat-integrated-card__name-kana{display:block;font-size:10.5px;font-weight:400;color:var(--color-text-muted);height:14px;line-height:14px;margin-top:2px}.cat-integrated-card__gender{margin-left:3px;font-weight:400}.cat-integrated-card__gender--male{color:var(--color-secondary)}.cat-integrated-card__gender--female{color:var(--color-accent-gold)}.cat-integrated-card__meta{font-size:.857rem;color:var(--color-text-dark);margin-bottom:2px;line-height:1.3}.cat-integrated-card__breed{font-size:13px;color:var(--color-text-muted);margin:4px 0 0;line-height:1.3}.cat-integrated-card__cafe-link{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.857rem;color:var(--color-text-muted);text-decoration:none;margin-top:4px;line-height:1.3;background:#6b7f9514;border-radius:var(--border-radius-base);padding:3px 6px;text-align:center;word-break:break-word}.cat-integrated-card__cafe-link i{font-size:.75rem;flex-shrink:0}.cat-integrated-card__cafe-link:hover{color:var(--color-secondary)}.cat-integrated-card__plans{padding:10px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--color-border-lighter);background:var(--color-gray-50)}.cat-integrated-card__plans--hidden{display:none!important}.cat-integrated-card__plan-btn{width:100%;padding:.6rem 1rem;font-size:13px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;display:flex;align-items:center;justify-content:space-between;gap:.4rem;text-align:left;background-color:var(--color-secondary);color:var(--color-white)}.cat-integrated-card__plan-btn i{flex-shrink:0}.cat-integrated-card__plan-btn:hover:not(:disabled){background-color:var(--color-secondary-dark)}.cat-integrated-card__plan-btn:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.cat-integrated-card__plan-btn:active:not(:disabled){transform:translateY(0)}.cat-integrated-card__plan-btn--subscribed{background:var(--color-gray-600);color:var(--color-white);cursor:pointer;opacity:.9}.cat-integrated-card__plan-btn--subscribed:hover{opacity:1}.cat-integrated-card__plan-btn--subscribed i{color:var(--color-white)}.cat-integrated-card__plan-btn--login{background:var(--color-bg-page);color:var(--color-secondary);border:2px solid var(--color-secondary)}.cat-integrated-card__plan-btn--login:hover{background:var(--color-secondary);color:var(--color-white)}.cat-integrated-card__plan-btn--login i{color:var(--color-secondary)}.cat-integrated-card__plan-btn--login:hover i{color:var(--color-white)}.cat-integrated-card__plan-main{flex-grow:1;min-width:0;display:flex;align-items:center}.cat-integrated-card__plan-header{display:flex;align-items:center;gap:.4rem;min-width:0;flex-grow:1}.cat-integrated-card__plan-name{flex-grow:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 8px 0 0}.cat-integrated-card__plan-desc,.cat-integrated-card__plan-benefits-wrap,.cat-integrated-card__plan-benefits,.cat-integrated-card__plan-more{display:none}.cat-integrated-card__plan-stub{flex-shrink:0}.cat-integrated-card__plan-price{font-weight:600;white-space:nowrap;flex-shrink:0}.cat-integrated-card__show-more-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--color-bg-page);border:1px dashed var(--color-gray-400);border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.857rem;color:var(--color-text-dark);width:100%}.cat-integrated-card__show-more-btn i{margin-right:6px;font-size:.75rem}.cat-integrated-card__show-more-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-600);color:var(--color-primary)}@media (max-width: 768px){.cat-integrated-card__name{font-size:14px}.cat-integrated-card__favorite-btn{width:32px;height:32px;top:6px;right:6px}.cat-integrated-card__favorite-btn i{font-size:16px}.cat-integrated-card__oshi-btn{padding:3px 8px;font-size:.75rem;bottom:6px;right:6px}.cat-integrated-card__oshi-btn i{font-size:.75rem}}.info-box-container{max-width:1200px;margin:30px auto 0;padding:0 20px}@media (min-width: 768px){.info-box-container{padding:0}}.info-box{background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--border-radius-base);padding:14px 16px;display:flex;gap:12px}.info-box.info-box-blue{background:var(--color-gray-100);border-color:var(--color-border)}.info-box.info-box-blue .info-box-icon{color:var(--color-secondary)}.info-box.info-box-blue .info-box-title{color:var(--color-text-darker)}.info-box.info-box-blue .info-box-text{color:var(--color-text-dark)}.info-box.info-box-green{background:var(--color-success-bg);border-color:var(--color-success-border);border-left:none}.info-box.info-box-green .info-box-icon{color:var(--color-success-main)}.info-box.info-box-green .info-box-title,.info-box.info-box-green .info-box-text{color:var(--color-success-text)}.info-box.info-box-yellow{background:var(--color-warning-bg);border-color:var(--color-warning-border);border-left:none}.info-box.info-box-yellow .info-box-icon{color:var(--color-warning-main)}.info-box.info-box-yellow .info-box-title,.info-box.info-box-yellow .info-box-text{color:var(--color-warning-text)}.info-box.info-box-red{background:var(--color-danger-bg);border-color:var(--color-danger-border);border-left:none}.info-box.info-box-red .info-box-icon{color:var(--color-danger-main)}.info-box.info-box-red .info-box-title,.info-box.info-box-red .info-box-text{color:var(--color-danger-text)}.info-box-icon{flex-shrink:0;font-size:16px;padding-top:1px}.info-box-content{flex:1}.info-box-title{font-size:.857rem;font-weight:600;margin-bottom:4px}.info-box-text{font-size:.857rem;line-height:1.7;margin:0}.image-copyright{position:absolute;bottom:6px;right:6px;color:var(--color-white);font-size:8px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:100;letter-spacing:.2px;background:#0000004d;padding:1px 3px;border-radius:var(--border-radius-base)}.cat-card:hover .cat-card-image .image-copyright,.column-card:hover .column-card-image .image-copyright,.column-featured-card:hover .featured-card-image .image-copyright,.feature-highlight-card:hover .feature-highlight-card-image .image-copyright,.feature-theme-card:hover .feature-theme-card-image .image-copyright,.related-column-card:hover .related-column-image .image-copyright{opacity:1}.related-column-card:hover .related-column-image:after{opacity:1}.related-column-card:hover .related-column-image img{opacity:.92}.related-column-image{position:relative;overflow:hidden}.related-column-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3;border-radius:inherit}.related-column-image img{transition:opacity .2s ease}.top-feature-card:hover .top-feature-image .image-copyright,.random-cat-card:hover .random-cat-image .image-copyright{opacity:1}.hero-image-copyright{font-size:9px;padding:1px 4px}.column-grid{display:grid;gap:0;grid-template-columns:1fr}@media (min-width: 768px){.column-grid{grid-template-columns:1fr}}.column-card-wrapper{position:relative;padding:16px 0;overflow:hidden}.column-card-wrapper:first-child{padding-top:0}.column-card{overflow:hidden;cursor:pointer;height:100%;max-width:100%}.column-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:row;gap:16px;height:100%}.column-card-image{position:relative;width:120px;min-width:120px;height:120px;background:var(--color-gray-100);overflow:hidden;border-radius:10px;flex-shrink:0}@media (min-width: 768px){.column-card-image{width:200px;min-width:200px;height:140px}}.column-card-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1}.column-card:hover .column-card-image:after{opacity:1}.column-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base)}.column-card:hover .column-card-image img{opacity:.92}.column-card:active{opacity:.85}.column-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);color:#ffffffe6;font-size:36px}.column-card-placeholder i{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.column-card-category{position:absolute;top:0;left:0;z-index:2;margin:0;padding:0;line-height:0;font-size:0}.column-card .column-card-category .badge.badge-primary,.column-card .column-card-category .badge-primary.status-badge{display:block;margin:0;padding:4px 10px;background:var(--color-primary);color:var(--color-white);font-size:.857rem;font-weight:700;line-height:1.2;border-radius:0;border:none;outline:none;box-shadow:none;letter-spacing:.5px;vertical-align:top}.column-card-content{flex:1;display:flex;flex-direction:column;min-width:0;padding:8px 0}.column-card-name{font-size:15px;font-weight:700;margin-bottom:8px;line-height:1.4;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.column-card:hover .column-card-name{color:var(--color-primary-light, var(--color-primary))}@media (min-width: 768px){.column-card-name{font-size:16px;-webkit-line-clamp:2}}.column-card-excerpt{font-size:12.5px;color:var(--color-gray-550);line-height:1.6;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}@media (min-width: 768px){.column-card-excerpt{font-size:12.5px;-webkit-line-clamp:3}}.column-card-meta{font-size:.857rem;color:var(--color-text-secondary);margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;overflow:hidden}@media (min-width: 768px){.column-card-meta{flex-direction:row;align-items:center;gap:12px;white-space:nowrap}}.column-date{display:flex;align-items:center;gap:4px}.column-date i{font-size:9px}.mypage__title-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff1a;border-radius:var(--border-radius-base);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.mypage__title-badge span{font-weight:500;color:var(--color-white)}.mypage__title-badge-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-page);border-radius:50%;flex-shrink:0}.mypage__title-badge-icon i{font-size:var(--font-size-base);color:var(--icon-color, var(--color-secondary))}.mypage__titles-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0}.mypage__titles-wrapper h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.mypage__titles-current{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);border-radius:var(--border-radius-base);padding:var(--spacing-md);color:var(--color-white)}.mypage__titles-current-header h3{color:var(--color-white);margin-bottom:var(--spacing-sm)}.mypage__titles-current-body{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-md);align-items:center}@media (max-width: 768px){.mypage__titles-current-body{grid-template-columns:1fr;text-align:center}}.mypage__titles-points{background:#ffffff26;border-radius:var(--border-radius-base);padding:var(--spacing-sm) var(--spacing-md);text-align:center;min-width:120px}.mypage__titles-points-value{font-size:var(--font-size-2xl);font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.mypage__titles-points-label{font-size:var(--font-size-xs);opacity:.9;font-weight:500}.mypage__titles-current-badge{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.mypage__titles-current-badge-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-bg-page);border-radius:50%;flex-shrink:0}.mypage__titles-current-badge-icon i{font-size:var(--font-size-3xl);color:var(--icon-color, var(--color-secondary))}.mypage__titles-current-name{font-size:var(--font-size-lg);font-weight:600}.mypage__titles-current-desc{font-size:var(--font-size-sm);opacity:.9;text-align:center}.mypage__titles-available{background:var(--color-bg-page);border-radius:var(--border-radius-base);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.mypage__titles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px}@media (max-width: 640px){.mypage__titles-grid{grid-template-columns:1fr;gap:2px}}.mypage__titles-grid .empty-state{grid-column:1/-1;padding:var(--spacing-xl) var(--spacing-md)}.mypage__title-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-50);border:1.5px solid var(--color-secondary);border-radius:var(--border-radius-base)}.mypage__title-card--unlocked{background:var(--color-gray-50);border-color:var(--color-secondary)}.mypage__title-card--locked{opacity:.6}.mypage__title-card--locked .mypage__title-card-icon{filter:grayscale(1)}.mypage__title-card--current{background:var(--color-bg-page);border:1.5px solid var(--color-secondary)}.mypage__title-card-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-page);border-radius:50%;box-shadow:0 1px 3px #0000001a}.mypage__title-card-icon i{font-size:var(--font-size-xl);color:var(--icon-color, var(--color-secondary))}.mypage__title-card-info{flex:1;min-width:0}.mypage__title-card-name{font-size:var(--font-size-lg);font-weight:600;margin-bottom:2px;color:var(--color-primary)}.mypage__title-card-desc{font-size:var(--font-size-sm);color:var(--color-text-gray);margin-bottom:var(--spacing-xs);line-height:1.3}.mypage__title-card-points{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-gray);display:flex;align-items:center;gap:var(--spacing-xs)}.mypage__title-card-points i{font-size:var(--font-size-base)}.mypage__titles-history{background:var(--color-bg-page);border-radius:var(--border-radius-base);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.mypage__titles-history-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mypage__titles-history-list .empty-state{padding:var(--spacing-xl) var(--spacing-md)}.mypage__titles-history-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--border-radius-base)}.mypage__titles-history-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.mypage__titles-history-icon i{font-size:var(--font-size-lg)}.mypage__titles-history-icon--plus i{color:var(--color-admin-success)}.mypage__titles-history-icon--minus i{color:var(--color-admin-danger)}.mypage__titles-history-content{flex:1;min-width:0}.mypage__titles-history-desc{font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);margin-bottom:2px}.mypage__titles-history-date{font-size:var(--font-size-xs);color:var(--color-text-gray)}.mypage__titles-history-points{flex-shrink:0;font-size:var(--font-size-base);font-weight:700;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-base)}.mypage__titles-history-points--plus{color:var(--color-admin-success);background:#28a7451a}.mypage__titles-history-points--minus{color:var(--color-admin-danger);background:#dc35451a}.mypage__titles-history-pagination{margin-top:var(--spacing-md);display:flex;justify-content:center}@media (max-width: 768px){.mypage__titles-wrapper{gap:var(--spacing-sm)}.mypage__titles-current{padding:var(--spacing-sm)}.mypage__titles-points{padding:var(--spacing-sm);min-width:auto}.mypage__titles-points-value{font-size:var(--font-size-xl)}.mypage__titles-current-name{font-size:var(--font-size-base)}.mypage__titles-current-badge-icon{width:48px;height:48px}.mypage__titles-current-badge-icon i{font-size:var(--font-size-2xl)}.mypage__titles-available,.mypage__titles-history{padding:var(--spacing-sm)}.mypage__title-card{flex-direction:column;text-align:center}.mypage__title-card .mypage__title-card-points{justify-content:center}.mypage__titles-history-item{flex-direction:column;text-align:center;gap:var(--spacing-sm)}}#title-set-badge-btn,#title-current-badge{display:none!important}.title-achievement-modal{max-width:340px;width:90%;background:var(--color-bg-page);border-radius:20px;padding:36px 28px 28px;text-align:center;position:relative;box-shadow:0 12px 32px #0000001f}.title-achievement-modal__close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--color-text-secondary);font-size:18px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s;z-index:10}.title-achievement-modal__close:hover{background:color-mix(in srgb,var(--color-text-secondary) 12%,transparent);color:var(--color-text-primary)}.title-achievement-modal__content{display:flex;flex-direction:column;align-items:center;gap:12px}.title-achievement-modal__icon{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:14px;position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--profile-light-color, #E5E2E9) 32%,white),color-mix(in srgb,var(--profile-light-color, #E5E2E9) 14%,white));box-shadow:0 0 0 4px color-mix(in srgb,var(--profile-avatar-color, #7E7491) 70%,var(--color-bg-page)),0 0 0 8px color-mix(in srgb,var(--profile-avatar-color, #7E7491) 30%,var(--color-bg-page)),0 8px 20px #0000002e}.title-achievement-modal__icon i{font-size:38px;line-height:1;filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--profile-avatar-color, #7E7491) 30%,transparent))}.title-achievement-modal__icon img{display:block;width:100%!important;height:100%!important;border-radius:50%;-o-object-fit:cover;object-fit:cover}.title-achievement-modal--unacquired .title-achievement-modal__icon{background:var(--color-gray-100) none!important;background-image:none!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-gray-400) 70%,var(--color-bg-page)),0 0 0 8px color-mix(in srgb,var(--color-gray-350) 50%,var(--color-bg-page)),0 8px 20px #00000024}.title-achievement-modal--unacquired .title-achievement-modal__icon i{color:var(--color-gray-400)!important}.title-achievement-modal--revoked .title-achievement-modal__icon{filter:grayscale(100%);opacity:.7}.title-achievement-modal__title{font-size:19px;font-weight:800;color:var(--color-primary);margin:0;line-height:1.3;letter-spacing:.02em}.title-achievement-modal__description{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin:0;padding:0 4px}.title-achievement-modal__hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);padding:5px 12px;border-radius:50px;background:color-mix(in srgb,var(--color-accent-gold) 12%,transparent);margin-top:2px}.title-achievement-modal__hint i{color:var(--color-accent-gold);font-size:11px}.title-achievement-modal__date{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-text-secondary);padding:5px 12px;border-radius:50px;background:color-mix(in srgb,var(--profile-avatar-color, #7E7491) 10%,transparent);margin-top:4px}.title-achievement-modal__date i{color:var(--profile-avatar-color, #7E7491);font-size:11px}.title-achievement-modal__users-count{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-muted, var(--color-text-secondary));padding:3px 10px;border-radius:50px;background:color-mix(in srgb,var(--color-text-secondary) 8%,transparent)}.title-achievement-modal__users-count i{font-size:10px}.title-achievement-modal .btn{min-width:140px;padding:12px 32px;font-size:14px;margin-top:8px}.title-achievement-modal .btn-secondary{transition:background-color 0s,border-color 0s,color 0s!important;transform:none!important}.title-achievement-modal .btn-secondary:hover{background:var(--color-gray-350)!important;border-color:var(--color-gray-350)!important;transform:none!important}.title-achievement-modal .btn-primary{transition:background-color 0s,border-color 0s,color 0s!important;transform:none!important}.title-achievement-modal .btn-primary:hover{transform:none!important}#title-achievement-modal.modal-overlay,#point-add-modal.modal-overlay,#title-detail-modal.modal-overlay,#title-detail-modal-public.modal-overlay,#mypageCatModalOverlay.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0000;z-index:100020!important;justify-content:center;align-items:center;transition:background .3s ease}#title-achievement-modal.modal-overlay.show,#point-add-modal.modal-overlay.show,#title-detail-modal.modal-overlay.show,#title-detail-modal-public.modal-overlay.show,#mypageCatModalOverlay.modal-overlay.show{display:flex!important;background:#00000080;opacity:1!important;visibility:visible!important}#title-achievement-modal.modal-overlay.show .title-achievement-modal,#title-achievement-modal.modal-overlay.show .title-modal__content,#title-achievement-modal.modal-overlay.show .modal-container,#point-add-modal.modal-overlay.show .title-achievement-modal,#point-add-modal.modal-overlay.show .title-modal__content,#point-add-modal.modal-overlay.show .modal-container,#title-detail-modal.modal-overlay.show .title-achievement-modal,#title-detail-modal.modal-overlay.show .title-modal__content,#title-detail-modal.modal-overlay.show .modal-container,#title-detail-modal-public.modal-overlay.show .title-achievement-modal,#title-detail-modal-public.modal-overlay.show .title-modal__content,#title-detail-modal-public.modal-overlay.show .modal-container,#mypageCatModalOverlay.modal-overlay.show .title-achievement-modal,#mypageCatModalOverlay.modal-overlay.show .title-modal__content,#mypageCatModalOverlay.modal-overlay.show .modal-container{opacity:1!important;transform:scale(1)!important}#title-achievement-modal.modal-overlay .title-achievement-modal,#title-achievement-modal.modal-overlay .title-modal__content,#title-achievement-modal.modal-overlay .modal-container,#point-add-modal.modal-overlay .title-achievement-modal,#point-add-modal.modal-overlay .title-modal__content,#point-add-modal.modal-overlay .modal-container,#title-detail-modal.modal-overlay .title-achievement-modal,#title-detail-modal.modal-overlay .title-modal__content,#title-detail-modal.modal-overlay .modal-container,#title-detail-modal-public.modal-overlay .title-achievement-modal,#title-detail-modal-public.modal-overlay .title-modal__content,#title-detail-modal-public.modal-overlay .modal-container,#mypageCatModalOverlay.modal-overlay .title-achievement-modal,#mypageCatModalOverlay.modal-overlay .title-modal__content,#mypageCatModalOverlay.modal-overlay .modal-container{opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}#title-detail-modal.modal-overlay.show .title-modal__content{opacity:1!important;transform:scale(1)!important}@media (max-width: 480px){.title-achievement-modal{width:94%;padding:32px 22px 24px}.title-achievement-modal__icon{width:72px;height:72px;box-shadow:0 0 0 3px color-mix(in srgb,var(--profile-avatar-color, #7E7491) 70%,var(--color-bg-page)),0 0 0 6px color-mix(in srgb,var(--profile-avatar-color, #7E7491) 30%,var(--color-bg-page))}.title-achievement-modal__icon i{font-size:32px}.title-achievement-modal--unacquired .title-achievement-modal__icon{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-gray-400) 70%,var(--color-bg-page)),0 0 0 6px color-mix(in srgb,var(--color-gray-350) 50%,var(--color-bg-page))}.title-achievement-modal__title{font-size:17px}.title-achievement-modal__message{font-size:15px}.title-achievement-modal .btn{min-width:120px;padding:10px 24px;font-size:14px}}.cat-info-modal-container{top:10vh;transform:translate(-50%,5%);max-height:85vh}.cat-info-modal-container[data-mode=cafe]{height:85vh}.cat-info-modal-container[data-mode=cafe] .modal-body{height:calc(85vh - 50px);overflow-y:scroll}.cat-info-modal-container.active{transform:translate(-50%)}.cat-info-modal-container .modal-body{max-height:calc(85vh - 50px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-secondary-pale) transparent}.cat-info-modal-container .modal-body::-webkit-scrollbar{width:5px}.cat-info-modal-container .modal-body::-webkit-scrollbar-track{background:transparent}.cat-info-modal-container .modal-body::-webkit-scrollbar-thumb{background:var(--color-secondary-pale);border-radius:3px}.cat-info-modal-container .modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-lighter)}.cat-info-modal-container .modal-header{display:flex;align-items:center;justify-content:flex-end;padding:12px 20px 0;border-bottom:none;background:transparent}.cat-info-modal-container .modal-body{position:relative;padding:0}.cat-info-modal__nav-btn{background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.857rem;color:var(--color-text-gray);flex-shrink:0}.cat-info-modal__nav-btn:hover{color:var(--color-primary)}.cat-info-modal__nav-btn:active{transform:scale(.9)}.cat-info-modal__nav-btn:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.cat-info-modal__loading{text-align:center;padding:40px 20px;color:var(--color-text-gray);font-size:14px}.cat-info-modal__loading i{margin-right:8px}.cat-info-modal__error{text-align:center;padding:40px 20px;color:var(--color-danger-soft);font-size:14px}.cat-info-modal__error i{margin-right:8px}.cat-info-modal__header-card{margin:0 16px 12px;padding:16px 16px 12px;text-align:center;position:relative}.cat-info-modal__image{width:180px;margin:0 auto 12px;position:relative;overflow:hidden;background:var(--color-gray-100);border:none}.cat-info-modal__image img{display:block}.cat-info-modal__image--square{border-radius:14px;box-shadow:0 4px 16px #00000014}.cat-info-modal__image--square:before{content:"";display:block;padding-top:100%}.cat-info-modal__image--square img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cat-info-modal__image--circle{width:180px;height:180px;border-radius:50%}.cat-info-modal__image--circle img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 480px){.cat-info-modal__image{width:150px}}.cat-info-modal__image-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-border-lighter);font-size:48px}.cat-info-modal__featured-badge{position:absolute;top:8px;right:8px;background:var(--color-accent-gold);color:var(--color-white);padding:4px 8px;border-radius:8px;font-size:.857rem;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 1px 4px #0000001a;z-index:1}.cat-info-modal__name{text-align:center;padding:0;font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:.5px}.cat-info-modal__name-kana{display:block;font-size:12px;font-weight:400;color:var(--color-text-muted);margin-top:2px;font-style:italic}.cat-info-modal__cafe-link{text-align:center;padding:6px 0 0;font-size:13px;color:var(--color-text-muted)}.cat-info-modal__cafe-link i{margin-right:4px;color:var(--color-secondary)}.cat-info-modal__cafe-link a{color:var(--color-secondary);text-decoration:none}.cat-info-modal__cafe-link a:hover{text-decoration:underline}.cat-info-modal__ranking{text-align:center;padding:12px 20px}.cat-info-modal__rank{font-size:18px;font-weight:700;margin-bottom:8px}.cat-info-modal__rank--gold{color:var(--rank-gold-dark)}.cat-info-modal__rank--silver{color:var(--rank-silver)}.cat-info-modal__rank--bronze{color:var(--rank-bronze)}.cat-info-modal__ranking-stats{display:flex;justify-content:center;gap:24px}.cat-info-modal__stat{text-align:center}.cat-info-modal__stat-label{display:block;font-size:13px;color:var(--color-text-gray);margin-bottom:2px}.cat-info-modal__stat-value{font-size:16px;font-weight:700;color:var(--color-primary)}.cat-info-modal__details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 16px 12px;background:var(--color-gray-150);border-radius:10px;overflow:hidden}.cat-info-modal__detail-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--color-border-lighter);border-right:1px solid var(--color-border-lighter)}.cat-info-modal__detail-item:nth-child(2n){border-right:none}.cat-info-modal__detail-item:nth-last-child(-n+2){border-bottom:none}.cat-info-modal__label{font-size:11px;font-weight:700;color:var(--color-secondary);flex-shrink:0;white-space:nowrap}.cat-info-modal__value{font-size:13px;font-weight:700;color:var(--color-text-primary);line-height:1.4}.cat-info-modal__value--male,.cat-info-modal__value--male i{color:var(--color-secondary)!important}.cat-info-modal__value--female,.cat-info-modal__value--female i{color:var(--color-accent-gold)!important}.cat-info-modal__value--unknown{color:var(--color-text-muted)!important}.cat-info-modal__profile{padding:0 16px 16px;margin:0;display:flex;flex-direction:column;gap:8px}.cat-info-modal__profile-item{padding:14px;background:var(--color-gray-100);border-radius:10px}.cat-info-modal__profile-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;margin:0 0 8px;letter-spacing:.3px;padding:0;color:var(--color-primary)}.cat-info-modal__profile-label i{color:var(--color-secondary);font-size:14px}.cat-info-modal__profile-value{font-size:13px;color:var(--color-text-primary);line-height:1.7;white-space:pre-wrap;word-wrap:break-word;padding:0}.cat-info-modal__personality-tags{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 0}.cat-info-modal__personality-tag{display:inline-block;font-size:12px;font-weight:600;color:var(--color-secondary);background:#6b7f951f;border:none;border-radius:50px;padding:5px 12px;white-space:nowrap}.cat-info-modal__tabs{display:flex;margin:0 16px 14px;background:var(--color-gray-100);border-radius:10px;padding:3px;gap:0}.cat-info-modal__tab{flex:1;padding:9px 0;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--color-text-muted);cursor:pointer;border-radius:8px;transition:color .2s,background .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:6px}.cat-info-modal__tab:hover:not(.active){color:var(--color-text-primary)}.cat-info-modal__tab.active{color:var(--color-white);background:var(--color-secondary);box-shadow:0 1px 3px #0000001a}.cat-info-modal__tab i{font-size:.857rem}.cat-info-modal__tab-panel{display:none}.cat-info-modal__tab-panel.active{display:block}.cat-info-modal__plans{margin:0 16px 16px;padding:0}.cat-info-modal__plans-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:6px 0}.cat-info-modal__plans-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--color-primary);margin:0}.cat-info-modal__plans-title i{color:var(--color-accent-gold)}.cat-info-modal__plans-info-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--color-text-muted);padding:4px 0;transition:color .2s;flex-shrink:0}.cat-info-modal__plans-info-toggle i{font-size:13px;color:var(--color-secondary)}.cat-info-modal__plans-info-toggle:hover{opacity:.6}.cat-info-modal__plans-info{max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease,margin .25s ease;padding:0 14px;margin-bottom:0;background:var(--color-primary-pale);border-radius:10px}.cat-info-modal__plans-info.is-open{max-height:250px;padding:14px;margin-bottom:14px}.cat-info-modal__plans-info p{font-size:13px;line-height:1.7;color:var(--color-text-primary);margin:0 0 10px}.cat-info-modal__plans-info-link{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:11px;font-weight:600;color:var(--color-secondary);text-decoration:none;transition:opacity .2s}.cat-info-modal__plans-info-link i{font-size:11px}.cat-info-modal__plans-info-link:hover{opacity:.6}.cat-info-modal__plan-list{display:flex;flex-direction:column;gap:14px}.cat-info-modal__plan-list .cat-integrated-card__plan-btn{border-radius:10px;padding:0;font-size:13px;background:var(--color-gray-150);color:var(--color-text-primary);border:none;flex-direction:column;align-items:stretch;position:relative;transition:background-color var(--transition-fast);box-shadow:none;overflow:hidden}.cat-info-modal__plan-list .cat-integrated-card__plan-btn:hover:not(:disabled){background-color:var(--color-gray-200)}.cat-info-modal__plan-list .cat-integrated-card__plan-btn--login .cat-integrated-card__plan-header i{display:none}.cat-info-modal__plan-list .cat-integrated-card__plan-btn--subscribed{opacity:1}.cat-info-modal__plan-list .cat-integrated-card__plan-btn--subscribed .cat-integrated-card__plan-header i{display:inline-flex;align-items:center;gap:4px;background:#4a8c5c;color:#fff;padding:4px 12px 4px 10px;border-radius:0 8px 8px 0;font-size:11px;position:absolute;left:0;top:0}.cat-info-modal__plan-list .cat-integrated-card__plan-btn--subscribed .cat-integrated-card__plan-header i:after{content:"加入中";font-family:var(--font-family-base);font-style:normal;font-size:10px;font-weight:700}.cat-info-modal__plan-list .cat-integrated-card__plan-btn--subscribed .cat-integrated-card__plan-main{padding-top:28px}.cat-info-modal__plan-list .cat-integrated-card__plan-main{display:flex;flex-direction:column;align-items:flex-start;padding:12px 14px 0;min-width:0}.cat-info-modal__plan-list .cat-integrated-card__plan-header{display:flex;align-items:center;width:100%}.cat-info-modal__plan-list .cat-integrated-card__plan-header i{display:none}.cat-info-modal__plan-list .cat-integrated-card__plan-name{font-weight:700;font-size:14px;color:var(--color-primary);margin:0;line-height:1.3;background:none;padding:0;white-space:normal;overflow:visible}.cat-info-modal__plan-list .cat-integrated-card__plan-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5;color:var(--color-text-muted);margin-top:4px;padding:0;border:none}.cat-info-modal__plan-list .cat-integrated-card__plan-desc:empty{display:none}.cat-info-modal__plan-list .cat-integrated-card__plan-benefits-wrap{display:flex;flex-direction:column;width:100%;margin-top:8px;padding:0;border:none}.cat-info-modal__plan-list .cat-integrated-card__plan-benefits-label{font-size:11px;font-weight:700;color:var(--color-secondary);margin-bottom:2px}.cat-info-modal__plan-list .cat-integrated-card__plan-benefits-label i{display:inline;font-size:11px;color:var(--color-accent-gold);margin-right:3px}.cat-info-modal__plan-list .cat-integrated-card__plan-benefits{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5;color:var(--color-text-primary);padding:0;border:none;margin:0}.cat-info-modal__plan-list .cat-integrated-card__plan-benefits:empty{display:none}.cat-info-modal__plan-list .cat-integrated-card__plan-stub{display:flex;align-items:baseline;margin:10px 14px 0;padding:10px 0 12px;width:calc(100% - 28px);border:none;border-top:1px solid var(--color-gray-300);background:transparent}.cat-info-modal__plan-list .cat-integrated-card__plan-stub:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:11px;color:var(--color-accent-gold);margin-right:4px}.cat-info-modal__plan-list .cat-integrated-card__plan-stub:after{content:"月額";font-size:11px;font-weight:600;color:var(--color-text-muted);margin-right:4px}.cat-info-modal__plan-list .cat-integrated-card__plan-price{font-size:16px;font-weight:800;color:var(--color-primary);white-space:nowrap;line-height:1;background:none;padding:0;margin:0}.cat-info-modal__plan-list .cat-integrated-card__plan-more{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--color-secondary);background:none;border:none;padding:0;margin-left:auto;transition:opacity .2s}.cat-info-modal__plan-list .cat-integrated-card__plan-more:hover{opacity:.7}.cat-info-modal__plan-list .cat-integrated-card__plan-more i{font-size:10px;color:var(--color-secondary)}@media (max-width: 480px){.cat-info-modal__plan-list .cat-integrated-card__plan-main{padding:10px 12px 0}.cat-info-modal__plan-list .cat-integrated-card__plan-name{font-size:13px}.cat-info-modal__plan-list .cat-integrated-card__plan-stub{margin:8px 12px 0;width:calc(100% - 24px)}}html[data-theme=dark] .cat-info-modal__plan-list .cat-integrated-card__plan-name{color:var(--color-text-primary)}html[data-theme=dark] .cat-info-modal__plan-list .cat-integrated-card__plan-desc{color:var(--color-gray-500)}html[data-theme=dark] .cat-info-modal__plan-list .cat-integrated-card__plan-benefits-label,html[data-theme=dark] .cat-info-modal__plan-list .cat-integrated-card__plan-benefits-label i{color:var(--color-accent-gold)}html[data-theme=dark] .cat-info-modal__plan-list .cat-integrated-card__plan-benefits{color:var(--color-gray-550)}html[data-theme=dark] .cat-info-modal__plan-list .cat-integrated-card__plan-more,html[data-theme=dark] .cat-info-modal__plan-list .cat-integrated-card__plan-more i{color:var(--color-gray-500)}html[data-theme=dark] .cat-info-modal__plan-list .cat-integrated-card__plan-btn--subscribed .cat-integrated-card__plan-header i{background:#4a8c5c99}html[data-theme=dark] .cat-info-modal__plan-list .cat-integrated-card__plan-stub:before{color:var(--color-accent-gold)}html[data-theme=dark] .cat-info-modal__plan-list .cat-integrated-card__plan-stub:after{color:var(--color-gray-500)}html[data-theme=dark] .cat-info-modal__plan-list .cat-integrated-card__plan-price,html[data-theme=dark] .cat-info-modal__plans-title{color:var(--color-text-primary)}.cat-info-modal__no-plans{text-align:center;padding:16px;color:var(--color-text-gray);font-size:13px;line-height:1.6}.cat-info-modal__support-action{padding:16px 20px;text-align:center}.cat-info-modal__support-action .btn{width:100%;background-color:var(--color-accent-favorite);border-color:var(--color-accent-favorite);color:var(--color-white)}.cat-info-modal__support-action .btn:hover{background-color:var(--color-accent-favorite-dark);border-color:var(--color-accent-favorite-dark)}@keyframes catModalSlideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes catModalSlideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.cat-info-modal__back-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:none;background:var(--color-gray-100);color:var(--color-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s;border-radius:50px}.cat-info-modal__back-btn i{font-size:11px}.cat-info-modal__back-btn:hover{background:var(--color-gray-200)}.cat-info-modal__cafe-card{padding:0 20px 16px}.cat-info-modal__cafe-card a{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg-page);border:1.5px solid var(--color-border);border-radius:var(--border-radius-base);text-decoration:none;color:var(--color-text-primary);transition:border-color .2s;font-size:13px}.cat-info-modal__cafe-card a:hover{border-color:var(--color-secondary)}.cat-info-modal__cafe-card a>i:first-child{font-size:16px;color:var(--color-primary)}.cat-info-modal__cafe-card a>span{flex:1;font-weight:600}.cat-info-modal__cafe-card a>i:last-child{color:var(--color-text-tertiary);font-size:.857rem}@keyframes cat-info-heart-bounce{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}75%{transform:scale(1.2)}}.cat-info-modal__plans-title i.bounce{animation:cat-info-heart-bounce .6s ease-in-out}.cat-info-modal__darenyan-action{margin:16px 20px 20px;text-align:center}.cat-info-modal__darenyan-cafe-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-bg-page);border:2px solid var(--color-primary, #ff6b6b);color:var(--color-primary, #ff6b6b);border-radius:var(--border-radius-xl, 16px);font-weight:600;font-size:14px;text-decoration:none;transition:all .2s;width:100%;justify-content:center}.cat-info-modal__darenyan-cafe-btn:hover,.cat-info-modal__darenyan-cafe-btn:active{background:var(--color-primary, #ff6b6b);color:var(--color-white);text-decoration:none}@media (max-width: 767px){.cat-info-modal-container .modal-header{padding:10px 16px 0}.cat-info-modal__tabs{margin:10px 16px 0}.cat-info-modal__tab{font-size:.857rem;padding:8px 0}.cat-info-modal__details{grid-template-columns:1fr;padding:0 16px;gap:8px}.cat-info-modal__detail-item{padding:6px 8px}.cat-info-modal__image--square:before{padding-top:100%}.cat-info-modal__label{font-size:.75rem;padding:2px 6px}.cat-info-modal__value{font-size:.857rem}.cat-info-modal__profile{padding:0 16px}.cat-info-modal__profile-item{padding:8px 10px;margin-bottom:6px}.cat-info-modal__profile-label{font-size:.75rem;padding:3px 8px}.cat-info-modal__profile-value{font-size:.857rem}.cat-info-modal__plans{margin:14px 16px 16px;padding:14px}.cat-info-modal__plans-title{font-size:13px;margin-bottom:10px;padding-bottom:8px}.cat-info-modal__plans-title i{font-size:14px}.cat-info-modal__plan-list .cat-integrated-card__plan-btn{padding:8px 10px;font-size:.857rem}.cat-info-modal__nav-btn{font-size:.857rem}.cat-info-modal__no-plans{font-size:.857rem;padding:14px}}@media (max-width: 480px){.cat-info-modal-container{top:5vh}.cat-info-modal-container[data-mode=cafe]{height:90vh}.cat-info-modal-container[data-mode=cafe] .modal-body{height:calc(90vh - 50px);overflow-y:scroll}.cat-info-modal-container .modal-header{padding:10px 14px 0}.cat-info-modal__name{font-size:15px}.cat-info-modal__tabs{margin:8px 12px 0}.cat-info-modal__tab{font-size:.857rem;padding:7px 0}.cat-info-modal__tab i{font-size:.857rem}.cat-info-modal__image{max-width:200px}.cat-info-modal__details{padding:0 12px;gap:6px}.cat-info-modal__detail-item{padding:5px 6px;gap:8px}.cat-info-modal__label{font-size:.75rem;padding:2px 5px}.cat-info-modal__value{font-size:.857rem}.cat-info-modal__profile{padding:0 12px}.cat-info-modal__profile-item{padding:6px 8px;margin-bottom:5px}.cat-info-modal__profile-value{padding:8px 10px;font-size:.857rem}.cat-info-modal__nav-btn{font-size:.75rem}.cat-info-modal__plans{margin:12px;padding:12px}.cat-info-modal__plans-title{font-size:.857rem;margin-bottom:8px;padding-bottom:6px}.cat-info-modal__plans-title i{font-size:13px}.cat-info-modal__plan-list{gap:6px}.cat-info-modal__plan-list .cat-integrated-card__plan-btn{padding:8px 10px;font-size:.857rem}.cat-info-modal__no-plans{font-size:.857rem;padding:12px}.cat-info-modal__featured-badge{font-size:.75rem;padding:3px 6px}}.modal-overlay#postDetailModalOverlay{z-index:1040}.post-detail-modal-container{max-width:700px;top:10vh;max-height:85vh;transform:translate(-50%);z-index:1041;overflow-y:auto}.post-detail-modal-container.active{transform:translate(-50%)}.post-detail-modal-container .modal-body{position:relative;padding:0}.post-detail-modal__content{display:flex;flex-direction:column;height:100%}.post-detail-modal-container .modal-header{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px 0;border-bottom:none;background:transparent}.post-detail-modal__nav-group{display:flex;align-items:center;gap:12px;background:transparent;padding:2px 20px;margin:0;border-radius:0}.post-detail-modal__title-wrapper{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.post-detail-modal__title{text-align:center;margin:0;font-size:17px;font-weight:700;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-detail-modal__nav{background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.857rem;color:var(--color-text-gray);flex-shrink:0}.post-detail-modal__nav:hover{color:var(--color-primary)}.post-detail-modal__nav:active{transform:scale(.9)}.post-detail-modal__nav:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.post-detail-modal__gallery{display:flex;flex-direction:column;gap:4px;padding:0 20px 8px;border-bottom:1px solid var(--color-border)}.post-detail-modal__image-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);border-radius:8px;min-height:300px;overflow:hidden}.post-detail-modal__image{width:auto;max-width:100%;max-height:32vh;height:auto;-o-object-fit:contain;object-fit:contain;display:block;border-radius:8px}@media (min-width: 768px){.post-detail-modal__image{min-width:min(300px,100%)}}.post-detail-modal__video{width:auto;max-width:100%;max-height:32vh;height:auto;display:none;border-radius:8px;background:var(--color-gray-900)}@media (min-width: 768px){.post-detail-modal__video{min-width:min(300px,100%)}}.post-detail-modal__video::-webkit-media-controls-panel{background:linear-gradient(transparent,#0000004d)}.post-detail-modal__image-nav{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#00000080;font-size:16px;z-index:10}.post-detail-modal__image-nav:hover{color:#000c;transform:translateY(-50%) scale(1.15)}.post-detail-modal__image-nav:active{transform:translateY(-50%) scale(.9)}.post-detail-modal__image-nav:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.post-detail-modal__image-nav--prev{left:10px}.post-detail-modal__image-nav--next{right:10px}.post-detail-modal__restricted-badge{background:var(--color-accent-gold);color:var(--color-white);border:1px solid var(--color-accent-gold-dark);padding:6px 12px;border-radius:8px;font-size:.857rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 2px 4px #00000026}.post-detail-modal__restricted-badge i{font-size:.857rem}.post-detail-modal__loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);z-index:5}.post-detail-modal__loading .spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.post-detail-modal__error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-gray-50);padding:20px;text-align:center;color:var(--color-text-gray);z-index:5}.post-detail-modal__error i{font-size:36px;margin-bottom:12px;color:var(--color-gray-500)}.post-detail-modal__error p{margin:0;font-size:14px;line-height:1.6}.post-detail-modal__blur-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10}.post-detail-modal__blur-message{text-align:center;padding:24px;color:var(--color-text-dark)}.post-detail-modal__blur-message i{font-size:32px;margin-bottom:12px;color:var(--color-primary)}.post-detail-modal__blur-message p{font-size:14px;font-weight:600;margin:0;line-height:1.6}.post-detail-modal__image-indicator{text-align:center;font-size:13px;color:var(--color-text-gray);padding:4px 0}.post-detail-modal__info{padding:10px 20px 12px;display:flex;flex-direction:column;gap:10px}.post-detail-modal__meta{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid var(--color-border)}.post-detail-modal__meta .post-detail-modal__date{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-gray)}.post-detail-modal__meta .post-detail-modal__date i{font-size:.857rem}.post-detail-modal__content-wrapper{padding:10px;background:var(--color-gray-50);border-radius:8px}.post-detail-modal__text{font-size:14px;color:var(--color-text-dark);line-height:1.7;margin:0;white-space:pre-wrap;word-wrap:break-word}.post-detail-modal__restricted-message{display:flex;flex-direction:column;align-items:center;gap:28px;padding:24px;background:var(--color-gray-50);border-radius:8px;text-align:center}.post-detail-modal__restricted-message i{font-size:32px;color:var(--color-text-gray)}.post-detail-modal__restricted-message p{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.post-detail-modal__actions{display:flex;gap:8px}.post-detail-modal__actions .btn-icon{padding:6px 8px;background:transparent;border:none;color:var(--color-text-gray);cursor:pointer;border-radius:8px;font-size:14px;transition:all var(--transition-base)}.post-detail-modal__actions .btn-icon:hover:not(:disabled){background-color:rgba(var(--color-edit-soft-rgb),.1);color:var(--color-edit-soft)}.post-detail-modal__actions .btn-icon.btn-danger:hover{background-color:rgba(var(--color-danger-soft-rgb),.1);color:var(--color-danger-soft)}.post-detail-modal__actions .btn-icon i{font-size:14px}.post-detail-modal__actions .btn-like{background-color:transparent;color:var(--color-text-dark);border:1.5px solid var(--color-border-lighter);display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 14px;font-size:14px;cursor:pointer;transition:all var(--transition-base)}.post-detail-modal__actions .btn-like:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.post-detail-modal__actions .btn-like.active{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.post-detail-modal__actions .btn-like .fa-thumbs-up,.post-detail-modal__actions .btn-like .like-number{font-size:14px}@media (max-width: 767px){.post-detail-modal-container{width:100vw;height:100vh;max-width:100vw;max-height:100vh;top:0;left:0;transform:none;border-radius:0;overflow:hidden;background:#000}.post-detail-modal-container.active{transform:none}.post-detail-modal-container .modal-body{height:100vh;overflow:hidden;background:#000}.post-detail-modal-container .modal-header{position:fixed;top:0;right:0;background:transparent;z-index:1043;padding:10px 15px}.post-detail-modal-container .modal-close{color:var(--color-white);background:transparent;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:26px}.post-detail-modal-container .modal-close:hover{background:#0000004d;color:var(--color-white)}.post-detail-modal__nav-group{position:fixed;top:50px;left:0;right:0;width:100%;display:block;padding:10px 20px;background:transparent;z-index:1042}.post-detail-modal__nav-group .post-detail-modal__nav{display:none}.post-detail-modal__gallery{border-bottom:none;padding:0;height:100vh}.post-detail-modal__image-wrapper{width:100vw;height:100vh;min-height:100vh;max-height:100vh;background:#000;border-radius:0;display:flex;align-items:center;justify-content:center}.post-detail-modal__no-media-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;color:var(--color-gray-550);opacity:.5;pointer-events:none}.post-detail-modal__image,.post-detail-modal__video{width:100vw;max-width:100vw;height:auto;max-height:100vh;-o-object-fit:contain;object-fit:contain;border-radius:0}.post-detail-modal__image-nav{display:none}.post-detail-modal__image-indicator{position:fixed;top:100px;left:50%;transform:translate(-50%);background:#0009;color:var(--color-white);padding:6px 14px;border-radius:14px;font-size:13px;font-weight:600;z-index:1042}.post-detail-modal__info{position:fixed;bottom:0;left:0;right:0;width:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 20%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.85) 100%);padding:60px 20px 20px;z-index:1042;max-height:40vh;overflow-y:auto;transition:max-height .3s ease}.post-detail-modal__info.expanded{max-height:80vh}.post-detail-modal__title{color:var(--color-white);font-size:18px;font-weight:600;line-height:1.4;margin:0;text-align:left}.post-detail-modal__title-wrapper{display:flex;align-items:center;gap:8px}.post-detail-modal__content-wrapper{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative}.post-detail-modal__content-wrapper.has-more{cursor:pointer}.post-detail-modal__content-wrapper.has-more:after{content:var(--text-expand, "▼ 全文を表示");display:block;text-align:center;padding:8px 0 0;font-size:.857rem;color:#ffffffb3;transition:opacity .3s ease}.post-detail-modal__content-wrapper.has-more.expanded:after{content:var(--text-collapse, "▲ 閉じる")}.post-detail-modal__text{color:var(--color-white);max-height:4.5em;overflow:hidden;transition:max-height .35s ease-out}.post-detail-modal__text.expanded{max-height:none;overflow:visible;transition:max-height .35s ease-in}.post-detail-modal__meta .post-detail-modal__date{color:#ffffffe6}.post-detail-modal__actions .btn-like{background:#fff3;border-color:#fff6;color:var(--color-white)}.post-detail-modal__actions .btn-like:hover{background:#ffffff4d;border-color:#fff9}.post-detail-modal__actions .btn-like.active{background:var(--color-secondary);border-color:var(--color-secondary)}.post-detail-modal__actions .btn-icon{color:#ffffffe6}.post-detail-modal__actions .btn-icon:hover{background:#fff3}.post-detail-modal__restricted-badge{position:static;transform:none}.post-detail-modal__restricted-message{background:#000c;color:var(--color-white)}.post-detail-modal__restricted-message i,.post-detail-modal__restricted-message p{color:#ffffffe6}.post-detail-modal__blur-overlay{background:#000000e6}.post-detail-modal__blur-message,.post-detail-modal__blur-message i{color:var(--color-white)}.post-detail-modal__blur-message p{color:#ffffffe6}.post-detail-modal-container .modal-body{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;overflow:hidden;position:relative;margin:0}.post-detail-modal__viewport{width:100vw;height:100vh;height:100dvh;overflow:hidden;position:relative;background:#000}.post-detail-modal__loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.post-detail-modal__loading-overlay.active{opacity:1;visibility:visible}.post-detail-modal__loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin 1s linear infinite}.post-detail-modal__loading-text{margin-top:20px;color:var(--color-white);font-size:16px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.post-detail-modal__posts-container{display:flex;flex-direction:column;width:100%;height:100%;transition:transform .3s cubic-bezier(.25,.46,.45,.94);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.post-detail-modal__posts-container.is-swiping{transition:none}.post-detail-modal__posts-container.is-bouncing{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.post-detail-modal__post-item{min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;height:100vh;height:100dvh;flex-shrink:0;position:relative;background:#000;width:100%}.post-detail-modal__media-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:#000;z-index:1}.post-detail-modal__media-wrapper{display:flex;flex-direction:row;height:100%;transition:transform .3s cubic-bezier(.25,.46,.45,.94);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.post-detail-modal__media-wrapper.is-swiping{transition:none}.post-detail-modal__media-wrapper.is-bouncing{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.post-detail-modal__media-item{min-width:100vw;max-width:100vw;width:100vw;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#000;position:relative}.post-detail-modal__media-item img,.post-detail-modal__media-item video{display:block;width:100%;max-width:100vw;height:auto;max-height:100vh;-o-object-fit:contain;object-fit:contain;image-rendering:-webkit-optimize-contrast}.post-detail-modal__media-item .post-detail-modal__no-media-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;color:var(--color-gray-550);opacity:.5;pointer-events:none}.post-detail-modal__post-item .post-detail-modal__info{position:absolute;bottom:0;left:0;right:0;width:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 20%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.85) 100%);padding:60px 20px 30px;z-index:10;max-height:40vh;overflow-y:auto;transition:max-height .35s ease-out}.post-detail-modal__post-item .post-detail-modal__info.expanded{max-height:80vh;transition:max-height .35s ease-in}.post-detail-modal__post-item .post-detail-modal__nav-group{position:absolute;top:0;left:0;right:0;width:100%;display:block;padding:60px 20px 10px;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 70%,transparent 100%);z-index:10}.post-detail-modal__post-item .post-detail-modal__nav-group .post-detail-modal__nav{display:none}.post-detail-modal__post-item .post-detail-modal__image-indicator{position:absolute;top:120px;left:50%;transform:translate(-50%);background:#0009;color:var(--color-white);padding:6px 14px;border-radius:14px;font-size:13px;font-weight:600;z-index:10}}body.modal-open-mobile{overflow:hidden;position:fixed;width:100%;height:100%;overscroll-behavior:none}body.modal-open-mobile .mobile-footer-nav,body.modal-open-mobile .floating-review-button{display:none}#tipModalOverlay{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}#tipModalOverlay.active{visibility:visible;opacity:1;pointer-events:auto}.tip-modal-container{max-width:440px;max-height:90vh;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .25s ease,visibility .25s ease;overflow:hidden;flex-direction:column}.tip-modal-container.active{display:flex;visibility:visible;opacity:1;pointer-events:auto}.tip-modal-container .modal-header{flex-shrink:0;padding:16px 20px 0;border-bottom:none;display:flex;align-items:center;justify-content:flex-end}.tip-modal-container .modal-title{display:none}.tip-modal-container .modal-body{flex:1;overflow-y:auto;min-height:0;padding:0 20px 20px}#tipFormView .form-label{font-size:13px;font-weight:700;color:var(--color-primary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.tip-amount-section{margin-bottom:16px}.tip-amount-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.tip-amount-btn{padding:14px 8px;border:none;border-radius:10px;background:var(--color-gray-100);font-size:15px;font-weight:700;color:var(--color-primary);cursor:pointer;transition:background-color .2s,color .2s}.tip-amount-btn:hover{background:var(--color-gray-200)}.tip-amount-btn.active{background:var(--color-secondary);color:var(--color-white)}.tip-amount-btn.tip-amount-btn-custom{grid-column:1/-1;font-size:13px;padding:10px;background:none;color:var(--color-secondary);border:1.5px dashed var(--color-gray-300)}.tip-amount-btn.tip-amount-btn-custom:hover{border-color:var(--color-secondary)}.tip-amount-btn.tip-amount-btn-custom.active{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary);border-style:solid}.tip-custom-amount{margin-top:10px}.tip-custom-amount .nc-input-group{max-width:200px}.tip-custom-amount .form-help-text{font-size:11px;color:var(--color-text-muted)}.tip-selected-amount{background:var(--color-gray-150);padding:14px;border-radius:10px;font-size:22px;font-weight:800;text-align:center;color:var(--color-primary);margin-top:10px}.tip-comment-section{margin-bottom:16px;position:relative;background:var(--color-primary-pale);border-radius:12px;padding:16px;overflow:hidden}.tip-comment-section:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px double rgba(107,127,149,.25);border-radius:8px;pointer-events:none;z-index:0}.tip-comment-section:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;font-size:80px;color:#3d506b0d;bottom:-10px;right:-5px;transform:rotate(-15deg);z-index:0;pointer-events:none}.tip-comment-section .form-label{position:relative;z-index:1}.tip-comment-section textarea{position:relative;z-index:1;resize:none;min-height:70px;border-radius:8px;border:none;padding:10px 12px;font-size:13px;background:transparent;transition:background-color .2s}.tip-comment-section textarea:focus{background:#ffffff4d;outline:none}.tip-comment-section textarea::-moz-placeholder{color:var(--color-text-muted);opacity:1}.tip-comment-section textarea::placeholder{color:var(--color-text-muted);opacity:1}.tip-char-count{text-align:right;font-size:11px;color:var(--color-text-muted);margin-top:4px;position:relative;z-index:1}.tip-balance-box{background:var(--color-gray-100);border:none;border-radius:10px;padding:12px 14px;margin-bottom:14px}.tip-balance-row{display:flex;justify-content:space-between;padding:3px 0;font-size:13px;color:var(--color-text-primary)}.tip-balance-row:first-child{padding-bottom:6px;border-bottom:1px solid var(--color-border-lighter);margin-bottom:4px}.tip-balance-row.text-danger{color:var(--color-danger-main)!important;font-weight:700}.tip-warning{background:var(--color-gray-100);border:none;border-radius:10px;padding:12px 14px;margin-bottom:14px;text-align:center;font-size:12px}.tip-warning i{color:var(--color-danger-main);margin-right:4px}.tip-warning span{color:var(--color-danger-main);font-weight:600}.tip-warning .btn{margin-top:8px;font-size:12px}.tip-actions{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border-lighter)}.tip-actions .btn{flex:1;padding:12px;font-size:14px;font-weight:700;border-radius:10px;border:none;cursor:pointer}.tip-actions .btn-secondary{background:var(--color-gray-150);color:var(--color-text-primary)}.tip-actions .btn-secondary:hover{background:var(--color-gray-200)}.tip-actions .btn-primary{background:var(--color-accent-gold);color:var(--color-white)}.tip-actions .btn-primary:hover:not(:disabled){opacity:.85}.tip-actions .btn-primary:disabled,.tip-actions .btn-primary[disabled]{opacity:.5!important;cursor:not-allowed!important;pointer-events:none}.tip-success-content{text-align:center;padding:32px 16px 20px;animation:catModalSlideInRight .3s ease}.tip-success-content .success-icon{margin-bottom:16px}.tip-success-content .success-icon i{font-size:48px;color:var(--color-accent-gold);animation:successHeartBeat 1.2s ease-in-out infinite}.tip-success-content h3{font-size:20px;font-weight:700;color:var(--color-primary);margin-bottom:10px}.tip-success-content p{font-size:13px;color:var(--color-text-muted);line-height:1.6}.tip-success-comment{background:var(--color-gray-100);border-radius:10px;padding:14px;margin:16px 0;text-align:left}.tip-success-comment .comment-label{font-size:11px;font-weight:700;color:var(--color-secondary);margin-bottom:6px}.tip-success-comment .comment-text{font-size:13px;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.6}.tip-success-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px}.tip-success-actions .btn-secondary{width:100%;max-width:240px;padding:12px;font-size:14px;font-weight:700;border-radius:10px;background:var(--color-secondary);color:var(--color-white);border:none;cursor:pointer}.tip-success-actions .btn-secondary:hover{opacity:.85}.tip-success-actions .btn-link{background:none;border:none;color:var(--color-text-muted);font-size:12px;cursor:pointer;padding:4px}.tip-success-actions .btn-link:hover{color:var(--color-secondary)}.tip-error-content{text-align:center;padding:32px 16px 20px}.tip-error-content .error-icon{font-size:40px;color:var(--color-danger-main);margin-bottom:16px}.tip-error-content p{font-size:14px;color:var(--color-text-primary);line-height:1.6}.tip-error-actions{display:flex;justify-content:center;margin-top:20px}.tip-error-actions .btn-secondary{padding:10px 32px;border-radius:10px}@keyframes successHeartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.post-card{background:var(--color-bg-page);border-radius:var(--border-radius-base);padding:18px 18px 5px;cursor:pointer;transition:opacity var(--transition-base);width:100%;display:flex;flex-direction:column;align-self:flex-start;min-height:200px;position:relative}.post-card:after{content:"";display:block;height:1px;background:var(--color-gray-400);margin-top:16px}.post-card:hover{opacity:.85}.post-card--restricted{border:none;background:var(--color-gray-150);padding-top:44px}.post-card--restricted:after{display:none}.post-card__badge{position:absolute;top:8px;right:12px;padding:6px 12px;border-radius:4px;font-size:.857rem;font-weight:600;display:flex;align-items:center;gap:6px;z-index:2;box-shadow:0 2px 4px #00000026}.post-card__badge i{font-size:.857rem}.post-card__badge--member,.post-card__badge--restricted{background:var(--color-accent-gold);color:var(--color-white);border:1px solid var(--color-accent-gold-dark)}.post-card-images{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;max-width:100%;margin-bottom:12px}.post-card-image{width:100%;aspect-ratio:3/2;position:relative;overflow:hidden;border-radius:var(--border-radius-base);background:var(--color-gray-200);cursor:pointer;transition:opacity var(--transition-base)}.post-card-image:hover{opacity:.9}.post-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base)}.post-card-image img.post-card-image--blurred{filter:blur(10px);opacity:.6}.post-card-video{position:relative}.post-card-video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);font-size:36px;text-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none;z-index:2;opacity:.9;transition:opacity var(--transition-base)}.post-card-image:hover .post-card-video-icon{opacity:1}.post-card-video-duration{position:absolute;bottom:6px;right:6px;background:#000000bf;color:var(--color-white);padding:2px 6px;border-radius:var(--border-radius-base);font-size:.857rem;font-weight:600;z-index:2;pointer-events:none}.post-card-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.post-card-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.post-card-title{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--color-primary);line-height:1.4}.post-card .post-cafe-name{margin-bottom:8px;display:flex;align-items:center;gap:4px;font-size:.857rem;color:var(--color-text-muted);background:var(--color-secondary-pale, rgba(107, 127, 149, .08));border-radius:var(--border-radius-base);padding:3px 8px;word-break:break-word}.post-card .post-cafe-name i{font-size:.75rem;flex-shrink:0;color:var(--color-secondary)}.post-card .post-cafe-name a{color:var(--color-text-muted);text-decoration:none}.post-card .post-cafe-name a:hover{color:var(--color-secondary)}.post-card-content{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--color-text-dark);flex:1;word-wrap:break-word;overflow-wrap:break-word}.post-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:none}.post-card-date{font-size:.857rem;color:var(--color-text-medium)}.post-card-actions{display:flex;gap:8px}.post-card-actions .btn-icon{width:30px;height:30px;padding:0;background:transparent;border:none;color:var(--color-text-gray);cursor:pointer;border-radius:50%;font-size:14px;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center}.post-card-actions .btn-icon:hover:not(:disabled){background-color:rgba(var(--color-edit-soft-rgb),.1);color:var(--color-edit-soft)}.post-card-actions .btn-icon.btn-danger:hover{background-color:rgba(var(--color-danger-soft-rgb),.1);color:var(--color-danger-soft)}.post-card-actions .btn-icon i{font-size:14px}.post-card-actions .btn-like{background-color:transparent;color:var(--color-text-dark);border:1.5px solid var(--color-border-lighter);display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 14px;font-size:14px;cursor:pointer;transition:all var(--transition-base)}.post-card-actions .btn-like:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.post-card-actions .btn-like.active{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.post-card-actions .btn-like .fa-thumbs-up{font-size:14px}.post-card-actions .btn-like .like-number{font-weight:500}.post-grid{display:grid;gap:0;grid-template-columns:1fr}@media (min-width: 768px){.post-grid{grid-template-columns:repeat(2,1fr);gap:0}}.post-card-content--restricted{color:#8b9bb0}.post-card-content--fade{position:relative;max-height:6em;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:4px}.post-card-content--fade:after{content:"";position:absolute;top:1.5em;left:-4px;right:-4px;bottom:-4px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.post-more-link{color:var(--color-secondary);cursor:pointer;white-space:nowrap;font-size:13px}.post-close-link{display:block;text-align:center;color:var(--color-text-medium);cursor:pointer;font-size:13px;margin-top:4px}.post-close-link i{margin-right:4px}@media (min-width: 768px){.post-card-clickable{cursor:default}.post-card-image{cursor:pointer}}.post-modal{--slide-modal-form-group-margin-bottom: 12px;--slide-modal-form-label-margin-bottom: 6px;--slide-modal-form-control-padding: 8px 10px}.post-modal .form-input,.post-modal .form-textarea{padding:8px 10px;font-size:13px}.post-modal .form-error,.post-modal .validation-error{color:var(--color-danger-main);font-size:.857rem;margin-top:4px}.post-modal .form-help{font-size:.857rem;margin-top:3px}.post-modal .cafe-selection-wrapper,.post-modal .cafe-selector-dropdown{position:relative}.post-modal .cafe-selector-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;cursor:pointer;transition:all .2s;background:var(--color-bg-page);padding:8px 10px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);font-size:13px}.post-modal .cafe-selector-btn:hover{border-color:var(--color-secondary)}.post-modal .cafe-selector-btn:disabled{opacity:.6;cursor:not-allowed}.post-modal .cafe-selector-btn .placeholder-text{flex:1;color:var(--color-text-gray);font-size:13px}.post-modal .cafe-selector-btn .selected-cafe-name{flex:1;color:var(--color-text-dark);font-size:13px;font-weight:500}.post-modal .cafe-selector-btn i{font-size:.75rem;color:var(--color-text-medium);transition:transform .2s}.post-modal .cafe-selector-btn.active i{transform:rotate(180deg)}.post-modal .cafe-selector-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-page);border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);box-shadow:0 4px 8px #0000001a;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.post-modal .cafe-selector-menu-header{padding:10px 12px;font-size:.857rem;font-weight:600;color:var(--color-text-medium);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.post-modal .cafe-selector-loading{padding:16px;text-align:center;font-size:.857rem;color:var(--color-text-medium)}.post-modal .cafe-selector-loading i{margin-right:6px}.post-modal .cafe-selector-list{flex:1;overflow-y:auto}.post-modal .cafe-selector-item{padding:10px 12px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f8f8f8;display:flex;align-items:center;justify-content:space-between}.post-modal .cafe-selector-item:last-child{border-bottom:none}.post-modal .cafe-selector-item:hover{background:var(--color-bg-page)}.post-modal .cafe-selector-item.selected{background:#6b7f950d}.post-modal .cafe-selector-item .cafe-name{font-size:13px;color:var(--color-text-dark);flex:1}.post-modal .cafe-selector-item.selected .cafe-name{font-weight:600;color:var(--color-secondary)}.post-modal .cafe-selector-item .check-icon{font-size:.857rem;color:var(--color-secondary);margin-left:8px}.post-modal .cafe-selector-error{padding:16px;text-align:center;font-size:.857rem;color:var(--color-text-muted)}.post-modal .btn-outline-primary{background:var(--color-bg-page);color:var(--color-text-secondary);border:1px solid var(--color-border);transform:none!important;box-shadow:none!important}.post-modal .btn-outline-primary:hover{background:var(--color-bg-page);border-color:var(--color-gray-400);transform:none!important;box-shadow:none!important}.post-modal .btn-outline-secondary{background:var(--color-bg-page);color:var(--color-text-secondary);border:1px solid var(--color-border);transform:none!important;box-shadow:none!important}.post-modal .btn-outline-secondary:hover{background:var(--color-bg-page);border-color:var(--color-gray-400);transform:none!important;box-shadow:none!important}.post-modal .form-actions{display:flex;gap:8px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-gray-200)}.post-modal .form-actions button{flex:1;padding:7px 14px;font-size:13px;white-space:nowrap}.post-modal .form-check{margin-bottom:12px}.post-modal .form-check-label{font-size:13px}.post-modal .image-upload-area .image-input{display:none!important}.post-modal .video-upload-area{border:2px dashed var(--color-border-light);border-radius:var(--border-radius-base);padding:12px;text-align:center;background:var(--color-gray-50)}.post-modal .video-upload-area .video-input{display:none!important}.post-modal .existing-images{margin-top:16px}.post-modal .existing-images h5{font-size:13px;font-weight:600;margin:0 0 8px;color:var(--color-text-dark)}.post-modal .existing-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.post-modal .existing-image-item{position:relative;aspect-ratio:1;border-radius:var(--border-radius-base);overflow:hidden;border:2px solid var(--color-border-light)}.post-modal .existing-image-item.marked-for-deletion{border-color:var(--color-danger-main)}.post-modal .existing-image-item.marked-for-deletion img{opacity:.5}.post-modal .existing-image-item.marked-for-deletion:after{content:"削除";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-danger-main);color:var(--color-white);padding:4px 8px;border-radius:var(--border-radius-base);font-size:.75rem;font-weight:700;z-index:2}.post-modal .existing-image-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-modal .existing-image-item .remove-existing-image{position:absolute;top:4px;right:4px;background:#000000b3;color:var(--color-white);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s}.post-modal .existing-image-item .remove-existing-image:hover{background:#000000e6}.post-modal .video-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin:10px 0}.post-modal .video-preview-container:empty{display:none}.post-modal .video-preview-item{position:relative;aspect-ratio:1;border-radius:var(--border-radius-base);overflow:hidden;border:2px solid var(--color-border-light);display:flex;flex-direction:column}.post-modal .video-preview-thumbnail{position:relative;width:100%;flex:1;background:var(--color-gray-200);display:flex;align-items:center;justify-content:center}.post-modal .video-preview-thumbnail video.video-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-modal .video-preview-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);font-size:24px;text-shadow:0 2px 6px rgba(0,0,0,.5);pointer-events:none;z-index:2}.post-modal .video-preview-info{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:var(--color-white);padding:4px 6px;font-size:.75rem;display:flex;flex-direction:column;gap:2px}.post-modal .video-preview-info .video-filename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.post-modal .video-preview-info .video-filesize{font-size:9px;opacity:.9}.post-modal .remove-video{position:absolute;top:4px;right:4px;background:#000000b3;color:var(--color-white);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s;z-index:3}.post-modal .remove-video:hover{background:#000000e6}.post-modal .remove-video:focus{outline:2px solid var(--color-white);outline-offset:2px}.post-modal .existing-videos{margin-top:16px}.post-modal .existing-videos h5{font-size:13px;font-weight:600;margin:0 0 8px;color:var(--color-text-dark)}.post-modal .existing-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.post-modal .existing-video-item{position:relative;aspect-ratio:1;border-radius:var(--border-radius-base);overflow:hidden;border:2px solid var(--color-border-light)}.post-modal .existing-video-item.marked-for-deletion{border-color:var(--color-danger-main)}.post-modal .existing-video-item.marked-for-deletion img,.post-modal .existing-video-item.marked-for-deletion .video-play-overlay,.post-modal .existing-video-item.marked-for-deletion .video-duration{opacity:.5}.post-modal .existing-video-item.marked-for-deletion:after{content:"削除";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-danger-main);color:var(--color-white);padding:4px 8px;border-radius:var(--border-radius-base);font-size:.75rem;font-weight:700;z-index:2}.post-modal .existing-video-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-modal .existing-video-item .video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);font-size:28px;text-shadow:0 2px 6px rgba(0,0,0,.5);pointer-events:none;z-index:1}.post-modal .existing-video-item .video-duration{position:absolute;bottom:6px;right:6px;background:#000000bf;color:var(--color-white);padding:2px 6px;border-radius:var(--border-radius-base);font-size:.75rem;font-weight:600;z-index:1}.post-modal .existing-video-item .remove-existing-video{position:absolute;top:4px;right:4px;background:#000000b3;color:var(--color-white);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s;z-index:3}.post-modal .existing-video-item .remove-existing-video:hover{background:#000000e6}.reviews-posts-section{margin:0}.reviews-posts-section .review-grid,.reviews-posts-section .post-grid{grid-template-columns:1fr!important;gap:5px}.reviews-posts-section .review-card{height:auto!important;min-height:auto!important;max-height:none!important}.reviews-posts-section .review-card .review-card-body{flex:0 0 auto!important;height:auto!important}.reviews-posts-section .post-card{height:auto!important;min-height:auto!important;max-height:none!important}.reviews-posts-section .post-card .post-card-body{flex:0 0 auto!important;height:auto!important}.area-header{background:var(--color-primary);color:var(--color-white);font-size:14px;font-weight:700;padding:10px 14px;margin-bottom:0;display:flex;align-items:center;justify-content:space-between;border-radius:var(--border-radius-base) var(--border-radius-base) 0 0}.area-header-btn{background:#fff3!important;color:var(--color-white)!important;border:1px solid rgba(255,255,255,.4)!important;font-size:.857rem!important;padding:4px 12px!important;border-radius:8px!important;transition:background .2s!important}.area-header-btn:hover{background:#ffffff59!important}.reviews-posts-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:95%;margin:0 auto}@media (max-width: 1023px){.reviews-posts-container{display:none}}.reviews-column,.posts-column{display:flex;flex-direction:column;min-width:0;overflow:hidden}.reviews-column .review-list-wrapper,.reviews-column .post-list-wrapper,.posts-column .review-list-wrapper,.posts-column .post-list-wrapper{max-height:800px;overflow:hidden scroll;padding:8px;background:var(--color-bg-page)}.reviews-column .review-list-wrapper>*,.reviews-column .post-list-wrapper>*,.posts-column .review-list-wrapper>*,.posts-column .post-list-wrapper>*{max-width:100%}.reviews-column .review-list-wrapper::-webkit-scrollbar,.reviews-column .post-list-wrapper::-webkit-scrollbar,.posts-column .review-list-wrapper::-webkit-scrollbar,.posts-column .post-list-wrapper::-webkit-scrollbar{width:5px}.reviews-column .review-list-wrapper::-webkit-scrollbar-track,.reviews-column .post-list-wrapper::-webkit-scrollbar-track,.posts-column .review-list-wrapper::-webkit-scrollbar-track,.posts-column .post-list-wrapper::-webkit-scrollbar-track{background:var(--color-bg-page);border-radius:3px}.reviews-column .review-list-wrapper::-webkit-scrollbar-thumb,.reviews-column .post-list-wrapper::-webkit-scrollbar-thumb,.posts-column .review-list-wrapper::-webkit-scrollbar-thumb,.posts-column .post-list-wrapper::-webkit-scrollbar-thumb{background:var(--color-secondary-light);border-radius:3px}.reviews-column .review-list-wrapper::-webkit-scrollbar-thumb:hover,.reviews-column .post-list-wrapper::-webkit-scrollbar-thumb:hover,.posts-column .review-list-wrapper::-webkit-scrollbar-thumb:hover,.posts-column .post-list-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.reviews-column .empty-message,.posts-column .empty-message{color:#3d506b80;font-size:14px;text-align:center;padding:24px;margin:0}.reviews-column .pagination-wrapper,.posts-column .pagination-wrapper{margin-top:auto;padding-top:16px;border-top:1px solid var(--color-border-light)}@media (max-width: 1023px){.desktop-only{display:none!important}}.mobile-only{display:none}@media (max-width: 1023px){.mobile-only{display:block}}.reviews-posts-tabs{margin:20px 0}.tabs-header{display:flex;margin-bottom:0;gap:0}.tab-button{flex:1;padding:10px 16px;background:var(--color-gray-200);border:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--color-text-medium);transition:all .2s}.tab-button:first-child{border-radius:8px 0 0}.tab-button:last-child{border-radius:0 8px 0 0}.tab-button.active{background:#3d506b;color:var(--color-white)}.tab-button:hover:not(.active){background:var(--color-gray-300)}.tab-button:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.tab-panel{display:none}.tab-panel.active{display:block}.tab-panel .review-list-wrapper,.tab-panel .post-list-wrapper{max-height:800px;overflow:hidden scroll;padding:8px;background:var(--color-bg-page)}.tab-panel .review-list-wrapper::-webkit-scrollbar,.tab-panel .post-list-wrapper::-webkit-scrollbar{width:5px}.tab-panel .review-list-wrapper::-webkit-scrollbar-track,.tab-panel .post-list-wrapper::-webkit-scrollbar-track{background:var(--color-bg-page);border-radius:3px}.tab-panel .review-list-wrapper::-webkit-scrollbar-thumb,.tab-panel .post-list-wrapper::-webkit-scrollbar-thumb{background:var(--color-secondary-light);border-radius:3px}.tab-panel .review-list-wrapper::-webkit-scrollbar-thumb:hover,.tab-panel .post-list-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.tab-panel .pagination-wrapper{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-light)}.mobile-post-button-area{margin-top:12px;text-align:right;padding-right:8px}.btn-load-more{display:block;margin:16px auto 0;background:var(--color-secondary);color:var(--color-white, #fff);border:none;padding:8px 24px;cursor:pointer;font-size:14px;border-radius:20px;transition:background-color .2s}.btn-load-more:hover{background:var(--color-secondary-dark)}.plan-checkboxes-table{width:calc(100% - 48px);margin:0 24px}.plan-checkboxes-table tbody tr td,.plan-checkboxes-table tbody td label,.plan-checkboxes-table tbody label.plan-name,.plan-checkboxes-table thead tr th{font-size:13px!important}.random-cat-container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 767px){.random-cat-container{padding:0 12px}}.random-cat-card{display:flex;flex-direction:row;gap:0;background:transparent;border:none;overflow:hidden;text-decoration:none;color:inherit;transition:opacity var(--transition-base)}.random-cat-card:hover{text-decoration:none}.random-cat-card:hover .random-cat-image:after{opacity:1}.random-cat-card:hover .random-cat-image img{opacity:.92}.random-cat-card:active{opacity:.85}.random-cat-image{flex:0 0 280px;position:relative;overflow:hidden;border-radius:12px;background:var(--color-gray-100)}.random-cat-image:before{content:"";display:block;padding-top:100%}.random-cat-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3;border-radius:inherit}.random-cat-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base)}.cat-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-gold) 0%,var(--color-accent-gold-dark) 100%)}.cat-image-placeholder i{font-size:48px;color:var(--color-white);opacity:.5}.random-cat-content{flex:1;padding:24px 32px;display:flex;flex-direction:column;justify-content:center}.random-cat-title{font-size:22px;font-weight:700;color:var(--color-primary);margin-bottom:4px;display:flex;align-items:baseline;gap:12px}.random-cat-english{font-size:14px;color:var(--color-text-muted);font-style:italic;font-weight:400}.random-cat-catchphrase{font-size:15px;font-weight:500;color:var(--color-accent-gold);font-style:italic;margin-bottom:20px}.random-cat-info{display:none}.random-cat-info .info-item{display:flex;flex-direction:column;gap:2px}.random-cat-info .info-label{font-size:11px;font-weight:600;color:var(--color-text-muted);letter-spacing:.5px}.random-cat-info .info-value{font-size:14px;font-weight:600;color:var(--color-primary)}.random-cat-description{font-size:14px;color:var(--color-text-muted);line-height:1.7;flex:1;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.random-cat-traits,.trait-badge{display:none}@media (max-width: 767px){.random-cat-card{flex-direction:column}.random-cat-image{flex:none;width:60%;max-width:280px;margin:0 auto;border-radius:10px}.random-cat-image:before{padding-top:100%}.random-cat-content{padding:16px 0;text-align:center;align-items:center}.random-cat-title{font-size:18px;flex-direction:column;gap:2px;justify-content:center}.random-cat-english{font-size:12px}.random-cat-catchphrase{font-size:13px;margin-bottom:12px}.random-cat-info{gap:16px;margin-bottom:12px}.random-cat-description{font-size:13px;-webkit-line-clamp:3}}.random-cafe-container{max-width:1200px;margin:0 auto;padding:0 20px}.random-cafe-container .random-cafe-card{display:flex;gap:0;background:var(--color-bg-page);border:1px solid var(--color-border, #e5e7eb);border-radius:2px;overflow:hidden;transition:all var(--transition-base, .3s ease);box-shadow:0 1px 2px #0000000d;height:200px;text-decoration:none;color:inherit;cursor:pointer}.random-cafe-container .random-cafe-card:hover{border-color:var(--color-secondary, #8c7a5e);box-shadow:none;text-decoration:none}.random-cafe-container .random-cafe-card:hover .random-cafe-image:after{opacity:1}.random-cafe-container .random-cafe-card:hover .random-cafe-image img{transform:scale(1.05)}.random-cafe-container .random-cafe-image{flex:0 0 300px;height:200px;position:relative;background:var(--color-gray-100, #f8f9fa);overflow:hidden}.random-cafe-container .random-cafe-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:2}.random-cafe-container .random-cafe-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.random-cafe-container .random-cafe-content{flex:1;padding:30px;display:flex;flex-direction:column}.random-cafe-container .random-cafe-title{font-size:18px;font-weight:700;color:var(--color-gray-800);margin:8px 0}.random-cafe-container .random-cafe-location{margin-bottom:15px;display:flex;align-items:center;gap:8px}.random-cafe-container .location-badge{display:inline-block;background:#8c7a5e;color:#fff;padding:2px 6px;border-radius:2px;font-size:.75rem;font-weight:600}.random-cafe-container .random-cafe-address{color:var(--color-text-muted);font-size:.857rem}.random-cafe-container .random-cafe-description{color:var(--color-text-muted);line-height:1.6;margin-bottom:20px;flex:1}.random-cafe-container .description-mobile{display:none}.random-cafe-container .description-desktop{display:inline}@media (max-width: 768px){.random-cafe-container{padding:0 5px}.random-cafe-container .random-cafe-card{flex-direction:column;height:auto}.random-cafe-container .random-cafe-image{flex:none;width:100%;height:0;padding-bottom:60%;position:relative}.random-cafe-container .random-cafe-content{padding:15px}.random-cafe-container .random-cafe-title{font-size:16px;margin:0 0 8px}.random-cafe-container .random-cafe-location{margin-bottom:10px}.random-cafe-container .random-cafe-description{font-size:13px;line-height:1.5;margin-bottom:12px}.random-cafe-container .description-mobile{display:inline}.random-cafe-container .description-desktop{display:none}}.pickup-cafe-card{display:flex;gap:0;background:var(--color-gray-50);border:none;border-radius:0;overflow:hidden;transition:all var(--transition-base, .3s ease);height:180px;max-width:1200px;margin:0 auto 20px;padding:10px 20px;text-decoration:none;color:inherit;cursor:pointer}.pickup-cafe-card:hover{text-decoration:none}.pickup-cafe-card:hover .pickup-cafe-image img{opacity:.92}.pickup-cafe-card .featured-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--color-accent-gold);margin-bottom:4px}.pickup-cafe-card .featured-badge i{font-size:10px}.pickup-cafe-card .pickup-cafe-image{flex:0 0 240px;height:160px;position:relative;background:var(--color-gray-100, #f8f9fa);overflow:hidden;border-radius:12px}.pickup-cafe-card .pickup-cafe-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base, .3s ease)}.pickup-cafe-card .pickup-cafe-content{flex:1;padding:15px 20px;display:flex;flex-direction:column;min-width:0}.pickup-cafe-card .pickup-cafe-title{font-size:16px;font-weight:700;color:var(--color-gray-800);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pickup-cafe-card .pickup-cafe-location{margin-bottom:8px;display:flex;align-items:center;gap:8px}.pickup-cafe-card .location-badge{display:inline-block;background:var(--color-accent-gold);color:#fff;padding:2px 6px;border-radius:2px;font-size:.75rem;font-weight:600;flex-shrink:0}.pickup-cafe-card .pickup-cafe-address{color:var(--color-text-muted);font-size:.857rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pickup-cafe-card .pickup-cafe-description{color:var(--color-text-muted);font-size:13px;line-height:1.5;margin-bottom:10px;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pickup-cafe-card .description-mobile{display:none}.pickup-cafe-card .description-pc{display:inline}.pickup-cafe-card .pickup-cafe-rating{display:flex;align-items:center;gap:6px;font-size:13px}.pickup-cafe-card .rating-stars{color:var(--color-accent-gold);font-size:.857rem;letter-spacing:1px;text-shadow:none}.pickup-cafe-card .rating-stars .far.fa-star{color:var(--color-text-muted)}.pickup-cafe-card .rating-value{color:var(--color-gray-800);font-weight:600;font-size:13px;text-shadow:none}.pickup-cafe-card .review-count,.pickup-cafe-card .no-reviews{color:var(--color-text-muted);font-size:.857rem}@media (max-width: 767px){.pickup-cafe-card{height:140px;margin-left:5px;margin-right:5px}.pickup-cafe-card .pickup-cafe-image{flex:0 0 140px;height:140px}.pickup-cafe-card .pickup-cafe-content{padding:10px 12px}.pickup-cafe-card .pickup-cafe-title{font-size:14px;margin-bottom:6px}.pickup-cafe-card .description-pc{display:none}.pickup-cafe-card .description-mobile{display:inline}.pickup-cafe-card .pickup-cafe-description{display:none}.pickup-cafe-card .pickup-cafe-rating{font-size:.857rem}.pickup-cafe-card .rating-stars{font-size:.75rem}.pickup-cafe-card .rating-value{font-size:.857rem}.pickup-cafe-card .review-count{font-size:.75rem}}.top-pickup-container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 767px){.top-pickup-container{padding:0 10px}}.top-pickup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 767px){.top-pickup-grid{grid-template-columns:1fr;gap:12px}}.top-pickup-card{display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition-base)}.top-pickup-card:hover{text-decoration:none}.top-pickup-card:hover .top-pickup-image img{opacity:.92}.top-pickup-card:active{opacity:.85}.top-pickup-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--color-gray-100);border-radius:10px}@media (min-width: 768px){.top-pickup-image{border-radius:12px}}.top-pickup-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base)}.top-pickup-badge{position:absolute;top:0;left:0;background:var(--color-accent-gold);color:var(--color-white, #fff);padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.5px;z-index:2}.top-pickup-info{padding:16px 20px 20px;display:flex;flex-direction:column;gap:6px;min-width:0}@media (max-width: 767px){.top-pickup-info{padding:14px}}.top-pickup-name{font-size:17px;font-weight:700;color:var(--color-text-primary, var(--color-gray-800));margin:0}@media (max-width: 767px){.top-pickup-name{font-size:16px}}.top-pickup-meta{display:flex;align-items:center;gap:8px}.top-pickup-location{font-size:13px;color:var(--color-text-muted)}.top-pickup-location i{margin-right:4px;color:var(--color-accent-gold)}.top-pickup-comment{font-size:14px;color:var(--color-text-muted);line-height:1.6;margin:0}@media (max-width: 767px){.top-pickup-comment{font-size:13px;line-height:1.5}}.top-pickup-cats{display:flex;gap:8px;margin-top:auto;justify-content:flex-end}.top-pickup-cat-icon{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover}@media (max-width: 767px){.top-pickup-cat-icon{width:38px;height:38px}}.top-pickup-cat-placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-gray-100)}.top-pickup-cat-placeholder i{font-size:16px;color:var(--color-gray-400)}.top-features-container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 767px){.top-features-container{padding:0 10px}}.top-features-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (max-width: 767px){.top-features-grid{gap:12px}}.top-feature-card{display:flex;flex-direction:row;background:transparent;border:none;border-radius:0;overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition-base)}.top-feature-card:hover{text-decoration:none}.top-feature-card:hover .top-feature-image:after{opacity:1}.top-feature-card:hover .top-feature-image img{opacity:.92}.top-feature-card:active{opacity:.85}.top-feature-image{position:relative;flex:0 0 200px;overflow:hidden;background:var(--color-gray-100);border-radius:12px}.top-feature-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3;border-radius:inherit}.top-feature-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base)}@media (max-width: 767px){.top-feature-image{flex:0 0 130px;aspect-ratio:1/1;align-self:center}}.top-feature-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-100),var(--color-gray-200))}.top-feature-placeholder i{font-size:32px;color:var(--color-gray-400)}.top-feature-info{padding:20px;display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}@media (max-width: 767px){.top-feature-info{padding:14px;gap:6px}}.top-feature-name{font-size:16px;font-weight:700;color:var(--color-text-primary, var(--color-gray-800));margin:0}@media (max-width: 767px){.top-feature-name{font-size:15px}}.top-feature-description{font-size:14px;color:var(--color-text-muted);line-height:1.6;margin:0}@media (max-width: 767px){.top-feature-description{font-size:13px;line-height:1.5}}.top-feature-link{font-size:13px;font-weight:600;color:var(--color-accent-gold);margin-top:auto}.top-feature-link i{font-size:11px;margin-left:2px;transition:transform .2s ease}.top-feature-card:hover .top-feature-link i{transform:translate(3px)}.site-stats{max-width:1200px;margin:0 auto;padding:8px 20px}@media (max-width: 767px){.site-stats{padding:4px 12px}}.site-stats-grid{display:flex;justify-content:center;gap:0}@media (max-width: 767px){.site-stats-grid{display:flex;gap:0}}a.site-stats-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;background:transparent;border:none;border-right:1px solid var(--color-border);white-space:nowrap;text-decoration:none;color:inherit;transition:opacity var(--transition-fast)}a.site-stats-item:last-child{border-right:none}a.site-stats-item:hover{opacity:.7;text-decoration:none}a.site-stats-item:active{opacity:.85}@media (max-width: 767px){a.site-stats-item{padding:8px 12px;flex:1}}.site-stats-icon{font-size:20px;color:var(--color-accent-gold)}@media (max-width: 767px){.site-stats-icon{font-size:14px}}.site-stats-number{font-size:28px;font-weight:800;color:var(--color-primary);line-height:1}@media (max-width: 767px){.site-stats-number{font-size:20px}}.site-stats-label{font-size:11px;color:var(--color-text-muted);font-weight:500;letter-spacing:.5px}@media (max-width: 767px){.site-stats-label{font-size:9px}}.latest-reviews-posts-container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 767px){.latest-reviews-posts-container{padding:0 5px}}.latest-rp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.latest-rp-column{display:flex;flex-direction:column;min-width:0;overflow:hidden}.latest-rp-area-header{padding:10px 12px;font-size:14px;font-weight:700;color:var(--color-white);background:var(--color-primary);border-radius:var(--border-radius-base) var(--border-radius-base) 0 0}.latest-rp-area-header i{margin-right:4px;font-size:13px}.latest-rp-list{max-height:600px;overflow-y:auto;border-radius:0 0 var(--border-radius-base) var(--border-radius-base);background:var(--color-bg-page);padding:0 8px}.latest-rp-list::-webkit-scrollbar{width:5px}.latest-rp-list::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.latest-rp-list::-webkit-scrollbar-thumb{background:var(--color-secondary-light);border-radius:3px}.latest-rp-list::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.latest-rp-list .review-card,.latest-rp-list .post-card{margin-bottom:8px}.latest-rp-list .review-card:last-child,.latest-rp-list .post-card:last-child{margin-bottom:0}.latest-rp-list .empty-message{color:var(--color-text-muted);font-size:14px;text-align:center;padding:24px;margin:0}.latest-rp-tabs .tab-panel{display:none}.latest-rp-tabs .tab-panel.active{display:block}.latest-rp-tabs .tabs-content{border:1.5px solid var(--color-border-lighter);border-top:none;border-radius:0 0 var(--border-radius-base) var(--border-radius-base);background:var(--color-bg-page)}.latest-rp-tabs .latest-rp-list{border:none;border-radius:0;padding:8px}.sns-share{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-align:center}.sns-share__label{font-size:13px;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-muted);letter-spacing:.05em}.sns-share__buttons{display:inline-flex;gap:8px;background:var(--color-gray-50);padding:8px 12px;border-radius:50px}.sns-share__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:16px;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s ease}.sns-share__btn span{display:none}.sns-share__btn:hover{opacity:.8}.sns-share__btn--x{background:#000;color:#fff}.sns-share__btn--line{background:#06c755;color:#fff}.sns-share__btn--copy{background:var(--color-gray-200);color:var(--color-text-primary)}@media (min-width: 992px){.main-wrapper{display:flex;gap:0;position:relative}body:after{content:"";position:fixed;top:0;left:0;width:calc((100vw - 960px)/2 + 260px);height:100vh;background:linear-gradient(to bottom,#3e536f,#2a3b55);z-index:1}}@media (min-width: 1200px){body:after{width:calc((100vw - 1140px)/2 + 260px)}}@media (min-width: 1400px){body:after{width:calc((100vw - 1320px)/2 + 260px)}}.main-content{background-color:var(--color-bg-page)}@media (min-width: 992px){.main-content{flex:1;min-width:0;padding:var(--spacing-md);position:relative}}@media (max-width: 991.98px){.main-content{width:100%;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);padding-left:0!important;padding-right:0!important}}.container{margin:0 auto;padding:0}.content-wrapper{max-width:100%;margin:0 auto}.ad-sidebar{position:fixed;top:80px;width:160px;height:600px;display:none;align-items:center;justify-content:center;color:var(--color-gray-500);font-size:var(--font-size-sm);z-index:4}@media (min-width: 1400px){.ad-sidebar{display:flex}}@media (min-width: 992px){.ad-sidebar-left{left:max(20px,(100vw - 960px) / 2 - 200px)}}@media (min-width: 1200px){.ad-sidebar-left{left:max(20px,(100vw - 1140px) / 2 - 200px)}}@media (min-width: 1400px){.ad-sidebar-left{left:max(20px,(100vw - 1320px) / 2 - 200px)}}@media (min-width: 992px){.ad-sidebar-right{right:max(20px,(100vw - 960px) / 2 - 200px)}}@media (min-width: 1200px){.ad-sidebar-right{right:max(20px,(100vw - 1140px) / 2 - 200px)}}@media (min-width: 1400px){.ad-sidebar-right{right:max(20px,(100vw - 1320px) / 2 - 200px)}}.adsense-container{width:100%;text-align:center;background-color:transparent;position:relative;overflow:hidden}.adsense-container:before{content:"スポンサーリンク";display:block;padding:8px;font-size:var(--font-size-xs);color:var(--color-gray-500);background-color:var(--color-gray-100);border-bottom:1px solid var(--color-gray-350)}.ad-mobile-size{display:inline-block;width:320px;height:50px}.ad-rectangle-size{display:inline-block;width:300px;height:250px}.layout-root{min-height:100vh;display:flex;flex-direction:column}.layout-container{display:flex;flex:1;position:relative}@media (min-width: 992px){.layout-container{padding-left:260px}}.layout-content{flex:1;width:100%;background-color:var(--color-gray-100);min-height:100vh}@media (min-width: 992px){.layout-content .content-wrapper{max-width:1100px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}}@media (min-width: 768px) and (max-width: 991.98px){.layout-content .content-wrapper{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 767.98px){.layout-content .content-wrapper{padding:var(--spacing-md)}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background-color:var(--color-secondary);color:var(--color-white);z-index:999;padding:0 var(--spacing-md);align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}@media (max-width: 991.98px){.mobile-header{display:flex}}.mobile-header .mobile-logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-white);text-decoration:none}@media (max-width: 991.98px){.layout-content{padding-top:56px}}.footer-banners{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:var(--spacing-lg)}.footer-banner-link{position:relative;display:block;width:100%;aspect-ratio:5/2;border-radius:var(--border-radius-base);overflow:hidden;background-color:var(--color-accent-gold)}.footer-banner-link:not([data-border-style=none]):after{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border:1px solid var(--color-white);border-radius:1px;z-index:2;pointer-events:none}.footer-banner-link[data-border-style=double]:after{border-style:double;border-width:3px}.footer-banner-link[data-border-style=dashed]:after{border-style:dashed}.footer-banner-link[data-border-style=dotted]:after{border-style:dotted}.footer-banner-link:hover .footer-banner-overlay{background-color:#00000073}.footer-banner-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.footer-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000059;transition:background-color .2s}.footer-banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 8px;font-size:14px;font-weight:700;text-align:center;color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1.3;z-index:1}@media (max-width: 991.98px){.footer-banners{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:var(--spacing-md)}}.main-footer{border-top:1px solid var(--color-border-lighter-alt);padding:var(--spacing-md) var(--spacing-xl);margin-top:var(--spacing-xl);text-align:center}.main-footer p{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}@media (max-width: 991.98px){.main-footer{padding:var(--spacing-md);margin-top:var(--spacing-lg)}}.main-wrapper{min-height:100vh}.sidebar-menu{width:260px;min-width:260px;max-width:260px;height:100vh;background-color:var(--color-primary-dark);z-index:1002;overflow-y:auto;transition:transform var(--transition-base);position:fixed;top:0;flex-shrink:0;box-sizing:border-box;background:linear-gradient(to bottom,#3e536f,#2a3b55);background-attachment:fixed;scrollbar-width:thin;scrollbar-color:rgba(107,127,149,.3) transparent}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:#6b7f954d;border-radius:3px;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#6b7f9599}@media (min-width: 1024px){.main-wrapper{display:flex;gap:0;position:relative}.sidebar-menu{position:sticky;top:0;height:100vh;transform:translate(0);flex-shrink:0;background-color:var(--color-primary-dark);overflow-y:auto;overflow-x:hidden;z-index:10;min-width:260px;max-width:260px}.main-content{flex:1;min-width:0;padding:var(--spacing-md);background-color:var(--color-bg-page);position:relative}.hamburger-menu{display:none}}@media (max-width: 1023px){.main-wrapper{display:block}.main-content{width:100%;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);padding-left:0;padding-right:0}.sidebar-menu{right:0;left:auto;transform:translate(100%);box-shadow:-2px 0 8px #0000001a;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:100vh;height:100dvh}.sidebar-menu.active{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1001;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.sidebar-overlay.active{opacity:1;visibility:visible}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;z-index:50;align-items:center;justify-content:space-between;padding:0 15px}.mobile-header-logo{flex:1;text-align:center;overflow:hidden}.mobile-header-logo a{font-family:var(--font-family-logo);color:var(--color-white);font-size:18px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:60px}.mobile-header-logo .mobile-header-logo-img{width:44px;height:auto;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1);flex-shrink:0}.mobile-header-logo .mobile-header-logo-wrapper{display:flex;align-items:center;gap:6px;flex-shrink:1;min-width:0}.mobile-header-logo .mobile-header-logo-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-header-logo .staging-badge{flex-shrink:0;background:var(--color-accent-gold);color:var(--color-white);font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:3px;line-height:1.2}.mobile-header-spacer{width:44px;height:44px}@media (max-width: 1023px){.mobile-header{display:flex}.main-content{padding-top:calc(60px + var(--spacing-md))}.map-page .main-content{padding-top:var(--spacing-md)}}.hamburger-menu{--hamburger-bg: rgba(255, 255, 255, .2);--hamburger-border: rgba(255, 255, 255, .3);position:fixed;top:8px;right:15px;width:44px;height:44px;background-color:var(--hamburger-bg)!important;border:1px solid var(--hamburger-border)!important;border-radius:var(--border-radius-base);display:none;align-items:center;justify-content:center;cursor:pointer;z-index:1003;transition:background-color var(--transition-fast);padding:0;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.hamburger-menu.active{background-color:#ffffff26!important;border-color:#ffffff80!important}.hamburger-menu.active:hover{background-color:#ffffff40!important}@media (max-width: 1023px){.hamburger-menu{display:flex}html:not([data-theme=dark]) .map-page .hamburger-menu{--hamburger-bg: rgba(61, 80, 107, .55);--hamburger-border: rgba(61, 80, 107, .3);background-color:var(--hamburger-bg)!important;border-color:var(--hamburger-border)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html:not([data-theme=dark]) .map-page .hamburger-menu:hover{background-color:#3d506bb3!important}html:not([data-theme=dark]) .map-page .hamburger-menu.active{background-color:#3d506ba6!important}html:not([data-theme=dark]) .map-page .hamburger-menu.active:hover{background-color:#3d506bbf!important}}button.hamburger-menu{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--hamburger-bg)!important}.hamburger-menu:hover{background-color:#ffffff4d!important}.hamburger-menu span{display:block;width:20px;height:2px;background-color:var(--color-bg-page);position:relative;transition:background-color var(--transition-fast)}.hamburger-menu span:before,.hamburger-menu span:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--color-bg-page);transition:transform var(--transition-fast)}.hamburger-menu span:before{top:-6px}.hamburger-menu span:after{bottom:-6px}.hamburger-menu.active span{background-color:transparent}.hamburger-menu.active span:before{top:0;transform:rotate(45deg);background-color:var(--color-bg-page)}.hamburger-menu.active span:after{bottom:0;transform:rotate(-45deg);background-color:var(--color-bg-page)}.sidebar-header{padding:20px 14px 20px 20px;border-bottom:none}.sidebar-logo{font-family:var(--font-family-logo);font-size:var(--font-size-xl);color:#fffffff2;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:8px;min-height:50px}.sidebar-logo .sidebar-logo-img{width:52px;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:var(--border-radius-base);filter:brightness(0) invert(1);flex-shrink:0}.sidebar-logo .sidebar-logo-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0}.sidebar-logo .sidebar-logo-text{line-height:1.2;white-space:pre-line}.sidebar-logo .staging-badge{flex-shrink:0;background:var(--color-accent-gold);color:var(--color-white);font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:3px;line-height:1.2}.sidebar-nav{padding:12px 0}.sidebar-nav-section{padding:12px 20px 6px;font-size:.75rem;font-weight:600;color:#ffffff80;letter-spacing:.5px}.sidebar-nav-section i{margin-right:6px;font-size:.75rem;opacity:.5}.sidebar-nav-section:first-child{padding-top:0}.sidebar-nav-item{display:block;padding:10px 14px 10px 20px;color:#fffffff2;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);position:relative;font-size:13.5px}.sidebar-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-accent-gold);opacity:0;transition:opacity var(--transition-fast)}.sidebar-nav-item:hover{background-color:#ffffff14;color:#fff}.sidebar-nav-item:hover:before{opacity:1}.sidebar-nav-item.active{background-color:#ffffff1a;color:#fff}.sidebar-nav-item.active:before{opacity:1;width:4px;background-color:var(--color-accent-gold)}.sidebar-nav-item--sub{padding-left:33px;font-size:.857rem}.sidebar-nav-item--sub i{margin-right:4px;font-size:.857rem}.sidebar-nav-item[href*="/admin"]{display:inline-flex;align-items:center;gap:6px;margin:8px 20px;padding:6px 14px;width:auto;font-size:12.5px;font-weight:600;letter-spacing:.5px;color:#ffffffd9;border:1px solid rgba(255,255,255,.35);border-radius:50px;background:#ffffff14}.sidebar-nav-item[href*="/admin"] i{font-size:12px;color:#ffffffb3}.sidebar-nav-item[href*="/admin"]:before{display:none}.sidebar-nav-item[href*="/admin"]:hover{background:#ffffff26;border-color:#ffffff80;color:var(--color-white)}.sidebar-nav-item[href*="/admin"]:hover i{color:#ffffffe6}.sidebar-nav-item[href*="/admin"].active{border-color:#ffffff59;color:#ffffffd9}.sidebar-nav-separator{margin:4px 0;height:0;background-color:transparent}.sidebar-footer{padding:12px 20px;border-top:none;margin-top:auto}.sidebar-footer-text{font-size:.857rem;color:#ffffffbf;margin-bottom:4px}.sidebar-beta-notice{display:flex;align-items:center;gap:8px;margin-top:8px}.sidebar-beta-notice .beta-badge{display:inline-block;background:var(--color-secondary);color:var(--color-white);padding:2px 8px;border-radius:var(--border-radius-base);font-size:.857rem;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.sidebar-beta-notice .beta-text{font-size:var(--font-size-xs);color:#fffc;font-weight:400}.language-switcher{padding:8px 20px;font-size:13px;color:#ffffffd9}.language-switcher .language-label{margin-right:8px}.language-switcher .language-option{color:#ffffffd9;text-decoration:none;transition:color var(--transition-fast)}.language-switcher .language-option:hover{color:#fff}.language-switcher .language-option.active{color:#fff;font-weight:700}.language-switcher .language-divider{margin:0 8px;color:#ffffff4d}.theme-switcher{padding:8px 20px}.theme-switcher-toggle{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:0;cursor:pointer;font-size:13px;color:#ffffffd9;transition:color var(--transition-fast)}.theme-switcher-toggle:hover{color:#fff}.theme-switcher-icon{width:16px;text-align:center;font-size:13px;color:#ffffffb3}.theme-switcher-label{flex:1;text-align:left}.theme-switcher-track{position:relative;width:32px;height:18px;background:#fff3;border-radius:9px;transition:background-color .2s ease;flex-shrink:0}.theme-switcher-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fffc;border-radius:50%;transition:transform .2s ease}.theme-switcher-thumb.active{transform:translate(14px)}.legal-links{padding:8px 20px 12px;font-size:.857rem;color:#ffffffb3;display:flex;flex-direction:column;gap:6px}.legal-links .legal-link{color:#ffffffb3;text-decoration:none;transition:color var(--transition-fast);display:block}.legal-links .legal-link:hover{color:#fffffff2}.legal-links .legal-link.active{color:#fff}.btn.btn-primary.sidebar-review-btn{display:block;width:calc(100% - 40px);margin:16px 20px;text-align:center;padding:12px 16px!important;font-size:14px!important;font-weight:700;background:#ffffff1a!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid var(--color-accent-gold)!important;color:var(--color-white)!important;border-radius:8px;transition:all var(--transition-fast)}.btn.btn-primary.sidebar-review-btn:hover{background:#ffffff2e!important;border-color:var(--color-accent-gold)!important;color:var(--color-white)!important}.btn.btn-primary.sidebar-review-btn i{margin-right:6px;font-size:14px}.btn.btn-primary.sidebar-review-btn.btn-gold{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn.btn-primary.sidebar-review-btn.btn-gold:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark);color:var(--color-white)}.sidebar-banners{padding:4px 20px 0}.sidebar-banner-link{position:relative;display:block;width:100%;height:56px;margin:8px 0;border-radius:var(--border-radius-base);overflow:hidden;background-color:var(--color-accent-gold)}.sidebar-banner-link:not([data-border-style=none]):after{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border:1px solid var(--color-white);border-radius:5px;z-index:2;pointer-events:none}.sidebar-banner-link[data-border-style=double]:after{border-style:double;border-width:3px}.sidebar-banner-link[data-border-style=dashed]:after{border-style:dashed}.sidebar-banner-link[data-border-style=dotted]:after{border-style:dotted}.sidebar-banner-link:hover .sidebar-banner-overlay{background-color:#00000073}.sidebar-banner-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sidebar-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000059;transition:background-color .2s}.sidebar-banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 8px;font-size:13px;font-weight:700;text-align:center;color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1.3;z-index:1}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col,[class*=col-]{padding:0 15px}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-xs-cols-1{grid-template-columns:repeat(1,1fr)}.grid-xs-cols-2{grid-template-columns:repeat(2,1fr)}.grid-xs-cols-3{grid-template-columns:repeat(3,1fr)}.grid-xs-cols-4{grid-template-columns:repeat(4,1fr)}.grid-xs-cols-5{grid-template-columns:repeat(5,1fr)}.grid-xs-cols-6{grid-template-columns:repeat(6,1fr)}@media (min-width: 576px){.grid-sm-cols-1{grid-template-columns:repeat(1,1fr)}.grid-sm-cols-2{grid-template-columns:repeat(2,1fr)}.grid-sm-cols-3{grid-template-columns:repeat(3,1fr)}.grid-sm-cols-4{grid-template-columns:repeat(4,1fr)}.grid-sm-cols-5{grid-template-columns:repeat(5,1fr)}.grid-sm-cols-6{grid-template-columns:repeat(6,1fr)}}@media (min-width: 768px){.grid-md-cols-1{grid-template-columns:repeat(1,1fr)}.grid-md-cols-2{grid-template-columns:repeat(2,1fr)}.grid-md-cols-3{grid-template-columns:repeat(3,1fr)}.grid-md-cols-4{grid-template-columns:repeat(4,1fr)}.grid-md-cols-5{grid-template-columns:repeat(5,1fr)}.grid-md-cols-6{grid-template-columns:repeat(6,1fr)}}@media (min-width: 992px){.grid-lg-cols-1{grid-template-columns:repeat(1,1fr)}.grid-lg-cols-2{grid-template-columns:repeat(2,1fr)}.grid-lg-cols-3{grid-template-columns:repeat(3,1fr)}.grid-lg-cols-4{grid-template-columns:repeat(4,1fr)}.grid-lg-cols-5{grid-template-columns:repeat(5,1fr)}.grid-lg-cols-6{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1200px){.grid-xl-cols-1{grid-template-columns:repeat(1,1fr)}.grid-xl-cols-2{grid-template-columns:repeat(2,1fr)}.grid-xl-cols-3{grid-template-columns:repeat(3,1fr)}.grid-xl-cols-4{grid-template-columns:repeat(4,1fr)}.grid-xl-cols-5{grid-template-columns:repeat(5,1fr)}.grid-xl-cols-6{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1400px){.grid-xxl-cols-1{grid-template-columns:repeat(1,1fr)}.grid-xxl-cols-2{grid-template-columns:repeat(2,1fr)}.grid-xxl-cols-3{grid-template-columns:repeat(3,1fr)}.grid-xxl-cols-4{grid-template-columns:repeat(4,1fr)}.grid-xxl-cols-5{grid-template-columns:repeat(5,1fr)}.grid-xxl-cols-6{grid-template-columns:repeat(6,1fr)}}.grid-gap-xs{gap:var(--spacing-xs)}.grid-gap-sm{gap:var(--spacing-sm)}.grid-gap-md{gap:var(--spacing-md)}.grid-gap-lg{gap:var(--spacing-lg)}.grid-gap-xl{gap:var(--spacing-xl)}.grid-item-span-2{grid-column:span 2}.grid-item-span-3{grid-column:span 3}.grid-item-span-4{grid-column:span 4}.grid-item-span-5{grid-column:span 5}.grid-item-span-6{grid-column:span 6}.grid-item-span-full{grid-column:1/-1}.cafe-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 768px){.cafe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (min-width: 992px){.cafe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cafe-grid>*{width:100%;min-width:0}.review-grid{display:grid;gap:0;grid-template-columns:1fr}@media (min-width: 992px){.review-grid{grid-template-columns:repeat(2,1fr);gap:0}}.gallery-grid{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 992px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}.ad-sidebar-size{display:inline-block;width:160px;height:600px}form.hidden{display:none}.banner-section{margin:var(--spacing-xl) 0}.banner-container{position:relative;width:75%;max-width:75%;margin:0 auto;overflow:hidden;border-radius:var(--border-radius-base)}.banner-link{display:block;width:100%;height:100%;text-decoration:none;position:relative}.banner-image{display:block;width:100%;height:90px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease}.banner-link:hover .banner-image{transform:scale(1.05)}.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#0006);display:flex;align-items:center;justify-content:center;opacity:.95;transition:opacity .3s ease}.banner-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000040;opacity:0;transition:opacity .2s ease;z-index:1}.banner-link:hover .banner-overlay:after{opacity:1}.banner-content{text-align:center;color:var(--color-white);padding:0;position:relative;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.banner-title{font-size:1.5em;font-weight:700;margin-top:var(--spacing-sm);margin-bottom:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.banner-description{font-size:1.1rem;margin-bottom:var(--spacing-md);text-shadow:1px 1px 2px rgba(0,0,0,.5);opacity:.95}@media (max-width: 768px){.banner-section{margin:var(--spacing-lg) 0}.banner-image{height:100px}.banner-title{font-size:1.5rem}.banner-description{font-size:.9rem}}@media (max-width: 480px){.banner-image{height:67px}.banner-title{font-size:1.25rem}.banner-description{font-size:.857rem}.banner-content{padding:0}}body.map-page{overscroll-behavior:none;touch-action:pan-x pan-y}body.map-page.fullscreen-active .header-container,body.map-page.fullscreen-active .sidebar,body.map-page.fullscreen-active .sidebar-menu,body.map-page.fullscreen-active .sidebar-overlay,body.map-page.fullscreen-active .hamburger-menu,body.map-page.fullscreen-active .ad-sidebar,body.map-page.fullscreen-active .mobile-nav-wrapper,body.map-page.fullscreen-active .map-filters-section{display:none!important}body.map-page.fullscreen-active .main-content{margin-left:0!important;width:100%!important}body.map-page.fullscreen-active .map-page{height:100vh}.map-page{height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}.map-with-sidebar{height:calc(100vh - 60px);display:flex;position:relative;overflow:hidden;margin:0;transition:all .3s ease}.map-with-sidebar.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:99999;background:var(--color-bg-page)}.map-sidebar-wrapper{display:flex;flex-direction:column;gap:0;position:relative;z-index:10}.map-with-sidebar.fullscreen .map-sidebar-wrapper{height:100vh}.map-sidebar-title{display:none}.map-sidebar{width:340px;height:calc(100vh - 60px);background:var(--color-bg-page);display:flex;flex-direction:column;margin-right:10px;position:relative;z-index:10;overflow:hidden;border-radius:var(--border-radius-base)}.map-with-sidebar.fullscreen .map-sidebar{height:100vh;border-radius:0;margin-right:0;box-shadow:4px 0 16px #00000012}.sidebar-search-form{padding:12px;background:var(--color-gray-200);border-radius:var(--border-radius-base)}.sidebar-search-form .search-input-wrapper{display:flex;gap:0;align-items:stretch;flex-wrap:nowrap}.sidebar-search-form .search-input{flex:1;min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.5);border-right:none;border-radius:8px 0 0 8px;font-size:14px;line-height:1.5;background:#ffffff73;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:var(--color-text-primary);box-shadow:0 1px 4px #0000000a}.sidebar-search-form .search-input::-moz-placeholder{color:var(--color-text-muted)}.sidebar-search-form .search-input::placeholder{color:var(--color-text-muted)}.sidebar-search-form .search-input:focus{outline:none;background:#ffffffb3}.sidebar-search-form .search-btn{padding:10px 14px;font-size:14px;background:#ffffff73;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.5);border-left:none;border-radius:0 8px 8px 0;color:var(--color-primary);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000000a;transition:background var(--transition-fast)}.sidebar-search-form .search-btn:hover{background:#ffffffb3}.sidebar-search-form .sidebar-action-buttons{display:flex;gap:6px;margin-top:8px}.sidebar-search-form .sidebar-action-buttons .btn-location{flex:1;min-width:0;padding:8px 6px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;overflow:hidden;background:#fff6;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.5);border-radius:var(--border-radius-base);color:var(--color-text-primary);cursor:pointer;box-shadow:0 1px 4px #0000000a;transition:background var(--transition-fast)}.sidebar-search-form .sidebar-action-buttons .btn-location:hover{background:#ffffffa6}.sidebar-search-form .sidebar-action-buttons .btn-location span{overflow:hidden;text-overflow:ellipsis}.sidebar-search-form .sidebar-action-buttons .btn-random{flex:0 0 auto;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:none!important;border:none!important;box-shadow:none!important;outline:none!important;color:var(--color-secondary);cursor:pointer;border-radius:var(--border-radius-base)}.sidebar-search-form .sidebar-action-buttons .btn-random:hover,.sidebar-search-form .sidebar-action-buttons .btn-random:focus,.sidebar-search-form .sidebar-action-buttons .btn-random:active{background:none!important;border:none!important;box-shadow:none!important;outline:none!important;border-color:transparent!important}.sidebar-search-form .sidebar-action-buttons .btn-random:hover i.fa-dice{animation:dice-roll .5s ease}.sidebar-search-form .sidebar-action-buttons .btn-random i{font-size:1.3em}@keyframes dice-roll{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.map-sidebar-header{padding:5px 16px;display:flex;justify-content:space-between;align-items:center}.map-sidebar-header h3{margin:0;font-size:14px;font-weight:600;color:var(--color-primary)}.results-count{background:var(--color-gray-100);color:var(--color-text-primary);padding:2px 8px;border-radius:12px;font-size:13px;font-weight:600;border:1px solid var(--color-border-lighter)}.map-sidebar-content{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}.map-sidebar-content::-webkit-scrollbar{width:6px}.map-sidebar-content::-webkit-scrollbar-track{background:transparent}.map-sidebar-content::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--border-radius-base)}.map-sidebar-content::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.results-list{padding:0 12px}.cafe-card-mini{display:flex;gap:12px;padding:12px 4px;cursor:pointer;transition:background var(--transition-fast);border-radius:0;box-shadow:none;border:none}.cafe-card-mini:not(:last-child){border-bottom:1px solid var(--color-gray-200)}.cafe-card-mini:hover{background:var(--color-gray-50)}.cafe-card-mini:active{opacity:.85}.cafe-card-mini.active{background:var(--color-gray-100)}.cafe-card-mini__image{position:relative;width:64px;height:64px;flex-shrink:0;background:var(--color-gray-100);border-radius:var(--border-radius-base);overflow:hidden}.cafe-card-mini__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 768px){.cafe-card-mini__image{width:80px;height:80px}}.cafe-card-mini__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-150, #E8EBF0) 100%)}.cafe-card-mini__placeholder .fa-image{font-size:20px;color:var(--color-gray-300)}.cafe-card-mini__info{flex:1;min-width:0}.cafe-card-mini__name{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.cafe-card-mini__name-sub{font-size:11px;color:var(--color-text-muted);margin-bottom:4px}.cafe-card-mini__meta{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.cafe-card-mini__rating{font-size:12px;color:var(--color-accent-gold);display:flex;align-items:center;gap:4px;text-shadow:none}.cafe-card-mini__rating .rating-value{font-weight:600;color:var(--color-accent-gold);text-shadow:none}.cafe-card-mini__badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;background:var(--color-accent-gold)}.cafe-card-mini__badge--closed{background:var(--color-gray-500)}.cafe-card-mini__address{font-size:12px;color:var(--color-text-muted);line-height:1.4}.cafe-card-mini__distance{font-size:12px;color:var(--color-secondary);margin-top:2px}.map-container{flex:1;position:relative;overscroll-behavior:none}.map-view{width:100%;height:100%;border-radius:var(--border-radius-base);overflow:hidden}.map-with-sidebar.fullscreen .map-view{border-radius:0}.map-controls{position:absolute;top:10px;right:10px;z-index:5}.view-toggle{background:#ffffff80;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.6);border-radius:var(--border-radius-base);box-shadow:0 2px 8px #0000000f;display:flex;overflow:hidden}.view-btn{padding:8px 15px;border:none;background:transparent;color:var(--color-primary);cursor:pointer;font-size:13px;transition:background var(--transition-fast)}.view-btn.active{background:#6b7f95b3;color:#fff}.view-btn:hover:not(.active){background:#ffffff4d}.gm-style .gm-bundled-control .gmnoprint>div{background:#ffffff80!important;backdrop-filter:blur(16px) saturate(1.4)!important;-webkit-backdrop-filter:blur(16px) saturate(1.4)!important;border:1px solid rgba(255,255,255,.6)!important;border-radius:var(--border-radius-base)!important;box-shadow:0 2px 8px #0000000f!important}.gm-style .gm-bundled-control button{background:transparent!important;border-radius:0!important;color:var(--color-primary)!important}.gm-style .gm-bundled-control button img{filter:brightness(0) saturate(100%) invert(30%) sepia(15%) saturate(700%) hue-rotate(180deg)!important}.gm-style .gmnoprint>div[draggable=false]{background:#ffffff80!important;backdrop-filter:blur(16px) saturate(1.4)!important;-webkit-backdrop-filter:blur(16px) saturate(1.4)!important;border:1px solid rgba(255,255,255,.6)!important;border-radius:var(--border-radius-base)!important;box-shadow:0 2px 8px #0000000f!important}.gm-style .gm-control-active{background:#ffffff80!important;border-radius:var(--border-radius-base)!important}.gm-style .gm-control-active img{filter:brightness(0) saturate(100%) invert(30%) sepia(15%) saturate(700%) hue-rotate(180deg)!important}.fullscreen-btn,.fullscreen-exit-btn{position:absolute;top:10px;background:#ffffff80;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:var(--color-primary);border:1px solid rgba(255,255,255,.6);border-radius:var(--border-radius-base);padding:8px 16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:8px;transition:background var(--transition-fast)}.fullscreen-btn:hover,.fullscreen-exit-btn:hover{background:#ffffffbf}.fullscreen-btn i,.fullscreen-exit-btn i{font-size:16px}.fullscreen-btn{left:10px;display:none;z-index:5}@media (min-width: 992px){.fullscreen-btn{display:inline-flex}}.fullscreen-exit-btn{left:50px;z-index:15}.cafe-info-window{padding:12px;min-width:250px;max-width:300px}.cafe-info-window .info-window-image{position:relative;width:100%;height:120px;margin-bottom:10px;background:var(--color-gray-100);border-radius:var(--border-radius-base);overflow:hidden}.cafe-info-window .info-window-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.cafe-info-window .info-window-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center}.cafe-info-window .info-window-placeholder .fa-image{font-size:28px;color:var(--color-gray-300)}.cafe-info-window .info-window-name{font-size:14px;font-weight:600;color:var(--color-primary);margin:0;padding-bottom:5px}.cafe-info-window .info-window-name-sub{font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.cafe-info-window .info-window-rating{color:var(--color-accent-gold);display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:13px;flex-wrap:wrap;text-shadow:none}.cafe-info-window .info-window-rating .rating-value{font-weight:600;color:var(--color-accent-gold);text-shadow:none}.cafe-info-window .info-window-rating .review-count{color:var(--color-text-muted);text-shadow:none}.cafe-info-window .info-window-address{color:var(--color-text-muted);font-size:13px;margin-bottom:5px;line-height:1.4}.cafe-info-window .info-window-hours{font-size:13px;color:var(--color-text-primary);margin-bottom:8px}.cafe-info-window .info-window-buttons{display:flex;gap:8px}.cafe-info-window .info-window-btn{padding:6px 12px;font-size:12px;border-radius:var(--border-radius-base);text-decoration:none;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:background var(--transition-fast)}.cafe-info-window .info-window-btn--primary{background:var(--color-secondary-pale);color:var(--color-primary);border:none}.cafe-info-window .info-window-btn--primary:hover{background:var(--color-secondary-light);color:var(--color-primary)}.cafe-info-window .info-window-btn--google-maps{background:var(--color-success-main);color:#fff;border:none}.cafe-info-window .info-window-btn--google-maps:hover{opacity:.85;color:#fff}.gm-style-iw-c{border-radius:12px!important;padding:0!important}.gm-style-iw-d{overflow:auto!important}.gm-ui-hover-effect{display:none!important}.bottom-sheet,.bottom-sheet-handle,.current-location-btn-mobile,.mobile-search-bar{display:none}.fullscreen-search-form{padding:15px;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-100)}.fullscreen-search-form .search-input-wrapper{display:flex;gap:8px}.fullscreen-search-form .search-input-wrapper .search-input{flex:1;padding:8px 12px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-base);font-size:14px}.fullscreen-search-form .search-input-wrapper .btn{padding:8px 16px;font-size:14px}.map-loading-state{padding:60px 1.5rem 1.5rem;text-align:center}.map-loading-state .fa-spinner{font-size:1.5rem;color:var(--color-text-muted)}.map-loading-state p{font-size:13px;color:var(--color-text-muted);margin-top:8px}.map-empty-state{padding:60px 1.5rem 1.5rem;text-align:center}.map-empty-state .fa-search{font-size:2rem;color:var(--color-gray-300)}.map-empty-state p{font-size:13px;color:var(--color-text-muted);margin-top:8px}.map-error-state{padding:20px;text-align:center;color:var(--color-danger-main, #dc3545);font-size:14px}@media (max-width: 768px){.map-sidebar-title{display:none}.map-page .floating-review-button{display:none!important}.map-page .hamburger-menu{z-index:1002}.map-page .hamburger-menu.active{z-index:1004}.map-page .sidebar-overlay{z-index:1001}.map-page .sidebar-menu{z-index:1003}.map-page{margin:0;padding:0;height:100vh;overflow:hidden}.map-page .main-content{padding-left:0;padding-right:0}.map-page .mobile-nav-wrapper{display:none!important}body.map-page{margin:0;padding:0}.map-with-sidebar{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;width:100vw}.map-container,#map{position:absolute;top:0;left:0;right:0;bottom:0}.map-view{border-radius:0}.map-sidebar{display:none}.mobile-search-bar{display:flex;position:absolute;top:10px;left:12px;right:68px;z-index:998}.mobile-search-bar__input{flex:1;min-width:0;padding:10px 14px;border:1px solid rgba(255,255,255,.6);border-right:none;border-radius:8px 0 0 8px;font-size:16px;background:#ffffff73;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 2px 8px #00000014;color:var(--color-text-primary)}.mobile-search-bar__input::-moz-placeholder{color:var(--color-text-muted);font-size:13px}.mobile-search-bar__input::placeholder{color:var(--color-text-muted);font-size:13px}.mobile-search-bar__input:focus{outline:none;background:#ffffffb3}.mobile-search-bar__btn{width:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff73;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);color:var(--color-primary);border:1px solid rgba(255,255,255,.6);border-left:none;border-radius:0 8px 8px 0;box-shadow:0 2px 8px #00000014;cursor:pointer;font-size:15px}.mobile-search-bar__btn:active{background:#ffffffb3}.map-controls{top:62px;right:15px}.view-toggle{flex-direction:column;background:#ffffff73;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #0000000f;border-radius:var(--border-radius-base)}.view-btn{padding:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:0;background:transparent;color:var(--color-primary);box-shadow:none}.view-btn.active{background:#6b7f95b3;color:#fff}.view-btn span{display:none}.current-location-btn-mobile{display:flex;align-items:center;justify-content:center;position:absolute;top:158px;right:15px;width:44px;height:44px;padding:0;background:#ffffff73;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);color:var(--color-primary);border:1px solid rgba(255,255,255,.6);border-radius:var(--border-radius-base);box-shadow:0 2px 8px #0000000f;z-index:998;cursor:pointer;font-size:15px}.current-location-btn-mobile:active{background:#ffffffb3}.bottom-sheet{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-page);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #00000014;z-index:995;transition:transform .3s ease-out;height:60vh;max-height:60vh;transform:translateY(calc(100% - 150px - env(safe-area-inset-bottom,0)));-webkit-touch-callout:none;-webkit-user-select:none;touch-action:pan-y;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-sheet.expanded{transform:translateY(0)}.bottom-sheet.collapsed{transform:translateY(calc(100% - 150px - env(safe-area-inset-bottom,0)))}.bottom-sheet-handle{display:block;padding:10px 8px;text-align:center;cursor:grab;touch-action:none}.bottom-sheet-handle:before{content:"";display:block;width:40px;height:4px;background:var(--color-border-lighter);border-radius:var(--border-radius-base);margin:0 auto}.bottom-sheet-header{padding:0 15px 8px;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.bottom-sheet-header h3{margin:0;font-size:14px;font-weight:600;color:var(--color-primary)}.bottom-sheet-header .results-count{font-size:12px;padding:2px 6px}.bottom-sheet-content{height:calc(100% - 60px);overflow-y:auto;padding:0 10px;-webkit-overflow-scrolling:touch}.cafe-info-window{min-width:200px;max-width:260px}.cafe-info-window .info-window-buttons{flex-direction:column}.cafe-info-window .info-window-btn{width:100%;justify-content:center}}@media (max-width: 480px){.cafe-info-window{padding:8px;min-width:180px}.cafe-info-window .info-window-name{font-size:13px}.cafe-info-window .info-window-address{font-size:12px}}html[data-theme=dark] .fullscreen-btn,html[data-theme=dark] .fullscreen-exit-btn{background:#1e1e2899;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:#fff;border-color:#ffffff14}html[data-theme=dark] .fullscreen-btn:hover,html[data-theme=dark] .fullscreen-exit-btn:hover{background:#1e1e28bf}html[data-theme=dark] .sidebar-search-form{background:var(--color-gray-200)}html[data-theme=dark] .sidebar-search-form .search-input{background:#ffffff14;border-color:#ffffff14;color:var(--color-text-primary)}html[data-theme=dark] .sidebar-search-form .search-input:focus{background:#ffffff1f}html[data-theme=dark] .sidebar-search-form .search-btn{background:#ffffff14;border-color:#ffffff14;color:var(--color-text-primary)}html[data-theme=dark] .sidebar-search-form .search-btn:hover{background:#ffffff26}html[data-theme=dark] .sidebar-search-form .btn-location{background:#ffffff0f;border-color:#ffffff14;color:var(--color-text-primary)}html[data-theme=dark] .sidebar-search-form .btn-location:hover{background:#ffffff1f}html[data-theme=dark] .sidebar-search-form .btn-random,html[data-theme=dark] .sidebar-search-form #randomCafeBtn{background:none!important;color:#ffffffd9!important;border:none!important;box-shadow:none!important}html[data-theme=dark] .sidebar-search-form .btn-random:hover,html[data-theme=dark] .sidebar-search-form #randomCafeBtn:hover{background:none!important;border:none!important}html[data-theme=dark] .map-sidebar{box-shadow:none}html[data-theme=dark] .view-toggle{background:#1e1e2899;border-color:#ffffff14;box-shadow:0 2px 8px #0000004d}html[data-theme=dark] .view-btn{color:#ffffffe6}html[data-theme=dark] .view-btn.active{background:#ffffff26}html[data-theme=dark] .cafe-info-window .info-window-name{color:var(--color-text-primary)}html[data-theme=dark] .cafe-info-window .info-window-address{color:var(--color-text-muted)}html[data-theme=dark] .cafe-info-window .info-window-hours{color:var(--color-text-primary)}html[data-theme=dark] .cafe-info-window .info-window-btn--primary{background:#ffffff1a;color:var(--color-text-primary)}html[data-theme=dark] .gm-style .gm-bundled-control .gmnoprint>div,html[data-theme=dark] .gm-style .gmnoprint>div[draggable=false]{background:#1e1e2899!important;border-color:#ffffff14!important;box-shadow:0 2px 8px #0000004d!important}html[data-theme=dark] .gm-style .gm-bundled-control button,html[data-theme=dark] .gm-style .gm-control-active{background:transparent!important;color:#fff!important}html[data-theme=dark] .gm-style .gm-bundled-control button img,html[data-theme=dark] .gm-style .gm-control-active img{filter:invert(1)!important}html[data-theme=dark] .gm-style .gm-bundled-control .gmnoprint>div>div{background-color:#ffffff26!important}html[data-theme=dark] .gm-style .gm-bundled-control button+div{background-color:#ffffff26!important}html[data-theme=dark] .gm-style-iw-c{background:#2a3548!important;box-shadow:0 4px 20px #00000080!important}html[data-theme=dark] .gm-style-iw-tc:after{background:#2a3548!important}@media (max-width: 768px){html[data-theme=dark] .mobile-search-bar__input,html[data-theme=dark] .mobile-search-bar__btn{background:#1e1e2899;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);color:#fff;border-color:#ffffff14;box-shadow:0 2px 8px #00000040}html[data-theme=dark] .mobile-search-bar__input::-moz-placeholder{color:#fff6}html[data-theme=dark] .mobile-search-bar__input::placeholder{color:#fff6}html[data-theme=dark] .mobile-search-bar__input:focus{background:#1e1e28bf}html[data-theme=dark] .view-toggle{background:#1e1e2899;border-color:#ffffff14;box-shadow:0 2px 8px #0000004d}html[data-theme=dark] .view-btn{color:#ffffffe6}html[data-theme=dark] .view-btn.active{background:#ffffff26}html[data-theme=dark] .current-location-btn-mobile{background:#1e1e2899;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);color:#fff;border-color:#ffffff14;box-shadow:0 2px 8px #00000040}html[data-theme=dark] .map-page .hamburger-menu{background:#1e1e2899!important;backdrop-filter:blur(20px) saturate(1.6)!important;-webkit-backdrop-filter:blur(20px) saturate(1.6)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 2px 8px #00000040!important}html[data-theme=dark] .map-page .hamburger-menu .hamburger-line{background-color:#fff!important}html[data-theme=dark] .bottom-sheet{box-shadow:0 -4px 24px #0006}.map-page .hamburger-menu{background:#ffffff73!important;backdrop-filter:blur(20px) saturate(1.6)!important;-webkit-backdrop-filter:blur(20px) saturate(1.6)!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 2px 8px #0000000f!important}.map-page .hamburger-menu .hamburger-line{background-color:var(--color-primary)!important}}.error-page{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:40px 16px}.error-wrapper,.error-container{max-width:640px;width:100%;text-align:center}.error-icon{margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-code{font-size:56px;font-weight:300;color:var(--color-accent-gold);margin:0 0 4px;line-height:1;text-align:center;opacity:.7}@media (max-width: 767px){.error-code{font-size:44px}}.error-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 10px;text-align:center}@media (max-width: 767px){.error-title{font-size:15px}}.error-message{font-size:13px;color:var(--color-text-muted);margin-bottom:20px;line-height:1.7;text-align:center}.error-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.error-actions .btn{padding:8px 28px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-radius:50px;font-size:13px;font-weight:600;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.error-actions .btn-primary{background:var(--color-secondary);color:#fff;border:1px solid var(--color-secondary)}.error-actions .btn-primary:hover{background:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.error-actions .btn-secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-gray-350)}.error-actions .btn-secondary:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}@media (max-width: 767px){.error-actions{flex-direction:column;align-items:center}.error-actions .btn{width:100%;max-width:260px;justify-content:center}}.error-tips{text-align:left;background:var(--color-primary-pale);border-left:3px solid var(--color-secondary);border-radius:8px;padding:14px 16px;font-size:13px}.error-tips h3{display:inline;font-size:13px;font-weight:600;color:var(--color-text-primary);margin:0}.error-tips>p{display:inline;margin:0 0 0 6px;color:var(--color-text-muted)}.error-tips ul{margin:8px 0 0;padding-left:20px;color:var(--color-text-muted)}.error-tips li{margin-bottom:3px;line-height:1.5}.maintenance-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 16px}.maintenance-card{max-width:500px;width:100%;text-align:center}.maintenance-icon{margin-bottom:20px;color:var(--color-secondary);font-size:56px}@media (max-width: 767px){.maintenance-icon{font-size:48px;margin-bottom:16px}}.maintenance-title{font-size:22px;font-weight:700;color:var(--color-text-primary);margin-bottom:16px}@media (max-width: 767px){.maintenance-title{font-size:20px}}.maintenance-message{font-size:14px;line-height:1.8;color:var(--color-text-muted);margin-bottom:24px}.maintenance-message p{margin-bottom:6px}.maintenance-message p:last-child{margin-bottom:0}.maintenance-actions{margin-top:8px}.maintenance-actions .btn{padding:8px 24px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-radius:50px;font-size:13px;font-weight:600;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.maintenance-actions .btn-primary{background:var(--color-secondary);color:#fff;border:1px solid var(--color-secondary)}.maintenance-actions .btn-primary:hover{background:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.coming-soon-section{padding:80px 0;text-align:center;min-height:400px;display:flex;align-items:center;justify-content:center}.coming-soon-content{max-width:600px;margin:0 auto}.coming-soon-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem}.coming-soon-message{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:1rem}.coming-soon-message-en{font-size:.95rem;color:var(--color-text-gray);line-height:1.6;margin-bottom:2rem}.coming-soon-icon{color:var(--color-primary);opacity:.3}@media (max-width: 768px){.coming-soon-section{padding:60px 20px}.coming-soon-title{font-size:1.5rem}.coming-soon-message{font-size:1rem}}.auth-page-wrapper{max-width:480px;margin:40px auto;padding:0 20px}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-gray-50);font-family:var(--font-family-base)}.auth-header{background:var(--color-bg-page);border-bottom:1px solid var(--color-gray-300);padding:20px 0}.auth-header-inner{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.auth-logo{display:inline-block}.auth-logo img{height:40px;width:auto}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-container{width:100%;max-width:480px}.auth-card{background:var(--color-bg-page);border-radius:var(--border-radius-base);box-shadow:0 2px 10px #00000014;overflow:hidden}.auth-card-header{padding:40px 60px;border-bottom:1px solid var(--color-gray-300);text-align:center}.auth-card-title{font-size:22px;font-weight:300;color:var(--heading-color);margin:0;letter-spacing:.5px}.auth-card-body{padding:40px 60px 60px}.auth-form .form-group{margin-bottom:24px}.auth-form .form-group:last-child{margin-bottom:0}.auth-form .form-label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--heading-color)}.auth-form .form-control{width:100%;padding:12px 16px;border:1px solid var(--color-gray-350);border-radius:var(--border-radius-base);font-size:14px;transition:all .2s;background:var(--color-bg-page)}.auth-form .form-control::-moz-placeholder{color:var(--color-text-gray)}.auth-form .form-control::placeholder{color:var(--color-text-gray)}.auth-form .form-control:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #6b7f951a}.auth-form .form-text{display:block;margin-top:8px;font-size:13px;color:var(--color-text-dark);line-height:1.5}.auth-form .form-error{display:block;margin-top:8px;font-size:13px;color:var(--color-danger-main)}.auth-success{background:var(--color-success-bg);color:var(--color-success-text);padding:12px 16px;border-radius:var(--border-radius-base);margin-bottom:24px;font-size:14px;border:1px solid var(--color-success-border)}.auth-error{background:var(--color-danger-bg);color:var(--color-danger-text);padding:12px 16px;border-radius:var(--border-radius-base);margin-bottom:24px;font-size:14px;border:1px solid var(--color-danger-border)}.auth-footer-links{text-align:center;margin-top:32px}.auth-footer-links .auth-footer-link{color:var(--color-text-dark);text-decoration:none;font-size:14px;transition:color .2s}.auth-footer-links .auth-footer-link:hover{color:var(--color-secondary)}.auth-footer-links .auth-footer-separator{color:var(--color-gray-400);margin:0 12px}.auth-footer{background:var(--color-bg-page);border-top:1px solid var(--color-gray-300);padding:20px;text-align:center}.auth-footer p{margin:0;color:var(--color-text-gray);font-size:13px}.auth-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:24px;transition:all .2s}.auth-back-link:hover{gap:10px}.auth-back-link:hover i{transform:translate(-2px)}.auth-back-link i{font-size:.857rem;transition:transform .2s}@media (max-width: 575.98px){.auth-card-header{padding:32px 24px}.auth-card-title{font-size:20px}.auth-card-body{padding:32px 24px 40px}.auth-footer-links .auth-footer-separator{display:block;margin:8px 0}}.auth-page-wrapper .mb-32{margin-bottom:32px!important}.auth-page-wrapper .mt-32{margin-top:32px!important}.auth-page-wrapper .auth-back-link-wrapper{text-align:center;margin-top:24px}.help-wrapper{max-width:900px;margin:0 auto;padding:0}.help-content{margin-top:-8px;padding:0 16px}.help-section{padding:0;margin-bottom:24px}.faq-tabs{margin:0 auto}.faq-tab-nav{display:flex;gap:0;border-bottom:1px solid var(--color-gray-350);margin-bottom:24px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.faq-tab-nav::-webkit-scrollbar{display:none}@media (max-width: 767px){.faq-tab-nav{flex-wrap:nowrap}}.faq-tab-btn{flex:1;padding:10px 16px;font-size:15px;font-weight:500;color:var(--color-text-dark);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;position:relative}.faq-tab-btn:hover{color:var(--color-secondary)}.faq-tab-btn.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary);font-weight:600}@media (max-width: 767px){.faq-tab-btn{flex:none;padding:8px 14px;font-size:14px}}.faq-tab-content{min-height:200px;padding-bottom:48px}.faq-tab-pane{display:none;animation:helpFadeIn .25s ease-in-out}.faq-tab-pane.active{display:block}.faq-item{border-bottom:1px solid var(--color-gray-200)}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:10px 4px;background:none;border:none;cursor:pointer;text-align:left;font-size:14px;font-weight:600;line-height:1.4;color:var(--color-text-primary)}.faq-question .faq-question__icon{color:var(--color-secondary);font-size:15px;flex-shrink:0}.faq-question .faq-question__text{flex:1}.faq-question .faq-question__toggle{color:var(--color-text-muted);font-size:11px;flex-shrink:0;transition:transform var(--transition-fast)}.faq-question[aria-expanded=true] .faq-question__toggle{transform:rotate(180deg)}@media (max-width: 767px){.faq-question{padding:8px 4px;font-size:13px}}.faq-answer{max-height:0;overflow:hidden;transition:max-height .15s ease-out}.faq-answer__inner{padding:0 4px 12px 27px}.faq-answer__inner p{font-size:14px;color:var(--color-text-muted);line-height:1.7;margin:0}@media (max-width: 767px){.faq-answer__inner{padding:0 4px 10px 27px}.faq-answer__inner p{font-size:13px}}@media (max-width: 767px){br.sp-only{display:block}}.help-contact-section{text-align:center;margin-top:8px;margin-bottom:32px}.help-contact-text{font-size:13px;color:var(--color-text-muted);margin-bottom:12px}@keyframes helpFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cafe-list-container{max-width:1200px;margin:0 auto;padding:0 10px}@media (min-width: 768px){.cafe-list-container{padding:0 20px}}.pagination-wrapper{margin-top:var(--spacing-xl)}.cafe-filters{margin-top:16px}.cafe-detail [id^=section-]{scroll-margin-top:70px}.cafe-detail{overflow-x:hidden}.cafe-detail .content-section:nth-child(2n){background-color:transparent}.cafe-detail-heading{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--color-primary)}.cafe-detail-heading i{color:var(--color-secondary);font-size:15px}@media (max-width: 767px){.cafe-detail-heading{font-size:15px}}.cafe-info-section{margin-top:16px;padding-top:16px}.review-tabs-wrapper{margin-bottom:16px}.reviews-posts-section{margin-top:16px;padding:16px 10px 10px;background:var(--color-gray-100)!important;border-radius:16px}@media (max-width: 767px){.reviews-posts-section{padding:16px 5px 10px;border-radius:12px}}.reviews-posts-section .empty-message{color:var(--color-text-muted);font-size:14px;text-align:center;padding:24px;margin:0}.cafe-columns-section,.featured-cats-section{margin-top:16px;padding-top:16px}.cafe-description-box{margin:16px 20px 24px;max-width:900px}.cafe-description-box__inner{padding:20px 24px;text-align:center;font-size:14px;line-height:1.8;color:var(--color-text-primary);white-space:normal;word-wrap:break-word;background:var(--color-primary-pale);border-radius:14px;position:relative}@media (max-width: 768px){.cafe-description-box{margin:10px 12px 20px}.cafe-description-box__inner{padding:14px 16px;font-size:13px;line-height:1.7}}.mobile-post-button-area--hidden{display:none}.load-more-wrapper{text-align:center;margin-top:16px}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header-with-action .section-header{margin-bottom:0}.section-header-with-action .btn i{margin-right:.5rem}.no-reviews{text-align:center;color:var(--color-text-secondary);padding:3rem 0;font-size:1.1rem}.plan-switch-confirmation .alert{margin-bottom:1.5rem}.plan-comparison{background:var(--color-gray-100);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.plan-comparison-item{margin-bottom:1rem}.plan-comparison-item:last-child{margin-bottom:0}.plan-comparison-label{font-size:.75rem;text-transform:uppercase;color:var(--color-gray-600);margin-bottom:.5rem;font-weight:600;letter-spacing:.5px}.plan-comparison-content{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-page);padding:1rem;border-radius:10px}.plan-comparison-content strong{font-size:1rem;color:var(--heading-color)}.plan-comparison-price{font-size:1.125rem;font-weight:600;color:var(--color-secondary)}.plan-comparison-arrow{text-align:center;margin:.75rem 0;color:var(--color-gray-600);font-size:1.25rem}.price-difference{background:var(--color-info-bg-light);border-radius:10px;padding:1rem;margin-bottom:1.5rem;text-align:center}.price-difference strong{color:var(--color-info-text-dark);font-size:1rem}.price-difference small{display:block;margin-top:.5rem;color:var(--color-gray-700);font-size:.875rem}.price-difference.upgrade{background:var(--color-warning-bg-light);border-color:var(--color-warning-main-light)}.price-difference.upgrade strong{color:var(--color-warning-text-dark)}.price-difference.downgrade{background:var(--color-success-bg-light);border-color:var(--color-success-main-light)}.price-difference.downgrade strong{color:var(--color-success-text-dark)}.modal-actions{display:flex;gap:1rem}.modal-actions .btn{flex:1}@media (max-width: 768px){.section-header-with-action{flex-direction:column;align-items:flex-start;gap:1rem}.section-header-with-action .btn{width:100%}.plan-comparison{padding:1rem}.plan-comparison-content{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.cat-grid-show-more-wrapper{display:none;text-align:center;padding:12px 0 0}@media (max-width: 768px){.cat-grid-show-more-wrapper{display:block}.cat-grid-mobile-collapse .cat-grid-item--hidden-mobile{display:none}.cat-grid-mobile-collapse.expanded .cat-grid-item--hidden-mobile{display:block}}.cafe-disclaimer{margin-top:4px;margin-bottom:8px}.cafe-disclaimer p{margin:0;font-size:13px;color:var(--color-text-muted)}.cafe-closed-notice{margin-bottom:12px}.cafe-closed-notice span{color:var(--color-danger-main);font-size:13px;font-weight:600}.cafe-detail-explore{background:var(--color-gray-100);border-radius:16px;padding:32px 24px;margin-top:40px}@media (max-width: 767px){.cafe-detail-explore{padding:24px 16px;border-radius:12px;margin-top:32px}}.cafe-detail-explore__section{margin-bottom:40px}.cafe-detail-explore__section:last-child{margin-bottom:0}.cafe-detail-explore__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0 0 16px}.cafe-detail-explore__title i{color:var(--color-secondary);font-size:15px}@media (max-width: 767px){.cafe-detail-explore__title{font-size:15px}}.mypage-container{--profile-header-color: var(--profile-header-color-light);--profile-avatar-color: var(--profile-avatar-color-light);--profile-light-color: var(--profile-light-color-light);--profile-accent-color: var(--profile-accent-color-light);display:flex;flex-direction:column;max-width:1200px;margin:0 auto;min-height:calc(100vh - 110px)}@media (max-width: 1023px){.mypage-container{min-height:auto}.mypage-own-page .main-content,.mypage-profile-page .main-content{padding:60px 0 0!important}.mypage-own-page .mobile-header,.mypage-profile-page .mobile-header{box-shadow:none!important}}.profile-header{background-color:var(--profile-header-color);color:var(--color-white);position:relative;flex-shrink:0;text-align:center;padding:28px 24px 20px}@media (min-width: 1024px){.profile-header{border-radius:12px 12px 0 0;margin:3px 0 0;padding:32px 32px 24px}}@media (max-width: 1023px){.profile-header{border-radius:0;padding:20px 16px 16px}}.profile-header .profile-icon-wrapper{display:inline-block;margin-bottom:12px}.profile-header .profile-icon-wrapper .user-icon-container .user-icon{border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0003;background-color:var(--profile-avatar-color)!important;width:80px;height:80px}.profile-header .profile-icon-wrapper .user-icon-container .user-icon i{font-size:36px}@media (max-width: 1023px){.profile-header .profile-icon-wrapper .user-icon-container .user-icon{width:64px;height:64px}.profile-header .profile-icon-wrapper .user-icon-container .user-icon i{font-size:28px}}.profile-header .profile-icon-wrapper .user-icon-container .user-icon-badge{width:26px;height:26px;border-width:2px}.profile-header .profile-icon-wrapper .user-icon-container .user-icon-badge i{font-size:11px}@media (max-width: 1023px){.profile-header .profile-icon-wrapper .user-icon-container .user-icon-badge{width:22px;height:22px}.profile-header .profile-icon-wrapper .user-icon-container .user-icon-badge i{font-size:10px}}.profile-header .profile-info{width:100%}.profile-header .profile-name{font-weight:700;color:var(--color-white)!important;margin:0 0 6px;word-break:break-word;font-size:20px;letter-spacing:.02em}@media (max-width: 1023px){.profile-header .profile-name{font-size:17px}}.profile-header .profile-actions{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:2}@media (min-width: 1024px){.profile-header .profile-actions{top:20px;right:24px}}.profile-header .profile-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:var(--color-white);font-size:14px;cursor:pointer;transition:background-color .2s;position:relative}.profile-header .profile-action-btn:hover{background:#ffffff40}@media (max-width: 1023px){.profile-header .profile-action-btn{width:34px;height:34px;font-size:13px}}.profile-header .profile-action-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;background:#e53e3e;color:#fff;border:2px solid var(--profile-header-color);border-radius:9px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.profile-header .profile-badges{display:flex;justify-content:center;gap:8px;margin:6px 0 12px}@media (max-width: 1023px){.profile-header .profile-badges{margin:4px 0 10px;gap:6px}}.profile-header .profile-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:50px;background:#ffffff26;font-size:12px;font-weight:600;color:var(--color-white);text-decoration:none;transition:background-color .2s}.profile-header .profile-badge:hover{background:#ffffff40;color:var(--color-white)}.profile-header .profile-badge i{font-size:11px}.profile-header .profile-badge--streak i{color:#ff6b35}.profile-header .profile-badge--nc .fa-coins{color:#ffb300}.profile-header .profile-badge--clickable{padding:3px 34px 3px 10px;border:1px solid rgba(255,255,255,.28);cursor:pointer;position:relative;background:linear-gradient(to right,#ffffff26 0,#ffffff26 calc(100% - 26px),#ffffff47 calc(100% - 26px),#ffffff47);transition:border-color .2s,background .2s}.profile-header .profile-badge--clickable:hover{border-color:#ffffff80;background:linear-gradient(to right,#ffffff38 0,#ffffff38 calc(100% - 26px),#ffffff61 calc(100% - 26px),#ffffff61)}.profile-header .profile-badge__arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px!important;pointer-events:none}@media (max-width: 1023px){.profile-header .profile-badge{font-size:11px;padding:2px 8px}.profile-header .profile-badge--clickable{padding:2px 30px 2px 9px;background:linear-gradient(to right,#ffffff26 0,#ffffff26 calc(100% - 22px),#ffffff47 calc(100% - 22px),#ffffff47)}.profile-header .profile-badge--clickable:hover{background:linear-gradient(to right,#ffffff38 0,#ffffff38 calc(100% - 22px),#ffffff61 calc(100% - 22px),#ffffff61)}.profile-header .profile-badge__arrow{right:8px}}.profile-header .profile-title-card{display:none}.profile-header .profile-stats{display:flex;justify-content:center;gap:0;margin:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}@media (max-width: 1023px){.profile-header .profile-stats{padding-top:10px}}.profile-header .stat-item{flex:none;min-width:70px;text-align:center;cursor:pointer;transition:background-color var(--transition-fast, .15s ease);display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:44px;padding:6px 16px;border-radius:8px}.profile-header .stat-item:hover{background-color:#ffffff14}.profile-header .stat-item:active{opacity:.85}@media (max-width: 1023px){.profile-header .stat-item{padding:6px 10px;min-width:60px}}.profile-header .stat-value{font-weight:700;color:var(--color-white);display:block;font-size:17px}@media (max-width: 1023px){.profile-header .stat-value{font-size:15px}}.profile-header .stat-label{color:#ffffffa6;word-wrap:break-word;line-height:1.2;font-size:11px}@media (max-width: 1023px){.profile-header .stat-label{font-size:10px}}.profile-header .profile-bio{margin-top:8px;padding:0 16px}@media (max-width: 1023px){.profile-header .profile-bio{display:none}}.profile-header .profile-bio .bio-text{font-size:13px;color:#ffffffbf;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-header .profile-bio .bio-empty{color:#fff6;font-size:12px;margin:0}.profile-header .profile-bio .bio-edit-link{margin-left:4px;color:#ffffffa6;font-weight:600;font-size:12px;text-decoration:underline;transition:opacity .2s}.profile-header .profile-bio .bio-edit-link:hover{opacity:.7}.profile-header .profile-edit-btn{display:inline-flex;align-items:center;gap:4px;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:20px;color:var(--color-white);font-weight:500;font-size:12px;padding:6px 14px;text-decoration:none;transition:all var(--transition-fast, .15s ease);cursor:pointer}.profile-header .profile-edit-btn:hover{background-color:#ffffff40;border-color:#ffffff80}.profile-header-divider{height:3px;background:linear-gradient(to right,transparent,var(--profile-avatar-color) 20%,var(--profile-avatar-color) 80%,transparent);opacity:.4}@media (min-width: 1024px){.profile-header-divider{margin:0}}.mypage-content-tabs{display:flex;background:var(--color-gray-150);border-bottom:1px solid var(--color-gray-350);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:sticky;z-index:10}.mypage-content-tabs::-webkit-scrollbar{display:none}@media (min-width: 1024px){.mypage-content-tabs{top:3px}}@media (max-width: 1023px){.mypage-content-tabs{top:60px}}.content-tab{flex:1;min-height:44px;padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px}.content-tab i{font-size:14px}.content-tab:hover{color:var(--profile-header-color);background-color:#00000005}.content-tab.active{color:var(--profile-header-color);border-bottom-color:var(--profile-header-color);font-weight:700}@media (max-width: 1023px){.content-tab{padding:12px 8px}}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--color-notification-badge-bg);color:var(--color-notification-badge-text);border-radius:9px;font-size:11px;font-weight:600;margin-left:4px}.tab-content-area{flex:1;padding:8px 16px 20px}@media (min-width: 1024px){.tab-content-area{max-width:900px;margin:0 auto;width:100%;padding:12px 24px 28px}}@media (max-width: 1023px){.tab-content-area{padding:8px 12px 70px}}.tab-pane{display:none}.tab-pane.active{display:block}.sub-tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sub-tabs::-webkit-scrollbar{display:none}.sub-tab{flex:1;min-height:34px;padding:8px 12px;background:none;border:none;border-bottom:2px solid transparent;font-size:12px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:color .2s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center;text-align:center;gap:5px}.sub-tab:hover{color:var(--profile-header-color)}.sub-tab.active{color:var(--profile-header-color);border-bottom-color:var(--profile-header-color);font-weight:600}.sub-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;font-size:10px;font-weight:600;line-height:1;color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-text-secondary) 12%,transparent);border-radius:50px;letter-spacing:.02em}.sub-tab.active .sub-tab__count{color:var(--profile-header-color);background:color-mix(in srgb,var(--profile-header-color) 14%,transparent)}@media (max-width: 1023px){.sub-tab{padding:8px 6px}}.sub-tab-content{flex:1;min-height:0;display:flex;flex-direction:column}.sub-tab-pane{display:none}.sub-tab-pane.active{display:flex;flex-direction:column;flex:1;min-height:0}@media (min-width: 768px){.sub-tab-pane.active{max-height:calc(100vh - 200px);min-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-text-secondary) 25%,transparent) transparent}.sub-tab-pane.active::-webkit-scrollbar{width:8px}.sub-tab-pane.active::-webkit-scrollbar-track{background:transparent}.sub-tab-pane.active::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-secondary) 25%,transparent);border-radius:4px}.sub-tab-pane.active::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-text-secondary) 40%,transparent)}}.cafe-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media (min-width: 1024px){.cafe-grid{grid-template-columns:repeat(3,1fr)}}.review-grid{display:grid;gap:10px;grid-template-columns:1fr;align-items:start}@media (min-width: 1024px){.review-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.review-grid .review-card .review-images-grid{grid-template-columns:repeat(4,1fr)}}.mypage-container .cat-grid-4col{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:0}@media (max-width: 767px){.mypage-container .cat-grid-4col{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.mypage-container .cat-grid-4col{grid-template-columns:repeat(4,1fr)}}.mypage-container .empty-state{padding:40px 20px}@media (max-width: 767px){.mypage-container .empty-state{padding:30px 15px}}.mypage-container .empty-state i{font-size:48px;margin-bottom:12px}@media (max-width: 767px){.mypage-container .empty-state i{font-size:36px}}.mypage-visited-cafe-wrapper{background:transparent;overflow:visible;transition:opacity .2s ease}.mypage-visited-cafe-wrapper:hover{opacity:.92}.mypage-visited-cafe-wrapper:active{opacity:.85}.mypage-visited-cafe__image{position:relative;width:100%;height:140px;overflow:hidden;border-radius:10px}@media (min-width: 768px){.mypage-visited-cafe__image{height:150px;border-radius:12px}}@media (min-width: 1024px){.mypage-visited-cafe__image{height:160px}}.mypage-visited-cafe__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;border-radius:inherit}.mypage-visited-cafe__image .mypage-visited-cafe__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-150) 100%);border-radius:inherit}.mypage-visited-cafe__image .mypage-visited-cafe__placeholder .fa-image{font-size:36px;color:var(--color-gray-300)}.mypage-visited-cafe{display:flex;flex-direction:column;text-decoration:none;color:inherit}.mypage-visited-cafe .mypage-visited-cafe__closed-badge{position:absolute;top:8px;left:8px;background:var(--color-primary);color:var(--color-white);padding:4px 10px;border-radius:var(--border-radius-base);font-size:11px;font-weight:600;z-index:2;box-shadow:0 1px 4px #0000001a}.mypage-visited-cafe .mypage-visited-cafe__content{padding:10px 4px 4px;display:flex;flex-direction:column;gap:5px}.mypage-visited-cafe .mypage-visited-cafe__name{font-size:14px;font-weight:600;color:var(--color-primary);margin:0;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 767px){.mypage-visited-cafe .mypage-visited-cafe__name{font-size:13px}}.mypage-visited-cafe .mypage-visited-cafe__location{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--color-text-muted, var(--color-text-secondary));line-height:1.4;min-height:18px}.mypage-visited-cafe .mypage-visited-cafe__location-badge{display:inline-block;background:color-mix(in srgb,var(--color-secondary) 14%,transparent);color:var(--color-secondary);padding:1px 8px;border-radius:50px;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1.5;white-space:nowrap}.mypage-visited-cafe .mypage-visited-cafe__address-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mypage-visited-cafe .mypage-visited-cafe__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:1px}.mypage-visited-cafe .mypage-visited-cafe__rating-badge{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:700;color:var(--color-accent-gold)}.mypage-visited-cafe .mypage-visited-cafe__rating-badge i{color:var(--color-accent-gold);font-size:12px}.mypage-visited-cafe .mypage-visited-cafe__stat{font-size:12px;color:var(--color-text-muted, var(--color-text-secondary))}.mypage-container .review-card{padding:10px}.mypage-container .review-card .review-user-name{pointer-events:none;text-decoration:none;color:var(--color-text-primary);font-size:13px;font-weight:500}.mypage-container .review-card .review-title{font-size:14px;margin-bottom:6px;font-weight:600}.mypage-container .review-card .review-cafe-name{font-size:13px;margin-bottom:6px}.mypage-container .review-card .review-text{font-size:13px;line-height:1.5}.mypage-own-page .mypage-container.mypage-own .activity-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--color-gray-200)}.mypage-own-page .mypage-container.mypage-own .activity-section:last-child{border-bottom:none;padding-bottom:0}@media (max-width: 1023px){.mypage-own-page .mypage-container.mypage-own .activity-section{margin-bottom:24px;padding-bottom:24px}}.mypage-own-page .mypage-container.mypage-own .activity-section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.mypage-own-page .mypage-container.mypage-own .activity-section__header h3{font-size:15px;font-weight:700;color:var(--color-primary);margin:0;display:flex;align-items:center;gap:8px;letter-spacing:.02em}.mypage-own-page .mypage-container.mypage-own .activity-section__header h3 i{font-size:14px;color:var(--profile-header-color)}.mypage-own-page .mypage-container.mypage-own .activity-section__header .activity-section__count{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.mypage-own-page .mypage-container.mypage-own .horizontal-scroll{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 16px;scrollbar-width:none}.mypage-own-page .mypage-container.mypage-own .horizontal-scroll::-webkit-scrollbar{display:none}@media (min-width: 1024px){.mypage-own-page .mypage-container.mypage-own .horizontal-scroll{padding:0}}.mypage-own-page .mypage-container.mypage-own .activity-cat-grid{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.mypage-own-page .mypage-container.mypage-own .activity-cat-grid{margin-left:40px;margin-right:40px}}.mypage-own-page .mypage-container.mypage-own .support-card{position:relative;display:flex;gap:22px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--profile-light-color) 55%,var(--color-bg-page)),color-mix(in srgb,var(--profile-light-color) 35%,var(--color-bg-page)) 60%,color-mix(in srgb,var(--profile-avatar-color) 18%,var(--color-bg-page)));border-radius:18px;padding:24px 26px;overflow:hidden}.mypage-own-page .mypage-container.mypage-own .support-card:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:-8px;bottom:-12px;font-size:96px;color:var(--profile-avatar-color);opacity:.06;pointer-events:none;transform:rotate(-15deg)}@media (max-width: 767px){.mypage-own-page .mypage-container.mypage-own .support-card{gap:14px;padding:18px 16px}.mypage-own-page .mypage-container.mypage-own .support-card:after{font-size:72px;right:-6px;bottom:-8px}}.mypage-own-page .mypage-container.mypage-own .support-card__avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid color-mix(in srgb,var(--profile-avatar-color) 50%,var(--color-bg-page));background:var(--color-gray-150);cursor:pointer;display:flex;align-items:center;justify-content:center}.mypage-own-page .mypage-container.mypage-own .support-card__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .25s ease}.mypage-own-page .mypage-container.mypage-own .support-card__avatar:hover img{opacity:.92}.mypage-own-page .mypage-container.mypage-own .support-card__avatar:active{opacity:.85}.mypage-own-page .mypage-container.mypage-own .support-card__avatar i{font-size:32px;color:var(--color-gray-300)}@media (max-width: 767px){.mypage-own-page .mypage-container.mypage-own .support-card__avatar{width:76px;height:76px}}.mypage-own-page .mypage-container.mypage-own .support-card__body{flex:1;min-width:0;position:relative;z-index:1}.mypage-own-page .mypage-container.mypage-own .support-card__header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.mypage-own-page .mypage-container.mypage-own .support-card__name{font-size:18px;font-weight:800;color:var(--profile-avatar-color);margin:0;letter-spacing:.02em}@media (max-width: 767px){.mypage-own-page .mypage-container.mypage-own .support-card__name{font-size:16px}}.mypage-own-page .mypage-container.mypage-own .support-card__status{font-size:10px;font-weight:700;padding:2px 9px;border-radius:50px;letter-spacing:.04em;flex-shrink:0}.mypage-own-page .mypage-container.mypage-own .support-card--active .support-card__status{background:var(--badge-green-bg);color:var(--badge-green-text)}.mypage-own-page .mypage-container.mypage-own .support-card--on_hold .support-card__status{background:var(--badge-amber-bg);color:var(--badge-amber-text)}.mypage-own-page .mypage-container.mypage-own .support-card--cancelled .support-card__status{background:var(--badge-rose-bg);color:var(--badge-rose-text)}.mypage-own-page .mypage-container.mypage-own .support-card__meta{display:flex;align-items:center;gap:12px;margin-bottom:10px}.mypage-own-page .mypage-container.mypage-own .support-card__streak{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.mypage-own-page .mypage-container.mypage-own .support-card__streak i{font-size:11px;color:var(--color-danger-main);margin-right:1px}.mypage-own-page .mypage-container.mypage-own .support-card__total{font-size:12px;font-weight:700;color:var(--profile-avatar-color);letter-spacing:.01em}.mypage-own-page .mypage-container.mypage-own .support-card__divider{height:1px;background:linear-gradient(to right,color-mix(in srgb,var(--profile-avatar-color) 20%,transparent),color-mix(in srgb,var(--profile-avatar-color) 8%,transparent));margin-bottom:10px}.mypage-own-page .mypage-container.mypage-own .support-card__plans{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.mypage-own-page .mypage-container.mypage-own .support-card__plan{display:flex;align-items:center;gap:8px;padding:7px 12px;text-decoration:none;transition:background-color .2s;border-radius:50px;color:var(--color-text-primary);font-size:13px;background:color-mix(in srgb,var(--profile-light-color) 55%,transparent)}.mypage-own-page .mypage-container.mypage-own .support-card__plan:hover{background:color-mix(in srgb,var(--profile-light-color) 80%,transparent);color:var(--color-text-primary)}.mypage-own-page .mypage-container.mypage-own .support-card__plan:active{opacity:.85}.mypage-own-page .mypage-container.mypage-own .support-card__plan--hold{opacity:.45;background:color-mix(in srgb,var(--color-text-secondary) 15%,transparent)}.mypage-own-page .mypage-container.mypage-own .support-card__plan-icon{color:var(--profile-accent-color);font-size:11px;flex-shrink:0}.mypage-own-page .mypage-container.mypage-own .support-card__plan-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.mypage-own-page .mypage-container.mypage-own .support-card__plan-price{font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0;color:var(--profile-avatar-color)}.mypage-own-page .mypage-container.mypage-own .support-card__plan-price:before{content:"—";margin-right:6px;color:var(--color-text-secondary);opacity:.35;font-weight:400}.mypage-own-page .mypage-container.mypage-own .support-card__cafe{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--profile-avatar-color);text-decoration:none;padding:5px 12px 5px 10px;border-radius:50px;background:color-mix(in srgb,var(--profile-avatar-color) 10%,transparent);transition:background-color .2s}.mypage-own-page .mypage-container.mypage-own .support-card__cafe:hover{background:color-mix(in srgb,var(--profile-avatar-color) 18%,transparent);color:var(--profile-avatar-color)}.mypage-own-page .mypage-container.mypage-own .support-card__cafe:active{opacity:.85}.mypage-own-page .mypage-container.mypage-own .support-card__cafe i{font-size:10px}.mypage-own-page .mypage-container.mypage-own .support-card__cafe-arrow{font-size:8px!important;opacity:.5;margin-left:-2px}.mypage-own-page .mypage-container.mypage-own .review-list{display:flex;flex-direction:column;gap:0}@media (min-width: 768px){.mypage-own-page .mypage-container.mypage-own .review-list{margin-left:80px;margin-right:80px}.mypage-own-page .mypage-container.mypage-own .review-list .review-card .review-images-grid{grid-template-columns:repeat(4,1fr)}}.mypage-own-page .mypage-container.mypage-own .section-more-link{display:flex;justify-content:center;margin-top:20px}.mypage-own-page .mypage-container.mypage-own .section-more-link a{color:var(--color-secondary);text-decoration:none;font-size:13px;font-weight:600;padding:8px 24px;border:1.5px solid var(--color-secondary);border-radius:50px;transition:all var(--transition-base);min-height:40px;display:flex;align-items:center;gap:6px}.mypage-own-page .mypage-container.mypage-own .section-more-link a:hover{background-color:var(--profile-header-color);color:var(--color-white);border-color:var(--profile-header-color)}.mypage-own-page .mypage-container.mypage-own .section-more-link a:active{opacity:.85}.mypage-own-page .mypage-container.mypage-own .section-more-link a i{transition:transform .2s}.mypage-own-page .mypage-container.mypage-own .section-more-link a:hover i{transform:translate(4px)}.mypage-own-page .mypage-container.mypage-own .activity-back-btn{display:flex;align-items:center;gap:6px;color:var(--color-secondary);font-size:14px;font-weight:500;padding:8px 0;margin-bottom:12px;background:none;border:none;cursor:pointer;transition:opacity .2s;min-height:44px}.mypage-own-page .mypage-container.mypage-own .activity-back-btn:hover{opacity:.7}.mypage-own-page .mypage-container.mypage-own .activity-cat-card{text-decoration:none;color:inherit;cursor:pointer}.mypage-own-page .mypage-container.mypage-own .activity-cat-card:hover .activity-cat-card__image img{opacity:.92}.mypage-own-page .mypage-container.mypage-own .activity-cat-card:active{opacity:.85}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__image{width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--color-gray-100);margin-bottom:8px}@media (min-width: 768px){.mypage-own-page .mypage-container.mypage-own .activity-cat-card__image{border-radius:12px}}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base)}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__placeholder{display:flex;align-items:center;justify-content:center;height:100%}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__placeholder i{font-size:32px;color:var(--color-gray-300)}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__name{font-size:14px;font-weight:600;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__badges{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:4px}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__status-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:50px;font-size:10px;font-weight:600;white-space:nowrap}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__status-badge--active{background:var(--badge-green-bg);color:var(--badge-green-text)}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__status-badge--on_hold{background:var(--badge-amber-bg);color:var(--badge-amber-text)}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__status-badge--cancelled{background:var(--badge-rose-bg);color:var(--badge-rose-text)}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__streak{font-size:11px;font-weight:600;color:var(--color-danger-main)}.mypage-own-page .mypage-container.mypage-own .activity-cat-card__cafe{font-size:12px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mypage-own-page .mypage-container.mypage-own .horizontal-scroll--single .activity-cat-card{width:100%;max-width:200px;margin:0 auto}.mypage-own-page .mypage-container.mypage-own .compact-review-list{display:flex;flex-direction:column}.mypage-own-page .mypage-container.mypage-own .compact-review-item{display:flex;gap:12px;padding:12px 0;position:relative;min-height:44px}.mypage-own-page .mypage-container.mypage-own .compact-review-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--color-gray-200)}.mypage-own-page .mypage-container.mypage-own .compact-review-item:last-child:after{display:none}.mypage-own-page .mypage-container.mypage-own .compact-review-item__thumbnail{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--color-gray-100)}.mypage-own-page .mypage-container.mypage-own .compact-review-item__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mypage-own-page .mypage-container.mypage-own .compact-review-item__content{flex:1;min-width:0}.mypage-own-page .mypage-container.mypage-own .compact-review-item__meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.mypage-own-page .mypage-container.mypage-own .compact-review-item__meta .rating{color:var(--color-accent-gold)}.mypage-own-page .mypage-container.mypage-own .compact-review-item__title{font-size:14px;font-weight:600;color:var(--color-primary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mypage-own-page .mypage-container.mypage-own .activity-cafe-card{flex:none;width:160px;text-decoration:none;color:inherit}@media (max-width: 1023px){.mypage-own-page .mypage-container.mypage-own .activity-cafe-card{width:140px}}.mypage-own-page .mypage-container.mypage-own .activity-cafe-card:hover .activity-cafe-card__image img{opacity:.92}.mypage-own-page .mypage-container.mypage-own .activity-cafe-card:active{opacity:.85}.mypage-own-page .mypage-container.mypage-own .activity-cafe-card__image{width:100%;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--color-gray-150);margin-bottom:8px;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.mypage-own-page .mypage-container.mypage-own .activity-cafe-card__image{border-radius:12px}}.mypage-own-page .mypage-container.mypage-own .activity-cafe-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base)}.mypage-own-page .mypage-container.mypage-own .activity-cafe-card__name{font-size:14px;font-weight:600;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mypage-own-page .mypage-container.mypage-own .activity-cafe-card__location{font-size:12px;color:var(--color-text-secondary)}.mypage-own-page .mypage-container.mypage-own .welcome-screen{text-align:center;padding:40px 20px}.mypage-own-page .mypage-container.mypage-own .welcome-screen__title{font-size:20px;font-weight:700;color:var(--color-primary);margin-bottom:24px}.mypage-own-page .mypage-container.mypage-own .welcome-screen__cards{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.mypage-own-page .mypage-container.mypage-own .welcome-screen__card{background:var(--color-gray-50);border-radius:12px;padding:20px;width:200px;text-decoration:none;color:inherit;transition:background-color var(--transition-fast)}.mypage-own-page .mypage-container.mypage-own .welcome-screen__card:hover{background:var(--color-gray-100)}.mypage-own-page .mypage-container.mypage-own .welcome-screen__card i{font-size:32px;color:var(--profile-header-color);margin-bottom:12px}.mypage-own-page .mypage-container.mypage-own .welcome-screen__card p{font-size:14px;font-weight:600;color:var(--color-primary);margin:0}@media (max-width: 767px){.mypage-own-page .mypage-container.mypage-own .welcome-screen__card{width:100%}}.mypage-own-page .mypage-container.mypage-own .liked-post-list{display:grid;gap:10px;grid-template-columns:1fr;align-items:start}@media (min-width: 1024px){.mypage-own-page .mypage-container.mypage-own .liked-post-list{grid-template-columns:repeat(2,1fr)}}.mypage-own-page .mypage-container.mypage-own .liked-post-card{position:relative;background:var(--color-bg-page);border-radius:var(--border-radius-base);padding:18px 18px 5px;width:100%;display:flex;flex-direction:column;cursor:pointer;transition:opacity .2s ease}.mypage-own-page .mypage-container.mypage-own .liked-post-card:hover{opacity:.92}.mypage-own-page .mypage-container.mypage-own .liked-post-card:active{opacity:.85}.mypage-own-page .mypage-container.mypage-own .liked-post-card:after{content:"";display:block;height:1px;background:var(--color-gray-400);margin-top:16px}.mypage-own-page .mypage-container.mypage-own .liked-post-card--restricted{background:var(--color-gray-150);padding-top:44px}.mypage-own-page .mypage-container.mypage-own .liked-post-card--restricted:after{display:none}.mypage-own-page .mypage-container.mypage-own .liked-post-card__badge{position:absolute;top:8px;right:12px;padding:5px 10px;border-radius:4px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:5px;z-index:2;background:var(--color-accent-gold);color:var(--color-white);box-shadow:0 1px 3px #0000001f}.mypage-own-page .mypage-container.mypage-own .liked-post-card__badge i{font-size:10px}.mypage-own-page .mypage-container.mypage-own .liked-post-card__body{flex:1;display:flex;flex-direction:column;min-height:0}.mypage-own-page .mypage-container.mypage-own .liked-post-card__title{font-size:14px;font-weight:700;color:var(--color-primary);margin:0 0 8px;line-height:1.4}.mypage-own-page .mypage-container.mypage-own .liked-post-card__cafe{margin-bottom:8px}.mypage-own-page .mypage-container.mypage-own .liked-post-card__cafe a{display:inline-flex;align-items:center;gap:4px;font-size:.857rem;color:var(--color-text-muted);text-decoration:none;line-height:1.3;background:var(--color-secondary-pale, rgba(107, 127, 149, .08));border-radius:var(--border-radius-base);padding:3px 8px;word-break:break-word}.mypage-own-page .mypage-container.mypage-own .liked-post-card__cafe a i{font-size:.75rem;flex-shrink:0;color:var(--color-secondary)}.mypage-own-page .mypage-container.mypage-own .liked-post-card__cafe a:hover{color:var(--color-secondary)}.mypage-own-page .mypage-container.mypage-own .liked-post-card__content{color:var(--color-text-dark);line-height:1.5;margin:0 0 12px;padding:8px 0 0;font-size:13px;word-wrap:break-word;border-top:1px dotted rgba(107,127,149,.35)}.mypage-own-page .mypage-container.mypage-own .liked-post-card__content--fade{position:relative;max-height:6em;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:4px}.mypage-own-page .mypage-container.mypage-own .liked-post-card__content--fade:after{content:"";position:absolute;top:calc(8px + 1.5em);left:-4px;right:-4px;bottom:-4px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.mypage-own-page .mypage-container.mypage-own .liked-post-card__content--restricted{color:#8b9bb0;font-size:12px;border-top:none;padding-top:0;margin-top:4px}.mypage-own-page .mypage-container.mypage-own .liked-post-card__more{color:var(--color-secondary);font-size:13px;cursor:pointer;margin-left:4px;white-space:nowrap}.mypage-own-page .mypage-container.mypage-own .liked-post-card__more:hover{text-decoration:underline}.mypage-own-page .mypage-container.mypage-own .liked-post-card__images{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:12px}@media (min-width: 768px){.mypage-own-page .mypage-container.mypage-own .liked-post-card__images{grid-template-columns:repeat(4,1fr)}}.mypage-own-page .mypage-container.mypage-own .liked-post-card__image{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:var(--border-radius-base);background:var(--color-gray-200);cursor:pointer}.mypage-own-page .mypage-container.mypage-own .liked-post-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:opacity .2s}.mypage-own-page .mypage-container.mypage-own .liked-post-card__image:hover img{opacity:.88}.mypage-own-page .mypage-container.mypage-own .liked-post-card__image-media--blurred{filter:blur(10px);opacity:.6}.mypage-own-page .mypage-container.mypage-own .liked-post-card__video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);font-size:32px;text-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none;z-index:2}.mypage-own-page .mypage-container.mypage-own .liked-post-card__video-duration{position:absolute;bottom:6px;right:6px;background:#000000bf;color:var(--color-white);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;z-index:2}.mypage-own-page .mypage-container.mypage-own .liked-post-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;pointer-events:none}.mypage-own-page .mypage-container.mypage-own .liked-post-card__footer{display:flex;justify-content:space-between;align-items:center;gap:6px;padding-top:12px}.mypage-own-page .mypage-container.mypage-own .liked-post-card__date{font-size:.857rem;color:var(--color-text-medium);background:#6b7f9514;padding:3px 8px;border-radius:var(--border-radius-base)}.mypage-own-page .mypage-container.mypage-own .liked-post-card__actions{display:flex;gap:6px}.mypage-own-page .mypage-container.mypage-own .liked-post-card__like{display:inline-flex;align-items:center;gap:6px;background-color:transparent;color:var(--color-text-dark);border:1.5px solid var(--color-border-lighter);border-radius:20px;padding:6px 14px;font-size:14px;cursor:pointer;transition:all var(--transition-base)}.mypage-own-page .mypage-container.mypage-own .liked-post-card__like:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.mypage-own-page .mypage-container.mypage-own .liked-post-card__like.is-active{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.mypage-own-page .mypage-container.mypage-own .liked-post-card__like i{font-size:14px}.mypage-own-page .mypage-container.mypage-own .liked-post-card__like-count{font-weight:500}.mypage-profile-page .mypage-container.mypage-profile .review-pagination{margin-top:16px;display:flex;justify-content:center}html[data-theme=dark] .mypage-container{--profile-header-color: var(--profile-header-color-dark) !important;--profile-avatar-color: var(--profile-avatar-color-dark) !important;--profile-light-color: var(--profile-light-color-dark) !important;--profile-accent-color: var(--profile-accent-color-dark) !important}html[data-theme=dark] .mypage-container .content-tab.active,html[data-theme=dark] .mypage-container .sub-tab.active{color:var(--profile-accent-color);border-bottom-color:var(--profile-accent-color)}html[data-theme=dark] .mypage-container .content-tab:hover,html[data-theme=dark] .mypage-container .sub-tab:hover{color:var(--profile-accent-color)}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card{background:linear-gradient(135deg,color-mix(in srgb,var(--profile-light-color) 35%,var(--color-bg-page)),color-mix(in srgb,var(--profile-light-color) 22%,var(--color-bg-page)) 60%,color-mix(in srgb,var(--profile-avatar-color) 14%,var(--color-bg-page)))}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card:after{opacity:.04}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card__avatar{border-color:color-mix(in srgb,var(--profile-avatar-color) 40%,var(--color-bg-page))}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card__status{background:transparent;border:1px solid currentColor;padding:1px 8px}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card--active .support-card__status{background:transparent;color:color-mix(in srgb,var(--badge-green-text) 85%,var(--color-text-secondary))}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card--on_hold .support-card__status{background:transparent;color:color-mix(in srgb,var(--badge-amber-text) 85%,var(--color-text-secondary))}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card--cancelled .support-card__status{background:transparent;color:color-mix(in srgb,var(--badge-rose-text) 85%,var(--color-text-secondary))}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card__streak i{color:color-mix(in srgb,var(--color-danger-main) 70%,var(--color-text-secondary));opacity:.85}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card__total{color:color-mix(in srgb,var(--profile-avatar-color) 35%,var(--color-text-primary))}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card__divider{background:linear-gradient(to right,color-mix(in srgb,var(--profile-avatar-color) 15%,transparent),color-mix(in srgb,var(--profile-avatar-color) 5%,transparent))}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card__plan i{color:color-mix(in srgb,var(--profile-accent-color) 70%,var(--color-text-secondary))}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card__plan-price{color:color-mix(in srgb,var(--profile-avatar-color) 35%,var(--color-text-primary))}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card__cafe{color:color-mix(in srgb,var(--profile-avatar-color) 40%,var(--color-text-primary));background:color-mix(in srgb,var(--profile-avatar-color) 20%,transparent)}html[data-theme=dark] .mypage-own-page .mypage-container.mypage-own .support-card__cafe:hover{background:color-mix(in srgb,var(--profile-avatar-color) 30%,transparent);color:color-mix(in srgb,var(--profile-avatar-color) 30%,var(--color-text-primary))}html[data-theme=dark] .mypage-container .title-card__icon-container{background:color-mix(in srgb,var(--profile-light-color) 55%,var(--color-bg-page))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--profile-avatar-color) 85%,var(--color-text-primary)),0 0 0 6px color-mix(in srgb,var(--profile-avatar-color) 45%,var(--color-text-primary)),0 8px 18px #0000008c!important}html[data-theme=dark] .mypage-container .title-card--unacquired .title-card__icon-container{background:color-mix(in srgb,var(--color-gray-500) 30%,var(--color-bg-page))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-gray-400) 80%,var(--color-text-primary)),0 0 0 6px color-mix(in srgb,var(--color-gray-400) 50%,var(--color-text-primary)),0 8px 18px #00000073!important}html[data-theme=dark] .mypage-container .title-card--equipped .title-card__icon-container{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-gold) 90%,var(--color-text-primary)),0 0 0 6px color-mix(in srgb,var(--color-accent-gold) 55%,var(--color-text-primary)),0 8px 18px #0000008c!important}html[data-theme=dark] .mypage-container .title-card__icon-container i{filter:none!important}html[data-theme=dark] .mypage-container .title-card__name{color:color-mix(in srgb,var(--profile-avatar-color) 30%,var(--color-text-primary))!important}html[data-theme=dark] .mypage-container .title-card--unacquired .title-card__name{color:var(--color-text-secondary)!important}html[data-theme=dark] .title-achievement-modal__icon{background:color-mix(in srgb,var(--profile-light-color) 48%,var(--color-bg-page))!important;background-image:none!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--profile-avatar-color) 80%,var(--color-text-primary)),0 0 0 8px color-mix(in srgb,var(--profile-avatar-color) 38%,var(--color-text-primary)),0 8px 20px #00000073!important}html[data-theme=dark] .title-achievement-modal--unacquired .title-achievement-modal__icon{background:color-mix(in srgb,var(--color-gray-500) 25%,var(--color-bg-page))!important;background-image:none!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-gray-400) 70%,var(--color-text-primary)),0 0 0 8px color-mix(in srgb,var(--color-gray-400) 45%,var(--color-text-primary)),0 8px 20px #0006!important}.titles-counter-row{display:flex;justify-content:center;margin:4px 0 20px}.titles-counter{display:inline-flex;align-items:baseline;gap:6px;padding:10px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--profile-light-color) 55%,var(--color-bg-page)),color-mix(in srgb,var(--profile-light-color) 30%,var(--color-bg-page)));border-radius:50px}.titles-counter__icon{color:var(--color-accent-gold);font-size:15px;margin-right:4px;align-self:center}.titles-counter__label{font-size:13px;font-weight:500;color:var(--color-text-secondary);align-self:center}.titles-counter__acquired{font-size:24px;font-weight:800;color:var(--profile-avatar-color);letter-spacing:.01em;line-height:1;margin-left:4px}.titles-grid-container{position:relative;min-height:200px}.titles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}@media (max-width: 767px){.titles-grid{grid-template-columns:repeat(4,1fr);gap:6px}}.title-card{aspect-ratio:1/1;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .2s ease;position:relative;background:transparent}.title-card--acquired:hover .title-card__icon-container{transform:scale(1.08) rotate(-3deg)}.title-card--unacquired .title-card__icon-container{background:var(--color-gray-100);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-gray-400) 70%,var(--color-bg-page)),0 0 0 6px color-mix(in srgb,var(--color-gray-350) 55%,var(--color-bg-page)),0 6px 14px #00000024}.title-card--unacquired .title-card__name{color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-gray-200) 40%,var(--color-bg-page))}.title-card--revoked{opacity:.55}.title-card--revoked .title-card__icon-container{filter:grayscale(100%)}.title-card--revoked .title-card__name{color:var(--color-text-gray);text-decoration:line-through}.title-card--equipped .title-card__icon-container{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-gold) 80%,var(--color-bg-page)),0 0 0 6px color-mix(in srgb,var(--color-accent-gold) 45%,var(--color-bg-page)),0 6px 14px #d9931e40}.title-card__icon-container{position:relative;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s ease;background:linear-gradient(145deg,color-mix(in srgb,var(--profile-light-color) 28%,white),color-mix(in srgb,var(--profile-light-color) 12%,white));box-shadow:0 0 0 3px color-mix(in srgb,var(--profile-avatar-color) 70%,var(--color-bg-page)),0 0 0 6px color-mix(in srgb,var(--profile-avatar-color) 30%,var(--color-bg-page)),0 6px 14px #0000002e}@media (max-width: 767px){.title-card__icon-container{width:46px;height:46px;box-shadow:0 0 0 3px color-mix(in srgb,var(--profile-avatar-color) 70%,var(--color-bg-page)),0 0 0 6px color-mix(in srgb,var(--profile-avatar-color) 30%,var(--color-bg-page)),0 4px 10px #00000029}}.title-card__icon-container i{font-size:22px;color:var(--icon-color, var(--color-secondary))}@media (max-width: 767px){.title-card__icon-container i{font-size:18px}}.title-card__icon-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.title-card__lock{font-size:22px;color:color-mix(in srgb,var(--color-gray-400) 65%,transparent)}@media (max-width: 767px){.title-card__lock{font-size:18px}}.title-card__name{font-size:10.5px;font-weight:700;color:var(--profile-avatar-color);line-height:1.3;text-align:center;letter-spacing:.03em;padding:3px 9px;border-radius:50px;background:linear-gradient(135deg,color-mix(in srgb,var(--profile-light-color) 32%,var(--color-bg-page)),color-mix(in srgb,var(--profile-light-color) 14%,var(--color-bg-page)));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;word-break:break-all}@media (max-width: 767px){.title-card__name{font-size:9.5px;padding:2px 7px}}.title-card__badge{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:var(--color-accent-gold);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}@media (max-width: 767px){.title-card__badge{width:16px;height:16px;font-size:8px}}.titles-grid__loading,.titles-grid__error{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.cat-support-grid{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.cat-support-grid{margin-left:40px;margin-right:40px}}@media (max-width: 767px){.cat-support-grid{gap:12px}}.mypage-cafe-card--support{padding:12px;border-radius:12px;background:var(--color-bg-page);display:flex;gap:12px;align-items:flex-start}@media (max-width: 767px){.mypage-cafe-card--support{flex-direction:column;padding:10px;gap:8px}}.mypage-cafe-card--support .mypage-cafe-card__image{width:60px;height:60px;border-radius:50%;flex-shrink:0;overflow:hidden}.mypage-cafe-card--support .mypage-cafe-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mypage-cafe-card--support .mypage-cafe-card__info{flex:1;min-width:0}.mypage-cafe-card--support .mypage-cafe-card__name{font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:4px}.mypage-cafe-card--support .mypage-cafe-card__badges{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.mypage-cafe-card--support .mypage-cafe-card__status-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:8px;font-size:11px;font-weight:600}.mypage-cafe-card--support .mypage-cafe-card__status-badge--active{background:var(--badge-green-bg);color:var(--badge-green-text)}.mypage-cafe-card--support .mypage-cafe-card__status-badge--on_hold{background:var(--badge-amber-bg);color:var(--badge-amber-text)}.mypage-cafe-card--support .mypage-cafe-card__status-badge--cancelled{background:var(--badge-rose-bg);color:var(--badge-rose-text)}.mypage-cafe-card--support .mypage-cafe-card__streak-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:8px;font-size:11px;font-weight:600}.mypage-cafe-card--support .mypage-cafe-card__streak-badge--basic{background:linear-gradient(135deg,#5b9aa9,#4a8291);color:#f0f9fb}.mypage-cafe-card--support .mypage-cafe-card__streak-badge--bronze{background:linear-gradient(135deg,#a87c4f,#8b6239);color:#fef3e2}.mypage-cafe-card--support .mypage-cafe-card__streak-badge--silver{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#f9fafb}.mypage-cafe-card--support .mypage-cafe-card__streak-badge--gold{background:linear-gradient(135deg,#d4a84b,#b8860b);color:#fffbeb}.mypage-cafe-card--support .mypage-cafe-card__footer{display:flex;flex-wrap:wrap;gap:6px}.mypage-cafe-card--support .mypage-cafe-card__plan-link{padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:border-color .2s ease;display:flex;align-items:center;gap:6px;background:var(--color-bg-page);color:var(--color-secondary);border:1px solid var(--color-border);text-decoration:none;flex-basis:100%}.mypage-cafe-card--support .mypage-cafe-card__plan-link:hover{border-color:var(--color-secondary)}.mypage-cafe-card--support .mypage-cafe-card__plan-link--on-hold{opacity:.6}.mypage-cafe-card--support .mypage-cafe-card__plan-nc{margin-left:auto;font-weight:600;font-size:12px;color:var(--color-primary);flex-shrink:0}.mypage-managed-cafe{background:transparent;position:relative;display:flex;flex-direction:column}.mypage-managed-cafe:hover{opacity:.92}.mypage-managed-cafe .mypage-managed-cafe__edit-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;border-radius:8px;font-size:12px;font-weight:600;background:var(--color-secondary);color:var(--color-white);text-decoration:none;margin:6px 4px 0;letter-spacing:.02em}.mypage-managed-cafe .mypage-managed-cafe__edit-btn:hover{opacity:.88}.mypage-managed-cafe .mypage-managed-cafe__edit-btn:active{opacity:.8}.mypage-managed-cafe .mypage-managed-cafe__edit-btn i{font-size:11px}.sales-loading,.sales-error,.sales-empty{text-align:center;padding:40px 20px}.loading-icon i{font-size:32px;color:var(--color-text-muted, var(--color-text-secondary));animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:12px;color:var(--color-text-muted, var(--color-text-secondary));font-size:13px}.sales-list{display:flex;flex-direction:column;gap:16px}.sales-card{background-color:transparent;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.sales-card:last-child{border-bottom:none;padding-bottom:0}.sales-card-header{padding:0 0 4px}.sales-card-name{font-size:14px;font-weight:600;color:var(--color-text-primary, var(--color-primary))}.sales-card-body{display:flex;flex-direction:row;align-items:flex-end;gap:12px}.sales-card-left{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:color-mix(in srgb,var(--color-stat-teal, #5B9B92) 8%,transparent);border-radius:12px;border:1px solid color-mix(in srgb,var(--color-stat-teal, #5B9B92) 15%,transparent)}@media (max-width: 767px){.sales-card-left{padding:16px 12px;gap:8px}}.sales-card-label{font-size:12px;color:var(--color-text-muted, var(--color-text-secondary));white-space:nowrap}.sales-card-amount{font-size:18px;font-weight:700;color:var(--color-stat-teal, #5B9B92);line-height:1}@media (max-width: 767px){.sales-card-amount{font-size:16px}}.sales-card-right{display:flex;align-items:flex-end;flex-shrink:0}.sales-card-right .btn{white-space:nowrap;font-size:12px;padding:5px 10px}.notifications-header{padding:12px 0;display:flex;justify-content:flex-start}.notifications-header .btn-mark-all-read{background:var(--color-secondary);color:var(--color-white);border:none;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;transition:background var(--transition-fast)}.notifications-header .btn-mark-all-read:hover{opacity:.85}.follow-modal .modal-tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:16px}.follow-modal .modal-tab{flex:1;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px;min-height:44px}.follow-modal .modal-tab:hover{background-color:var(--color-bg-hover, rgba(0, 0, 0, .03))}.follow-modal .modal-tab.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary);font-weight:700}.follow-modal .user-list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.follow-modal .user-list-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast);min-height:44px}.follow-modal .user-list-item:last-child{border-bottom:none}.follow-modal .user-list-item:hover{background-color:var(--color-bg-hover, rgba(0, 0, 0, .03))}.mypage-fade-in{opacity:0;transition:opacity .6s ease}.mypage-fade-in.is-visible{opacity:1}@keyframes countUp{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.mypage-fade-in{opacity:1;transition:none}.title-card__icon-container{transition:none}.title-card--acquired:hover .title-card__icon-container{transform:none}}@media print{.mypage-content-tabs,.profile-edit-btn{display:none!important}.tab-pane{display:block!important}.mypage-container{min-height:auto}}.notification-modal{--slide-modal-body-padding: 14px 16px;--slide-modal-form-group-margin-bottom: 10px}.notification-modal-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--color-notification-badge-bg);color:var(--color-notification-badge-text);font-size:.857rem;font-weight:600;padding:0 5px;border-radius:10px;margin-left:8px;min-width:18px;height:20px;line-height:20px;vertical-align:middle;box-sizing:border-box;letter-spacing:0!important;text-align:center;flex-shrink:0;white-space:nowrap;overflow:hidden}.notification-list-wrapper{display:flex;flex-direction:column;gap:1rem}.notification-filter{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.1)}.notification-filter .filter-buttons{display:flex;gap:.5rem}.notification-filter .filter-btn{padding:.4rem 1rem;border:1px solid rgba(0,0,0,.15);border-radius:20px;background:var(--color-bg-page);color:var(--color-text-primary);font-size:.857rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.notification-filter .filter-btn i{margin-right:.25rem;font-size:.75rem}.notification-filter .filter-btn:hover{background:var(--color-gray-150);border-color:#00000040}.notification-filter .filter-btn.active,.notification-filter .filter-btn.mark-all-read-btn:hover{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.notification-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.notification-empty i{font-size:3rem;margin-bottom:1rem;opacity:.3}.notification-empty p{font-size:.95rem;margin:0}.notification-table-wrapper{overflow-x:auto}.notification-table{width:100%;border-collapse:separate;border-spacing:0}.notification-table tbody tr{border-bottom:1px solid rgba(0,0,0,.05)}.notification-table tbody tr.unread>td{background:var(--color-gray-150)}.notification-table tbody tr.unread>td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.notification-table tbody tr.unread>td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.notification-table tbody tr.unread .notification-icon-cell .notification-icon{background:var(--color-secondary);color:var(--color-white)}.notification-table tbody tr.unread:has(+tr.unread)>td:first-child{border-bottom-left-radius:0}.notification-table tbody tr.unread:has(+tr.unread)>td:last-child{border-bottom-right-radius:0}.notification-table tbody tr.unread+tr.unread>td:first-child{border-top-left-radius:0}.notification-table tbody tr.unread+tr.unread>td:last-child{border-top-right-radius:0}.notification-table tbody tr.unread:has(+tr.unread){border-bottom-color:transparent}.notification-table tbody td{padding:.75rem;font-size:.9rem;vertical-align:top}.notification-icon-cell{text-align:center}.notification-icon-cell .notification-icon{width:32px;height:32px;border-radius:50%;background:var(--color-gray-200);color:var(--color-text-dark);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem}.notification-content-cell .notification-title{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:.25rem;display:block}.notification-content-cell .notification-message{font-size:.857rem;color:var(--text-secondary);line-height:1.4;margin:0}.notification-content-cell .notification-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.857rem;color:var(--color-secondary);text-decoration:none;font-weight:500;margin-top:.3rem}.notification-content-cell .notification-link:hover{text-decoration:underline}.notification-content-cell .notification-link i{font-size:.75rem}.notification-time-cell{text-align:right;font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.notification-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.notification-pagination button{padding:.35rem .7rem;border:1px solid rgba(0,0,0,.15);border-radius:var(--border-radius-base);background:var(--color-bg-page);font-size:.857rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.notification-pagination button:hover:not(:disabled){background:var(--color-gray-150);border-color:#00000040}.notification-pagination button:disabled{opacity:.5;cursor:not-allowed}.notification-pagination button.active{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.notification-pagination .page-info{font-size:.857rem;color:var(--text-secondary);margin:0 .5rem}.notification-actions{padding-top:1rem;border-top:1px solid rgba(0,0,0,.05);text-align:center}.notification-actions .btn{padding:.6rem 1.5rem;font-size:.9rem}@media (max-width: 640px){.notification-modal .slide-modal-container{max-width:100%}.notification-filter{flex-wrap:wrap;gap:.5rem}.notification-filter .filter-buttons{order:1;flex:1 1 auto}.notification-filter .mark-all-read-btn{order:2;flex:1 1 100%;width:100%}.notification-table tbody td{padding:.5rem}.notification-icon-cell .notification-icon{width:28px;height:28px;font-size:.857rem}.notification-content-cell .notification-title,.notification-content-cell .notification-message{font-size:.857rem}.notification-content-cell .notification-link,.notification-time-cell{font-size:.75rem}}.cat-support-history{max-width:1000px;margin:0 auto;padding:16px 12px 80px;display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.cat-support-history{padding:24px 32px 100px;gap:24px}}.cat-support-history__breadcrumb{margin:0}.cat-support-history__header{display:flex;flex-direction:column;gap:12px}@media (min-width: 768px){.cat-support-history__header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:20px}}.cat-support-history__title{font-size:18px;font-weight:700;color:var(--color-primary);letter-spacing:.02em;margin:0 0 4px}@media (min-width: 768px){.cat-support-history__title{font-size:20px}}.cat-support-history__subtitle{font-size:12px;color:var(--color-text-muted);margin:0;line-height:1.5}@media (min-width: 768px){.cat-support-history__subtitle{font-size:13px}}.cat-support-history__header-actions{display:flex;flex-wrap:wrap;gap:8px}.cat-support-history__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:50px;font-size:12px;font-weight:600;text-decoration:none;min-height:36px;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease;border:1.5px solid transparent;cursor:pointer;white-space:nowrap}.cat-support-history__btn i{font-size:11px}@media (min-width: 768px){.cat-support-history__btn{padding:9px 18px;font-size:13px;min-height:40px}}.cat-support-history__btn:active{opacity:.85}.cat-support-history__btn--ghost{background:transparent;border-color:var(--color-gray-300);color:var(--color-text-dark)}.cat-support-history__btn--ghost:hover{background:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-text-primary)}.cat-support-history__btn--primary{background:var(--profile-header-color, var(--color-secondary));border-color:var(--profile-header-color, var(--color-secondary));color:var(--color-white)}.cat-support-history__btn--primary:hover{opacity:.9;color:var(--color-white)}.cat-support-history__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 768px){.cat-support-history__stats{grid-template-columns:repeat(4,1fr);gap:12px}}.cs-stat{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-gray-50);border-radius:10px}@media (min-width: 768px){.cs-stat{padding:12px 14px;gap:12px}}.cs-stat__icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}@media (min-width: 768px){.cs-stat__icon{width:36px;height:36px;font-size:16px}}.cs-stat__icon--gold{background:color-mix(in srgb,var(--color-accent-gold) 16%,transparent);color:var(--color-accent-gold)}.cs-stat__icon--primary{background:color-mix(in srgb,var(--profile-header-color, var(--color-primary)) 14%,transparent);color:var(--profile-header-color, var(--color-primary))}.cs-stat__icon--accent{background:color-mix(in srgb,var(--profile-avatar-color, var(--color-secondary)) 16%,transparent);color:var(--profile-avatar-color, var(--color-secondary))}.cs-stat__icon--muted{background:var(--color-gray-100);color:var(--color-gray-600)}.cs-stat__body{flex:1;min-width:0}.cs-stat__label{font-size:10px;color:var(--color-text-muted);margin-bottom:2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 768px){.cs-stat__label{font-size:11px}}.cs-stat__value{display:flex;align-items:baseline;gap:3px;line-height:1.1}.cs-stat__value--date{font-size:12px;font-weight:700;color:var(--profile-header-color, var(--color-primary));white-space:nowrap}@media (min-width: 768px){.cs-stat__value--date{font-size:13px}}.cs-stat__number{font-size:16px;font-weight:800;color:var(--profile-header-color, var(--color-primary));letter-spacing:-.01em;font-variant-numeric:tabular-nums}@media (min-width: 768px){.cs-stat__number{font-size:18px}}.cs-stat__unit{font-size:10px;font-weight:600;color:var(--color-text-muted)}@media (min-width: 768px){.cs-stat__unit{font-size:11px}}.cs-stat__empty{font-size:12px;color:var(--color-text-muted);font-weight:500}.cs-filter{background:color-mix(in srgb,var(--profile-light-color) 30%,var(--color-bg-page));border:1px solid color-mix(in srgb,var(--profile-avatar-color) 25%,transparent);border-radius:12px;overflow:hidden;transition:border-color .2s ease}.cs-filter.is-open{border-color:color-mix(in srgb,var(--profile-avatar-color) 45%,transparent)}.cs-filter__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:transparent;border:none;cursor:pointer;color:var(--profile-header-color, var(--color-text-primary));font-family:inherit;font-size:13px;font-weight:700;min-height:44px;transition:background .15s ease}.cs-filter__toggle:hover{background:color-mix(in srgb,var(--profile-light-color) 40%,transparent)}.cs-filter__toggle:focus-visible{outline:2px solid var(--profile-header-color, var(--color-secondary));outline-offset:-2px}@media (min-width: 768px){.cs-filter__toggle{padding:14px 18px;font-size:14px}}.cs-filter__toggle-label{display:inline-flex;align-items:center;gap:8px}.cs-filter__toggle-label i{color:var(--profile-avatar-color, var(--color-secondary))}.cs-filter__badge{width:8px;height:8px;border-radius:50%;background:var(--color-accent-gold);display:inline-block;margin-left:2px}.cs-filter__chevron{color:var(--profile-avatar-color, var(--color-text-muted));transition:transform .25s ease;font-size:12px}.cs-filter.is-open .cs-filter__chevron{transform:rotate(180deg)}.cs-filter__form{max-height:0;overflow:hidden;transition:max-height .3s ease}@media (prefers-reduced-motion: reduce){.cs-filter__form{transition:none}}.cs-filter.is-open .cs-filter__form{max-height:2000px}.cs-filter__grid{display:grid;grid-template-columns:1fr;gap:10px;padding:2px 14px 14px}@media (min-width: 576px){.cs-filter__grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (min-width: 768px){.cs-filter__grid{grid-template-columns:repeat(3,1fr);padding:2px 18px 18px;gap:14px}}.cs-filter__field{display:flex;flex-direction:column;gap:5px}.cs-filter__label{font-size:11px;font-weight:600;color:var(--color-text-dark);letter-spacing:.02em}.cs-filter__input{width:100%;padding:9px 12px;border:1px solid var(--color-gray-300);border-radius:8px;background:var(--color-bg-page);font-size:16px;color:var(--color-text-primary);min-height:40px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.cs-filter__input:focus{outline:none;border-color:var(--profile-header-color, var(--color-secondary));box-shadow:0 0 0 3px color-mix(in srgb,var(--profile-header-color, var(--color-secondary)) 15%,transparent)}@media (min-width: 768px){.cs-filter__input{font-size:13px}}.cs-filter select.cs-filter__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath fill='%23666' d='M6 8L2 4h8z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}.cs-filter__actions{display:flex;gap:8px;padding:0 14px 14px;justify-content:flex-end;flex-wrap:wrap}@media (min-width: 768px){.cs-filter__actions{padding:0 18px 18px}}.cs-filter__reset,.cs-filter__submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:50px;font-size:12px;font-weight:600;min-height:38px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;font-family:inherit;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.cs-filter__reset i,.cs-filter__submit i{font-size:10px}.cs-filter__reset:active,.cs-filter__submit:active{opacity:.85}@media (min-width: 768px){.cs-filter__reset,.cs-filter__submit{font-size:13px;padding:9px 22px;min-height:40px}}.cs-filter__reset{background:transparent;border-color:var(--color-gray-300);color:var(--color-text-dark)}.cs-filter__reset:hover{background:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-text-primary)}.cs-filter__submit{background:var(--profile-header-color, var(--color-secondary));border-color:var(--profile-header-color, var(--color-secondary));color:var(--color-white)}.cs-filter__submit:hover{opacity:.9;color:var(--color-white)}.cs-list{background:linear-gradient(135deg,color-mix(in srgb,var(--profile-light-color) 35%,var(--color-bg-page)),color-mix(in srgb,var(--profile-light-color) 15%,var(--color-bg-page)) 60%,color-mix(in srgb,var(--profile-avatar-color) 8%,var(--color-bg-page)));border-radius:14px;padding:4px 12px;display:flex;flex-direction:column}@media (min-width: 768px){.cs-list{padding:4px 18px;border-radius:16px}}.cs-item{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;align-items:center}@media (min-width: 768px){.cs-item{padding:14px 0;gap:20px}}.cs-item:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,color-mix(in srgb,var(--profile-avatar-color) 22%,transparent),color-mix(in srgb,var(--profile-avatar-color) 6%,transparent))}.cs-item--failed:before{content:"";position:absolute;top:8px;bottom:8px;left:-6px;width:2px;border-radius:2px;background:var(--color-danger-main)}.cs-item__main{display:flex;flex-direction:column;gap:6px;min-width:0}.cs-item__cat{display:flex;align-items:center;gap:10px;min-width:0}.cs-item__cat-image{flex-shrink:0;width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:var(--color-gray-100);border:2px solid color-mix(in srgb,var(--profile-avatar-color) 40%,var(--color-bg-page))}.cs-item__cat-image--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);font-size:14px}@media (min-width: 768px){.cs-item__cat-image{width:44px;height:44px}}.cs-item__cat-text{min-width:0;flex:1}.cs-item__cat-name{font-size:13px;font-weight:700;color:var(--profile-avatar-color, var(--color-text-primary));line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em}@media (min-width: 768px){.cs-item__cat-name{font-size:14px}}.cs-item__cafe{margin-top:2px;font-size:11px;color:var(--color-text-muted);line-height:1.4}@media (min-width: 768px){.cs-item__cafe{font-size:12px}}.cs-item__cafe-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}.cs-item__cafe-link i{font-size:9px;color:var(--color-gray-500)}.cs-item__cafe-link:hover{color:var(--profile-header-color, var(--color-secondary))}.cs-item__cafe-link:hover i{color:inherit}.cs-item__cafe-missing{display:inline-flex;align-items:center;gap:4px;color:var(--color-gray-500);font-style:italic}.cs-item__cafe-missing i{font-size:9px}.cs-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cs-item__date{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.cs-item__date i{font-size:9px}.cs-item__amount{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:110px}@media (min-width: 768px){.cs-item__amount{min-width:130px}}.cs-item__amount-row{display:flex;align-items:baseline;gap:6px}.cs-item__amount-label{display:none}.cs-item__amount-value{font-size:14px;font-weight:700;color:var(--color-danger-main);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}@media (min-width: 768px){.cs-item__amount-value{font-size:15px}}.cs-item__amount-unit{font-size:9px;font-weight:600;margin-left:2px;opacity:.85}.cs-item__balance-row{display:flex;align-items:baseline;gap:4px;font-size:10px;color:var(--color-text-muted)}.cs-item__balance-label{font-weight:500}.cs-item__balance-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-text-dark)}@media (min-width: 768px){.cs-item__balance-value{font-size:11px}}.cs-item__failure{grid-column:1/-1;display:flex;align-items:flex-start;gap:6px;padding:6px 10px;background:color-mix(in srgb,var(--color-danger-main) 8%,var(--color-bg-page));border-radius:6px;font-size:11px;color:var(--color-danger-main);line-height:1.5}.cs-item__failure i{font-size:11px;flex-shrink:0;margin-top:1px}.cs-item__failure-label{font-weight:600}.cs-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:50px;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1.4;white-space:nowrap}.cs-badge i{font-size:9px}.cs-badge--type-initial{background:color-mix(in srgb,var(--color-info-main) 15%,var(--color-bg-page));color:var(--color-info-main)}.cs-badge--type-renewal{background:color-mix(in srgb,var(--color-success-main) 15%,var(--color-bg-page));color:var(--color-success-main)}.cs-badge--type-auto-resume{background:color-mix(in srgb,var(--color-accent-gold) 18%,var(--color-bg-page));color:var(--color-accent-gold)}.cs-badge--status-success{background:color-mix(in srgb,var(--color-success-main) 15%,var(--color-bg-page));color:var(--color-success-main)}.cs-badge--status-failed{background:color-mix(in srgb,var(--color-danger-main) 15%,var(--color-bg-page));color:var(--color-danger-main)}.cat-support-history__empty{display:flex;justify-content:center;padding:16px 0}@media (min-width: 768px){.cat-support-history__empty{padding:24px 0}}.cs-item{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.cs-item.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.cs-item{opacity:1;transform:none;transition:none}}html[data-theme=dark] .cs-item__failure{background:color-mix(in srgb,var(--color-danger-main) 14%,var(--color-bg-page))}html[data-theme=dark] .cs-filter__input{color-scheme:dark}.contact-container{max-width:1200px;margin:0 auto;padding:0}.contact-body{max-width:640px;margin:0 auto;padding:0 16px}.contact-form-wrapper{background:var(--color-gray-50);padding:28px 24px;border-radius:12px;margin-bottom:0}@media (max-width: 767px){.contact-form-wrapper{padding:20px 16px}}.contact-form-group{margin-bottom:16px}.contact-form-input,.contact-form-select,.contact-form-textarea{width:100%;padding:10px 12px;border:1px solid var(--color-gray-350);border-radius:var(--border-radius-base);font-size:14px;background:var(--color-bg-page);color:var(--color-text-primary);transition:border-color var(--transition-fast)}@media (max-width: 767px){.contact-form-input,.contact-form-select,.contact-form-textarea{font-size:16px}}.contact-form-input:focus,.contact-form-select:focus,.contact-form-textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #6b7f951a}.contact-form-textarea{min-height:140px;resize:vertical}.is-invalid{border-color:var(--color-danger-main)!important}.invalid-feedback{color:var(--color-danger-main);font-size:13px;margin-top:4px}.contact-confirm-wrap{display:flex;justify-content:center;margin-top:12px}#contact-confirm-btn{width:auto;padding:10px 48px;font-size:14px;font-weight:600;border-radius:50px;background:var(--color-secondary);border-color:var(--color-secondary)}#contact-confirm-btn:hover{background:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.contact-supplement{margin-top:28px;padding:14px 16px;background:var(--color-primary-pale);border-radius:8px}.contact-examples{margin-bottom:10px}.contact-examples__title{font-size:13px;font-weight:600;color:var(--color-primary);margin-bottom:6px;display:flex;align-items:center;gap:5px}.contact-examples__title i{color:var(--color-accent-gold)}.contact-examples ul{list-style:none;padding:0 0 0 20px;margin:0}.contact-examples li{position:relative;padding-left:12px;margin-bottom:3px;font-size:13px;color:var(--color-text-muted);line-height:1.6}.contact-examples li:before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;background:var(--color-secondary-light);border-radius:50%}.contact-warning{font-size:13px;color:var(--color-text-muted);line-height:1.6;margin:0}.contact-warning i{margin-right:4px;color:var(--color-secondary)}.contact-faq-section{text-align:center;margin-top:16px;margin-bottom:32px}.contact-faq-text{font-size:13px;color:var(--color-text-muted);margin-bottom:12px}.confirm-message{background:var(--color-gray-50);padding:16px;border-radius:var(--border-radius-base);margin-bottom:24px;text-align:center}.confirm-message p{margin:0;color:var(--color-text-muted);font-size:14px}.confirm-section{border-bottom:1px solid var(--color-gray-200);padding:16px 0}.confirm-section:last-of-type{border-bottom:none}.confirm-label{font-weight:600;color:var(--color-primary);margin-bottom:6px;font-size:13px}.confirm-value{color:var(--color-text-primary);font-size:14px;line-height:1.6}.confirm-message-content{white-space:pre-wrap;word-wrap:break-word}.confirm-buttons{display:flex;gap:12px;margin-top:24px;justify-content:center}.confirm-buttons .btn{width:auto;padding:10px 48px;font-size:14px;font-weight:600;border-radius:50px}.confirm-buttons .btn-primary{background:var(--color-secondary);border-color:var(--color-secondary)}.confirm-buttons .btn-primary:hover{background:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.confirm-buttons .btn-secondary{background:transparent;border:1px solid var(--color-gray-350);color:var(--color-text-muted)}.confirm-buttons .btn-secondary:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}#contact-confirm-form.hidden,#contact-input-form.hidden{display:none}.news-wrapper{max-width:900px;margin:0 auto;padding:0}.news-container{margin-top:10px}.news-timeline{position:relative}.news-timeline-item{display:flex;gap:20px;margin-bottom:24px}.timeline-marker{position:relative;flex-shrink:0}.timeline-dot{width:12px;height:12px;border-radius:50%;position:relative;z-index:2}.timeline-line{position:absolute;top:12px;left:5px;width:2px;height:calc(100% + 24px);background:var(--color-gray-350);z-index:1}.news-card-timeline{flex:1;background:var(--color-bg-page);border:1.5px solid var(--color-gray-400);border-radius:var(--border-radius-base);padding:16px 20px;cursor:pointer;transition:all .2s}.news-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.news-meta{display:flex;align-items:center;gap:12px}.news-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.news-type-label{font-size:14px;font-weight:600;color:var(--color-text-dark)}.news-card-timeline[data-expanded=true] .news-type-label[data-type=maintenance]{color:var(--color-primary)}.news-card-timeline[data-expanded=true] .news-type-label[data-type=important]{color:var(--color-news-alert)}.news-card-timeline[data-expanded=true] .news-type-label[data-type=update]{color:var(--color-news-info)}.news-date{font-size:14px;color:var(--color-text-gray);margin-left:auto}.news-expand-icon{font-size:.857rem;color:var(--color-text-gray);transition:transform .3s}.news-title{font-size:14px;font-weight:600;color:var(--color-primary);margin:0;line-height:1.5}.news-content{overflow:hidden;transition:max-height .3s ease-out;margin-top:0;max-height:0}.news-content-inner{padding-top:16px;color:var(--color-text-dark);line-height:1.8;font-size:13.5px}.news-content-inner p{margin:0}.news-content-inner img{max-width:100%;height:auto;margin:16px 0;border-radius:var(--border-radius-base)}.news-content-inner a{color:var(--color-secondary);text-decoration:none}.news-content-inner a:hover{text-decoration:underline}.no-news{text-align:center;color:var(--color-text-gray);padding:60px 20px;font-size:16px}.news-pagination{margin-top:40px}@media (max-width: 768px){.news-wrapper{padding:0}.news-container{padding-left:10px;padding-right:10px}.news-timeline-item{gap:16px}.news-card-timeline{padding:12px 16px}.news-meta{flex-wrap:wrap;gap:8px}.news-date{margin-left:0;width:100%;margin-top:4px}.news-title{font-size:14px}}.static-wrapper{max-width:800px;margin:0 auto}.static-content{background:var(--color-bg-page);border-radius:8px;padding:0 20px}.static-content section{margin-bottom:32px}.static-content h2{font-size:20px;font-weight:600;color:var(--heading-color);margin-bottom:16px}.static-content h3{font-size:18px;font-weight:600;color:var(--heading-color);margin-bottom:12px}.static-content p{color:var(--color-text-dark);line-height:1.8;margin-bottom:16px}.static-content ul{margin-left:24px;color:var(--color-text-dark);line-height:1.8}.static-content li{margin-bottom:8px}.static-content a{color:var(--color-secondary);text-decoration:none}.static-content a:hover{text-decoration:underline}.help-section{background:var(--color-gray-50);padding:24px;border-radius:8px;margin-bottom:24px}.help-item,.faq-item{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-gray-200)}.help-item:last-child,.faq-item:last-child{margin-bottom:0;border-bottom:none}.under-construction-section{padding:80px 0;text-align:center;min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%)}.under-construction-content{max-width:800px;margin:0 auto;background:var(--color-bg-page);padding:60px;border-radius:var(--border-radius-base)}.under-construction-icon{color:var(--color-warning-main);margin-bottom:2rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.under-construction-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.under-construction-subtitle{font-size:1.5rem;font-weight:400;color:var(--color-primary);margin-bottom:2rem}.under-construction-message{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:1rem}.under-construction-message-en{font-size:.95rem;color:var(--color-text-gray);line-height:1.6;margin-bottom:3rem}.under-construction-features{background:var(--color-gray-50);padding:2rem;border-radius:var(--border-radius-base);margin:3rem 0;text-align:left}.under-construction-features h3{font-size:1.3rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.5rem;text-align:center}.under-construction-features ul{list-style:none;padding:0;margin:0}.under-construction-features li{padding:.8rem 0;font-size:1rem;color:var(--color-text-secondary);display:flex;align-items:center}.under-construction-features li i{color:var(--color-success-main);margin-right:1rem;font-size:1.2rem}.back-to-top-btn{display:inline-block;padding:12px 30px;background-color:var(--color-primary);color:var(--color-white);text-decoration:none;border-radius:var(--border-radius-base);font-weight:600;transition:all .3s ease}.back-to-top-btn:hover{background-color:var(--color-primary-dark);transform:none}.back-to-top-btn i{margin-right:8px}@media (max-width: 768px){.under-construction-section{padding:60px 20px}.under-construction-content{padding:40px 20px}.under-construction-title{font-size:2rem}.under-construction-subtitle{font-size:1.2rem}.under-construction-message{font-size:1rem}.under-construction-features{padding:1.5rem}}.legal-wrapper{max-width:1200px;margin:0 auto;padding:0}.legal-content{background:transparent;border:none;border-radius:0;padding:0 40px;font-size:14px;line-height:1.8;color:var(--color-text-primary)}@media (max-width: 767px){.legal-content{padding:0 16px}}.legal-content h1{font-size:20px;font-weight:700;margin:28px 0 12px;padding-bottom:10px;border-bottom:3px solid var(--color-accent-gold);color:var(--color-primary)}@media (max-width: 767px){.legal-content h1{font-size:18px}}.legal-content h2{font-size:17px;font-weight:700;margin:24px 0 10px;padding:10px 16px;background:var(--color-primary-pale);border-left:3px solid var(--color-secondary);border-radius:0 6px 6px 0;color:var(--color-primary)}@media (max-width: 767px){.legal-content h2{font-size:16px;padding:8px 12px}}.legal-content h3{font-size:15px;font-weight:700;margin:20px 0 8px;padding-left:12px;border-left:3px solid var(--color-secondary-light);color:var(--color-primary)}@media (max-width: 767px){.legal-content h3{font-size:14px;padding-left:10px}}.legal-content h4{font-size:14px;font-weight:700;margin:16px 0 6px;color:var(--color-secondary)}.legal-content h4:before{content:"― ";color:var(--color-secondary)}.legal-content p{margin-bottom:14px;color:var(--color-text-muted)}.legal-content strong,.legal-content b{font-weight:700;color:var(--color-text-primary)}.legal-content a{color:var(--color-primary)!important;text-decoration:none!important;border-bottom:1px solid var(--color-secondary-light);padding-bottom:1px;transition:border-color .2s}.legal-content a:hover{border-bottom-color:var(--color-primary)}.legal-content a[target=_blank]:after,.legal-content a[href^=http]:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:.7em;margin-left:3px;color:var(--color-secondary-light)}.legal-content a[href^="/"]:after,.legal-content a[href^="#"]:after{content:none}.legal-content ul,.legal-content ol{margin:12px 0;padding-left:32px;color:var(--color-text-muted)}.legal-content ul{list-style-type:none;padding-left:20px}.legal-content li{margin-bottom:6px;line-height:1.7}.legal-content ul li{position:relative;padding-left:4px}.legal-content ul li:before{content:"";position:absolute;left:-12px;top:9px;width:5px;height:5px;background:var(--color-accent-gold);border-radius:50%}.legal-content hr{margin:24px 0;border:none;height:1px;background:var(--color-gray-400)}.legal-content blockquote{position:relative;margin:20px 0;padding:12px 16px 12px 38px;background:var(--color-gray-50);border-left:3px solid var(--color-secondary-light);border-radius:0 8px 8px 0;font-style:italic;font-size:13px;color:var(--color-text-muted)}.legal-content blockquote:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:13px;top:13px;font-size:12px;color:var(--color-secondary-light)}.legal-content blockquote p{margin-bottom:6px}.legal-content blockquote p:last-child{margin-bottom:0}.legal-content table{width:100%;margin:16px 0;border-collapse:collapse;border-radius:8px;overflow:hidden}.legal-content th,.legal-content td{padding:10px 12px;border:1px solid var(--color-gray-200);text-align:left;font-size:13px}.legal-content th{background:var(--color-gray-50);font-weight:600;color:var(--color-text-primary)}.legal-content td{color:var(--color-text-muted)}.legal-content code{padding:2px 5px;background:var(--color-gray-100);border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px;color:var(--color-text-primary)}.legal-content pre{margin:16px 0;padding:14px;background:var(--color-gray-50);border-radius:8px;overflow-x:auto}.legal-content pre code{padding:0;background:transparent}.legal-content .column-note{position:relative;margin:16px 0;padding:14px 18px 14px 40px;background:var(--color-primary-pale);border:none;border-radius:8px;font-size:13px;line-height:1.7;color:var(--color-text-muted)}.legal-content .column-note:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:14px;top:15px;font-size:14px;color:var(--color-accent-gold)}.legal-content .column-note p{margin:.4rem 0}.legal-content .column-note p:first-child{margin-top:0}.legal-content .column-note p:last-child{margin-bottom:0}.legal-content .column-note a{color:var(--color-secondary);text-decoration:underline;border-bottom:none}.legal-content .column-note a:hover{text-decoration:none}.legal-content .column-note a:after{content:none}.legal-content mark{padding:.1em .25em;border-radius:4px;color:inherit;background-color:var(--marker-yellow)}.legal-content mark.mark-yellow{background-color:var(--marker-yellow)}.legal-content mark.mark-pink{background-color:var(--marker-pink)}.legal-content mark.mark-green{background-color:var(--marker-green)}.legal-content mark.mark-blue{background-color:var(--marker-blue)}.legal-content mark.mark-orange{background-color:var(--marker-orange)}.confirm-password-page{padding:80px 0;min-height:calc(100vh - 300px);background:var(--color-gray-50)}.confirm-password-container{max-width:500px;margin:0 auto;background:var(--color-bg-page);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px}.confirm-password-icon{text-align:center;color:var(--color-secondary);margin-bottom:30px}.confirm-password-title{font-size:28px;font-weight:700;color:var(--color-text-primary);text-align:center;margin-bottom:30px}.confirm-password-message{font-size:16px;color:var(--color-text-secondary);line-height:1.8;text-align:center;margin-bottom:30px}.confirm-password-form{max-width:350px;margin:0 auto}.confirm-password-form .form-group{margin-bottom:20px}.confirm-password-form .form-label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.confirm-password-form .form-control{width:100%;padding:10px 15px;border:1px solid var(--color-gray-400);border-radius:var(--border-radius-base);font-size:16px;transition:border-color .3s}.confirm-password-form .form-control:focus{outline:none;border-color:var(--color-secondary)}.confirm-password-form .form-control.is-invalid{border-color:var(--color-danger-main)}.confirm-password-form .invalid-feedback{display:block;color:var(--color-danger-main);font-size:14px;margin-top:5px}.confirm-password-form .form-actions{margin-top:30px}.confirm-password-form .form-actions .btn{width:100%;padding:12px 24px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.verify-email-page{padding:80px 0;min-height:calc(100vh - 300px)}.verify-email-container{max-width:600px;margin:0 auto;background:var(--color-bg-page);border:1px solid var(--color-gray-350);border-radius:var(--border-radius-base);padding:60px;text-align:center}.verify-email-icon{color:var(--color-secondary);margin-bottom:30px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.verify-email-title{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:30px}.verify-email-content{max-width:450px;margin:0 auto}.verify-email-message{font-size:16px;color:var(--color-text-secondary);line-height:1.8;margin-bottom:30px}.verify-email-success{background:var(--color-success-bg);color:var(--color-success-text);padding:15px 20px;border-radius:var(--border-radius-base);margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:500}.verify-email-success i{font-size:20px}.verify-email-actions{display:flex;flex-direction:column;gap:20px;align-items:center}.verify-email-form{width:100%}.verify-email-form .btn{width:100%;padding:12px 24px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.logout-form{margin-top:10px}.btn-link{background:none;border:none;color:var(--color-text-secondary);text-decoration:underline;cursor:pointer;font-size:14px;padding:0}.btn-link:hover{color:var(--color-text-primary)}@media (max-width: 768px){.confirm-password-page,.verify-email-page,.confirm-password-container,.verify-email-container{padding:40px 20px}.confirm-password-title,.verify-email-title{font-size:24px}.confirm-password-message,.verify-email-message{font-size:14px}}.editor-cafe-manage{max-width:1200px;margin:0 auto;padding:20px}@media (max-width: 576px){.editor-cafe-manage{padding:10px}.editor-cafe-manage .management-menu{grid-template-columns:repeat(3,1fr);gap:4px;margin:16px 0;padding-bottom:14px;border-bottom:1px solid rgba(61,80,107,.15)}.editor-cafe-manage .management-menu-card{min-width:0;padding:1px 2px;gap:0px;flex-direction:column;align-items:center;text-align:center}.editor-cafe-manage .management-menu-card .menu-icon{width:14px;height:14px;font-size:7px;border-radius:var(--border-radius-base);margin-bottom:1px}.editor-cafe-manage .management-menu-card .menu-content{flex:none;margin-top:0}.editor-cafe-manage .management-menu-card .menu-title{font-size:5px;line-height:.85;margin-bottom:0}.editor-cafe-manage .management-menu-card .menu-desc,.editor-cafe-manage .management-menu-card .menu-external{display:none}}.editor-cafe-manage .editor-content-wrapper{margin:0 10px;padding:10px 0}@media (max-width: 576px){.editor-cafe-manage .editor-content-wrapper{margin:0 6px;padding:8px 0}}.editor-cafe-manage .content-section{border:1px solid var(--color-gray-200);border-radius:var(--border-radius-base);padding:10px;margin-bottom:10px;background-color:var(--color-bg-page)}.editor-cafe-manage .content-section.accordion .section-content{max-height:0!important;overflow:hidden!important;transition:max-height .3s ease-out}.editor-cafe-manage .content-section.accordion.active .section-content{max-height:5000px!important;overflow:visible!important;transition:max-height .5s ease-in}.editor-cafe-manage .content-section.accordion.active .section-title h2 .accordion-icon{transform:rotate(180deg)}.editor-cafe-manage .section-title{background:#3d506b0f;border-radius:2px 2px 0 0;padding:12px 16px;margin:-10px -10px 12px;position:relative}.editor-cafe-manage .section-title:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,var(--color-secondary),transparent);opacity:.2}.editor-cafe-manage .section-title h2{font-size:14px;font-weight:600;margin-bottom:0;color:var(--color-secondary);display:flex;align-items:center;gap:6px}.editor-cafe-manage .section-title.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s}.editor-cafe-manage .section-title.clickable:hover{background:#3d506b17}.editor-cafe-manage .section-title.clickable h2{display:flex;justify-content:space-between;align-items:center}.editor-cafe-manage .section-title.clickable h2 .accordion-icon{font-size:.857rem;color:#3d506b99;transition:transform .3s ease;margin-left:auto}.editor-cafe-manage .management-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:12px}.editor-cafe-manage .management-menu-card{display:flex;align-items:center;gap:10px;padding:8px;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius-base);text-decoration:none;color:var(--color-white);transition:border-color .2s,background .2s;position:relative;flex:1;min-width:0}.editor-cafe-manage .management-menu-card:hover{border-color:var(--color-gray-600);background:var(--color-gray-600);text-decoration:none;color:var(--color-white)}.editor-cafe-manage .management-menu-card .menu-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff3;color:var(--color-white);font-size:16px;flex-shrink:0}@media (min-width: 577px){.editor-cafe-manage .management-menu-card{padding:20px 14px}.editor-cafe-manage .management-menu-card .menu-icon{width:48px;height:48px;font-size:22px}.editor-cafe-manage .management-menu-card .menu-title{font-size:14px}.editor-cafe-manage .management-menu-card .menu-desc{font-size:.857rem}}.editor-cafe-manage .management-menu-card[data-menu-type=dashboard] .menu-icon{background:#5a96b0;color:#a8d8e8}.editor-cafe-manage .management-menu-card[data-menu-type=edit] .menu-icon{background:#6b9670;color:#b8d4ba}.editor-cafe-manage .management-menu-card[data-menu-type=cats] .menu-icon{background:#a59880;color:#d9cbb3}.editor-cafe-manage .management-menu-card[data-menu-type=plans] .menu-icon{background:#b88899;color:#e0bcc9}.editor-cafe-manage .cafe-page-header__icon[data-page-type=dashboard]{background:#5a96b0;color:#a8d8e8}.editor-cafe-manage .cafe-page-header__icon[data-page-type=edit]{background:#6b9670;color:#b8d4ba}.editor-cafe-manage .cafe-page-header__icon[data-page-type=cats]{background:#a59880;color:#d9cbb3}.editor-cafe-manage .cafe-page-header__icon[data-page-type=plans]{background:#b88899;color:#e0bcc9}.editor-cafe-manage .management-menu-card .menu-content{flex:1;min-width:0}.editor-cafe-manage .management-menu-card .menu-title{font-size:13px;font-weight:600;color:var(--color-white);margin-bottom:2px;line-height:1.3}.editor-cafe-manage .management-menu-card .menu-desc{font-size:.75rem;color:#fffc;line-height:1.3}.editor-cafe-manage .management-menu-card .menu-external{color:#ffffffb3;font-size:.857rem;flex-shrink:0}.editor-cafe-manage .management-menu-card:hover .menu-external{color:var(--color-white)}.editor-cafe-manage .summary-grid{display:grid;gap:12px}.editor-cafe-manage .summary-item{display:grid;gap:4px}.editor-cafe-manage .summary-label{font-size:.857rem;color:var(--color-text-secondary);letter-spacing:.3px}.editor-cafe-manage .summary-value{font-size:13px;font-weight:600;color:var(--color-text-primary)}.editor-cafe-manage .stats-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.editor-cafe-manage .stat-card{border:1px solid var(--color-gray-300);border-radius:4px;padding:12px 14px;background:var(--color-gray-50)}.editor-cafe-manage .stat-label{font-size:.857rem;color:var(--color-text-secondary);margin-bottom:6px}.editor-cafe-manage .stat-value{font-size:18px;font-weight:700;color:var(--color-primary);margin-bottom:6px}.editor-cafe-manage .stat-sub{font-size:.857rem;color:var(--color-text-secondary)}.editor-cafe-manage .activity-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.editor-cafe-manage .activity-item{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--color-text-primary)}.editor-cafe-manage .activity-type{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--color-white);background:var(--color-gray-600);white-space:nowrap}.editor-cafe-manage .activity-type-cafe{background:#7a6a50}.editor-cafe-manage .activity-type-cat{background:#4a86a8}.editor-cafe-manage .activity-type-plan{background:#8b6a9a}.editor-cafe-manage .activity-time{margin-left:auto;color:var(--color-text-secondary);white-space:nowrap}.editor-cafe-manage .actions-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.editor-cafe-manage .copy-feedback{margin-top:8px;font-size:.857rem;color:var(--color-text-secondary)}.editor-cafe-manage .dashboard-primary-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:4px}.editor-cafe-manage .dashboard-top-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.editor-cafe-dashboard{max-width:1200px;margin:0 auto;padding:0}.editor-cafe-dashboard .section-header__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,var(--color-danger-main) 0%,var(--color-danger-soft-hover) 100%);color:var(--color-white);border-radius:9px;font-size:.75rem;font-weight:600;line-height:1;margin-left:6px;vertical-align:middle}.editor-cafe-dashboard .dashboard-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.editor-cafe-dashboard .dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-cafe-dashboard .activity-list{list-style:none;padding:0;margin:0}.editor-cafe-dashboard .activity-item{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--color-border-light);font-size:.857rem}.editor-cafe-dashboard .activity-item:last-child{border-bottom:none}.editor-cafe-dashboard .activity-type{font-size:9px;font-weight:600;text-transform:uppercase;padding:2px 5px;border-radius:3px;flex-shrink:0;min-width:40px;text-align:center;letter-spacing:.3px}.editor-cafe-dashboard .activity-type-cafe{background:#3d506b2e;color:var(--color-secondary)}.editor-cafe-dashboard .activity-type-cat{background:#6889b82e;color:var(--color-stat-slate)}.editor-cafe-dashboard .activity-type-plan{background:#b578902e;color:var(--color-stat-mauve)}.editor-cafe-dashboard .activity-label{flex:1;color:var(--color-text-primary)}.editor-cafe-dashboard .activity-time{font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.editor-cafe-dashboard .summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-cafe-dashboard .summary-item{display:flex;flex-direction:column;gap:6px}.editor-cafe-dashboard .summary-label{font-size:.75rem;background:#3d506b26;color:var(--color-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:4px 8px;border-radius:3px;width:-moz-fit-content;width:fit-content}.editor-cafe-dashboard .summary-value{font-size:.857rem;color:var(--color-text-primary);padding:0 8px}.editor-cafe-dashboard .summary-actions{margin-top:12px;padding:0 8px;display:flex;gap:6px;flex-wrap:wrap}.editor-cafe-dashboard .summary-action-btn{flex:1;min-width:0;padding:6px 10px;background:var(--color-bg-page);border:1px solid rgba(61,80,107,.3);border-radius:var(--border-radius-base);color:var(--color-secondary);font-family:inherit;font-size:.857rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .2s,border-color .2s;text-decoration:none}.editor-cafe-dashboard .summary-action-btn:hover{background:#3d506b0f;border-color:var(--color-secondary);text-decoration:none;color:var(--color-secondary)}.editor-cafe-dashboard .summary-action-btn i{font-size:.75rem}.editor-cafe-dashboard .summary-action-btn span{white-space:nowrap}.editor-cafe-dashboard .summary-copy-feedback{margin-top:6px;padding:5px 10px;background:#3d506b1a;color:var(--color-secondary);border-radius:var(--border-radius-base);font-size:.857rem;text-align:center;margin-left:8px;margin-right:8px}.editor-cafe-dashboard .dashboard-notifications .notifications-header{margin-bottom:8px}.editor-cafe-dashboard .dashboard-notifications .btn-mark-all-read{padding:5px 10px;background:var(--color-secondary);border:none;border-radius:var(--border-radius-base);color:var(--color-white);font-size:.857rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .2s}.editor-cafe-dashboard .dashboard-notifications .btn-mark-all-read:hover{background:var(--color-secondary-dark)}.editor-cafe-dashboard .dashboard-notifications .btn-mark-all-read i{font-size:.75rem}.editor-cafe-dashboard .dashboard-notifications .notifications-list{margin:0}.editor-cafe-dashboard .dashboard-notifications .notifications-footer{margin-top:8px;text-align:center}.editor-cafe-dashboard .dashboard-notifications .notifications-footer .btn-link{color:var(--color-secondary);text-decoration:none;font-size:.857rem;display:inline-flex;align-items:center;gap:4px}.editor-cafe-dashboard .dashboard-notifications .notifications-footer .btn-link:hover{color:var(--color-secondary-dark);text-decoration:underline}.editor-cafe-dashboard .dashboard-notifications .notifications-footer .btn-link i{font-size:.75rem}.editor-cafe-dashboard .sales-summary-compact{display:flex;flex-direction:column;gap:12px}.editor-cafe-dashboard .sales-amount-display{text-align:center;padding:18px 12px;background:#5b9b9214;border-radius:var(--border-radius-base);border:1px solid rgba(91,155,146,.15);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.editor-cafe-dashboard .sales-amount-display:before{content:"";position:absolute;top:8px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(91,155,146,.15) 5%,rgba(91,155,146,.3) 50%,rgba(91,155,146,.15) 95%,transparent 100%);z-index:0}.editor-cafe-dashboard .sales-amount-display:after{content:"";position:absolute;bottom:8px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(91,155,146,.15) 5%,rgba(91,155,146,.3) 50%,rgba(91,155,146,.15) 95%,transparent 100%);z-index:0}.editor-cafe-dashboard .sales-amount-display>*{position:relative;z-index:1}.editor-cafe-dashboard .sales-amount-label{font-size:.857rem;color:var(--color-text-secondary);margin-bottom:4px}.editor-cafe-dashboard .sales-amount-main{display:flex;align-items:baseline;justify-content:center;gap:2px}.editor-cafe-dashboard .sales-currency{font-size:14px;font-weight:600;color:var(--color-stat-teal)}.editor-cafe-dashboard .sales-value{font-size:18px;font-weight:700;color:var(--color-stat-teal);line-height:1}.editor-cafe-dashboard .sales-amount-sub{font-size:.857rem;color:var(--color-text-secondary)}.editor-cafe-dashboard .sales-actions-compact{display:flex;flex-direction:row;gap:6px}.editor-cafe-dashboard .sales-actions-compact .btn{flex:1;text-align:center;padding:7px 10px;font-size:.857rem;white-space:nowrap}@media (max-width: 992px){.editor-cafe-dashboard .dashboard-main-grid,.editor-cafe-dashboard .dashboard-bottom-grid{grid-template-columns:1fr}}@media (max-width: 576px){.editor-cafe-dashboard .dashboard-main-grid,.editor-cafe-dashboard .dashboard-bottom-grid{gap:8px;margin-bottom:8px}.editor-cafe-dashboard .activity-item{padding:6px;gap:6px}.editor-cafe-dashboard .sales-amount-display{padding:10px}.editor-cafe-dashboard .sales-value{font-size:18px}.editor-cafe-dashboard .sales-currency{font-size:14px}.editor-cafe-dashboard .sales-amount-sub{font-size:.75rem}.editor-cafe-dashboard .sales-actions-compact{gap:5px}.editor-cafe-dashboard .sales-actions-compact .btn{padding:6px 8px;font-size:.857rem}.editor-cafe-manage.mobile-container{padding:0!important}}.editor-cafe-edit input[type=checkbox],.editor-cafe-edit input[type=radio]{accent-color:var(--color-accent-gold)}.editor-cafe-edit .multilang-fields{display:flex;flex-direction:column;gap:12px}.editor-cafe-edit .multilang-field{position:relative}.editor-cafe-edit .lang-label{display:inline-block;background:var(--color-gray-800);color:var(--color-white);padding:4px 10px;border-radius:2px 2px 0 0;font-size:.857rem;font-weight:600;margin-bottom:-1px;position:relative;z-index:1}.editor-cafe-edit .optional{font-size:.857rem;font-weight:400;opacity:.8;margin-left:4px}.editor-cafe-edit .multilang-field .form-control{border-top-left-radius:0;margin-top:0}.editor-cafe-edit .required{color:var(--color-danger-main);font-weight:600;margin-left:4px}.editor-cafe-edit .required-legend{font-size:.857rem;font-weight:400;color:var(--color-text-secondary);margin-left:12px}.editor-cafe-edit .required-legend .required{margin-left:0;margin-right:2px}.editor-cafe-edit .form-help{display:block;margin-top:.25rem;font-size:.857rem;color:var(--color-text-secondary);line-height:1.5}.editor-cafe-edit .form-group{margin-bottom:20px}.editor-cafe-edit .form-label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:5px;font-size:13px}.editor-cafe-edit .form-label-hint{font-size:.857rem;font-weight:400;color:var(--color-text-muted);margin-left:8px}.editor-cafe-edit .form-control{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:var(--border-radius-base);font-size:13px;background-color:var(--color-bg-page);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.editor-cafe-edit .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3d506b1a}.editor-cafe-edit .form-control.is-invalid{border-color:var(--color-danger-main)}.editor-cafe-edit .form-control::-moz-placeholder{color:var(--color-text-muted);opacity:1}.editor-cafe-edit .form-control::placeholder{color:var(--color-text-muted);opacity:1}.editor-cafe-edit select.form-control{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:32px}.editor-cafe-edit select.form-control::-ms-expand{display:none}.editor-cafe-edit select.form-control option{font-size:13px;color:var(--color-text-primary);padding:8px;background:var(--color-bg-page)}.editor-cafe-edit .invalid-feedback{color:var(--color-danger-main);font-size:.857rem;margin-top:4px}.editor-cafe-edit .checkbox-group{display:flex;flex-wrap:wrap;gap:15px;padding:5px 0}.editor-cafe-edit .checkbox-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--color-text-secondary)}.editor-cafe-edit .checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.editor-cafe-edit .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}@media (max-width: 768px){.editor-cafe-edit .form-row{grid-template-columns:1fr}}.editor-cafe-edit .current-image{margin-bottom:10px}.editor-cafe-edit .current-image-thumbnail{max-width:300px;max-height:200px;border:1px solid var(--admin-border-color);border-radius:var(--border-radius-base);padding:4px}.editor-cafe-edit .image-preview{display:none;margin-top:10px}.editor-cafe-edit .image-preview img{max-width:300px;max-height:200px;border:1px solid var(--admin-border-color);border-radius:var(--border-radius-base)}.editor-cafe-edit .cafe-cats-section{padding:10px 0}.editor-cafe-edit .stats-row{display:flex;gap:20px;padding:12px;background:#3d506b0a;border-radius:var(--border-radius-base);margin-bottom:15px}.editor-cafe-edit .stat-item{display:flex;align-items:center;gap:6px}.editor-cafe-edit .stat-label{font-size:13px;color:var(--color-gray-550);font-weight:500}.editor-cafe-edit .stat-value{font-size:13px;font-weight:700;color:var(--color-gray-700)}.editor-cafe-edit .info-box{background:var(--color-info-bg);border-left:4px solid var(--color-info-main);padding:10px 12px;border-radius:var(--border-radius-base);margin-bottom:15px;display:flex;align-items:center;gap:8px;font-size:13px}.editor-cafe-edit .info-box i{color:var(--color-info-main);font-size:13px}.editor-cafe-edit .table{margin-bottom:0}.editor-cafe-edit .table th{background:var(--color-gray-100);font-weight:600;border-bottom:2px solid var(--color-gray-400)}.editor-cafe-edit .cats-table-wrapper{overflow-x:auto;margin-bottom:10px}.editor-cafe-edit .form-actions{display:flex;gap:10px;padding-top:20px;border-top:1px solid var(--color-border)}.editor-cafe-edit .form-actions .btn{padding:8px 20px;font-weight:500;font-size:13px;border-radius:var(--border-radius-base);transition:background-color .3s ease,border-color .3s ease,opacity .3s ease}.editor-cafe-edit .form-actions .btn:hover{transform:none!important}.editor-cafe-edit .btn.btn-primary,.editor-cafe-edit .btn-primary{padding:8px 16px;font-size:13px!important;border-radius:var(--border-radius-base);background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,opacity .3s ease;font-weight:500}.editor-cafe-edit .btn.btn-primary i,.editor-cafe-edit .btn-primary i{font-size:.857rem}.editor-cafe-edit .btn.btn-primary:hover,.editor-cafe-edit .btn-primary:hover{background-color:var(--color-secondary-dark)!important;border-color:var(--color-secondary-dark)!important;opacity:1!important;text-decoration:none}.editor-cafe-edit .btn.btn-primary:active,.editor-cafe-edit .btn-primary:active{opacity:.9}@media (min-width: 768px){.editor-cafe-edit .btn.btn-primary,.editor-cafe-edit .btn-primary{font-size:13px!important}}.editor-cafe-edit .btn-secondary{background:var(--color-text-secondary);color:var(--color-white);transition:background-color .3s ease,border-color .3s ease,opacity .3s ease}.editor-cafe-edit .btn-secondary:hover{background:var(--color-text-primary);opacity:.8}.editor-cafe-edit .form-actions .btn-outline{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.editor-cafe-edit .form-actions .btn-outline:hover{background:var(--color-gray-150)}.editor-cafe-edit .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease}.editor-cafe-edit .modal-overlay.show,.editor-cafe-edit .modal-overlay.active{display:flex;opacity:1;visibility:visible}.badge,.status-badge{padding:4px 8px;font-size:.857rem;font-weight:600}.badge-success{background:var(--color-success-main);color:var(--color-white)}.badge-secondary{background:var(--color-admin-secondary);color:var(--color-white)}.badge-info{background:var(--color-info-main);color:var(--color-white)}.badge-warning{background:var(--color-warning-main);color:var(--color-gray-900)}@media (max-width: 768px){.editor-cafe-edit .stats-row{flex-direction:column;gap:10px}}.cat-support-plans-editor .page-header{margin-bottom:2rem}.cat-support-plans-editor .page-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.cat-support-plans-editor .page-header .subtitle{color:var(--color-text-secondary);font-size:1rem}.cat-support-plans-editor .actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.cat-support-plans-editor .plans-table{width:100%;background:var(--color-bg-page);border-collapse:collapse}.cat-support-plans-editor .plans-table thead{background:var(--color-gray-100)}.cat-support-plans-editor .plans-table thead th{padding:1rem;text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:2px solid var(--color-gray-400)}.cat-support-plans-editor .plans-table tbody tr{border-bottom:1px solid var(--color-gray-400);transition:background-color .2s}.cat-support-plans-editor .plans-table tbody tr:hover{background-color:var(--color-gray-100)}.cat-support-plans-editor .plans-table tbody td{padding:1rem;vertical-align:middle}.cat-support-plans-editor .plans-table .plan-name{font-weight:600;color:var(--color-text-primary)}.cat-support-plans-editor .plans-table .plan-name-en{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.cat-support-plans-editor .plans-table .cat-info{display:flex;align-items:center;gap:.75rem}.cat-support-plans-editor .plans-table .cat-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--color-gray-200)}.cat-support-plans-editor .plans-table .cat-placeholder{width:40px;height:40px;border-radius:50%;background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:1.25rem}.cat-support-plans-editor .plans-table .cat-name{font-weight:500}.cat-support-plans-editor .plans-table .nc-amount{font-weight:700;font-size:1.125rem;color:var(--color-primary)}.cat-support-plans-editor .plans-table .nc-unit{font-size:.875rem;color:var(--color-text-secondary);margin-left:.25rem}.cat-support-plans-editor .plans-table .subscription-badge{display:inline-block;padding:.375rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600}.cat-support-plans-editor .plans-table .subscription-badge.has-subscriptions{background:var(--color-success-bg);color:var(--color-success-text)}.cat-support-plans-editor .plans-table .subscription-badge.no-subscriptions{background:var(--color-gray-200);color:var(--color-admin-secondary)}.cat-support-plans-editor .plans-table .action-buttons{display:flex;gap:.5rem}.cat-support-plans-editor .empty-state{text-align:center;padding:4rem 2rem;background:var(--color-bg-page);border-radius:8px}.cat-support-plans-editor .empty-state .empty-icon{font-size:4rem;color:var(--color-gray-400);margin-bottom:1.5rem}.cat-support-plans-editor .empty-state .empty-text{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:2rem}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-notification{position:fixed;top:20px;right:20px;padding:15px 20px;color:var(--color-white);border-radius:4px;box-shadow:0 2px 8px #0003;z-index:9999;animation:slideIn .3s ease-out}.toast-notification.toast-success{background-color:var(--color-success-main)}.toast-notification.toast-error{background-color:var(--color-danger-main)}.empty-state .empty-text{font-size:.875rem}.dashboard-notifications .section-header__badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:.857rem;font-weight:600;color:var(--color-white);background:var(--color-danger-main);border-radius:12px;vertical-align:middle}.dashboard-notifications .notifications-header{display:flex;justify-content:flex-end;margin-bottom:12px}.dashboard-notifications .notifications-header .btn-mark-all-read{padding:6px 12px;font-size:13px;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border, #e0e0e0);border-radius:4px;cursor:pointer;transition:all .2s}.dashboard-notifications .notifications-header .btn-mark-all-read i{margin-right:4px;font-size:.857rem}.dashboard-notifications .notifications-header .btn-mark-all-read:hover{color:var(--color-primary, #8c7a5e);border-color:var(--color-primary, #8c7a5e);background:#8c7a5e0d}.dashboard-notifications .notifications-list{display:flex;flex-direction:column;gap:8px}.dashboard-notifications .notifications-footer{margin-top:16px;text-align:center}.dashboard-notifications .notifications-footer .btn-link{font-size:13px;color:var(--color-primary, #8c7a5e);text-decoration:none}.dashboard-notifications .notifications-footer .btn-link i{margin-left:4px;font-size:.857rem}.dashboard-notifications .notifications-footer .btn-link:hover{text-decoration:underline}.dashboard-sales .sales-detail{display:flex;flex-direction:column;gap:20px}.dashboard-sales .sales-card{background:var(--color-bg-page);border:1px solid var(--color-border, #e0e0e0);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.dashboard-sales .sales-card-header{padding:16px 20px;background:var(--color-gray-50);border-bottom:1px solid var(--color-border, #e0e0e0)}.dashboard-sales .sales-card-title{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary)}.dashboard-sales .sales-card-title i{margin-right:8px;color:var(--color-accent-gold, #8c7a5e)}.dashboard-sales .sales-card-body{padding:24px 20px}.dashboard-sales .sales-card-amount{margin-bottom:20px}.dashboard-sales .amount-large{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.dashboard-sales .amount-large .amount-label{font-size:13px;color:var(--color-text-secondary);min-width:100px}.dashboard-sales .amount-large .amount-value{font-size:32px;font-weight:700;color:var(--color-success-main)}.dashboard-sales .amount-small{display:flex;align-items:baseline;gap:8px;padding-left:112px}.dashboard-sales .amount-small .amount-label-nc{font-size:13px;color:var(--color-text-tertiary)}.dashboard-sales .amount-small .amount-value-nc{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.dashboard-sales .sales-card-actions{display:flex;gap:12px}.dashboard-sales .sales-card-actions .btn{flex:1}.dashboard-sales .sales-card-actions .btn i{margin-right:6px}@media (max-width: 767px){.dashboard-sales .sales-card-actions{flex-direction:column}.dashboard-sales .amount-large{flex-direction:column;gap:4px;align-items:flex-start}.dashboard-sales .amount-large .amount-label{min-width:auto}.dashboard-sales .amount-small{padding-left:0;margin-top:4px}}.editor-form-group{margin-bottom:20px}.editor-form-group:last-child{margin-bottom:0}.editor-form-label{display:block;font-weight:700;margin-bottom:5px;font-size:13px;color:var(--color-gray-800)}.editor-form-label .required{color:var(--color-danger-main);font-weight:600;margin-left:4px}.editor-form-control{width:100%;padding:8px;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-base);font-size:13px;background-color:var(--color-bg-page);transition:border-color .2s,box-shadow .2s}.editor-form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3d506b1a}.editor-form-control[disabled]{background-color:var(--color-gray-100);color:var(--color-text-muted);cursor:not-allowed}textarea.editor-form-control{resize:vertical;min-height:96px}select.editor-form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:30px}.editor-form-row{display:flex;gap:15px;margin-bottom:20px}.editor-form-row>div{flex:1;min-width:0}@media (max-width: 768px){.editor-form-row{flex-direction:column;gap:10px}}.editor-form-row input,.editor-form-row select,.editor-form-row textarea{max-width:100%}.editor-form-hint{color:var(--color-gray-550);font-size:.857rem;display:block;margin-top:5px}.editor-quick-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}@media (max-width: 768px){.editor-quick-actions{flex-direction:column;align-items:stretch;gap:12px}}.editor-quick-actions-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}@media (max-width: 768px){.editor-quick-actions-left{width:100%;justify-content:center}}.editor-quick-actions-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 768px){.editor-quick-actions-right{width:100%;justify-content:center}}.editor-section-bg-primary{background:var(--color-info-bg);padding:15px;margin-bottom:15px;border-radius:var(--border-radius-base)}.editor-section-bg-primary h3{margin-top:0;margin-bottom:15px;padding-bottom:8px;color:var(--color-info-main);font-size:14px;font-weight:600;border-bottom:2px solid var(--color-info-main)}.editor-section-bg-warning{background:var(--color-success-bg);padding:15px;margin-bottom:15px;border-radius:var(--border-radius-base)}.editor-section-bg-warning h3{margin-top:0;margin-bottom:15px;padding-bottom:8px;color:var(--color-success-main);font-size:14px;font-weight:600;border-bottom:2px solid var(--color-success-main)}.editor-section-bg-neutral{background:var(--color-gray-100);padding:15px;border-radius:var(--border-radius-base)}.editor-section-bg-neutral h3{margin-top:0;margin-bottom:15px;padding-bottom:8px;font-size:14px;font-weight:600;border-bottom:2px solid var(--color-gray-500)}.editor-geocode-section{margin-top:15px;display:flex;flex-direction:column;gap:10px}.editor-geocode-section .btn{align-self:flex-start}.geocode-status-message{font-size:.857rem;padding:8px 12px;border-radius:var(--border-radius-base);margin:0}.geocode-status-message.alert-success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.geocode-status-message.alert-danger{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.editor-checkbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 768px){.editor-checkbox-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 576px){.editor-checkbox-grid{grid-template-columns:repeat(2,1fr)}}.editor-checkbox-grid label{font-size:13px;font-weight:400;color:var(--color-text-primary);display:flex;align-items:center;gap:6px;cursor:pointer}.editor-checkbox-grid label input[type=checkbox],.editor-checkbox-grid label input[type=radio]{cursor:pointer;accent-color:var(--color-accent-gold)}.editor-checkbox-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 576px){.editor-checkbox-grid-2col{grid-template-columns:1fr}}.editor-checkbox-grid-2col label{font-size:13px;font-weight:400;color:var(--color-text-primary);display:flex;align-items:center;gap:6px;cursor:pointer}.editor-checkbox-grid-2col label input[type=checkbox],.editor-checkbox-grid-2col label input[type=radio]{cursor:pointer;accent-color:var(--color-accent-gold)}.editor-checkbox-grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 768px){.editor-checkbox-grid-4col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.editor-checkbox-grid-4col{grid-template-columns:1fr}}.editor-checkbox-grid-4col label{font-size:13px;font-weight:400;color:var(--color-text-primary);display:flex;align-items:center;gap:6px;cursor:pointer}.editor-checkbox-grid-4col label input[type=checkbox],.editor-checkbox-grid-4col label input[type=radio]{cursor:pointer;accent-color:var(--color-accent-gold)}.editor-checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:13px}.editor-checkbox-label input[type=checkbox],.editor-checkbox-label input[type=radio]{margin-right:8px}.editor-image-preview-container{display:flex;gap:15px;margin-bottom:10px;flex-wrap:wrap}@media (max-width: 768px){.editor-image-preview-container{flex-direction:column}}.editor-image-preview-area{flex:1;min-width:200px;padding:10px;background:var(--color-gray-50);border-radius:var(--border-radius-base)}.editor-image-preview-area p{margin:0 0 5px;color:var(--color-gray-550);font-size:.857rem}.editor-image-preview-area img{max-width:200px;max-height:150px;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-base)}.editor-form-actions{margin-top:30px;padding-top:20px;border-top:1px solid var(--color-gray-300);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.editor-inline-label{display:inline-block;width:120px;font-weight:700}.editor-inline-label-sm{display:inline-block;width:80px;font-size:13px;font-weight:500;color:var(--color-gray-550)}.editor-time-input-group{display:flex;align-items:center;gap:10px;margin-bottom:12px}@media (max-width: 768px){.editor-time-input-group{flex-direction:column;align-items:flex-start;gap:5px}}.editor-time-input-group .editor-inline-label-sm{flex-shrink:0;font-size:13px!important}.editor-time-input-group .form-control{flex:1}.editor-cafe-edit .d-flex label{font-size:13px;font-weight:400;color:var(--color-text-primary);cursor:pointer}.editor-cafe-edit .d-flex label input[type=radio],.editor-cafe-edit .d-flex label input[type=checkbox]{cursor:pointer;margin-right:4px;accent-color:var(--color-accent-gold)}.editor-cafe-edit input[type=checkbox],.editor-cafe-edit input[type=radio]{accent-color:var(--color-accent-gold)!important}@media (max-width: 576px){.editor-cafe-edit .form-control,.editor-cafe-edit select.form-control option{font-size:14px}.editor-cafe-edit .breed-dropdown-trigger{font-size:16px}.editor-cafe-edit .breed-dropdown-item{font-size:14px}}.form-label-hint{font-size:.857rem;color:var(--color-text-muted);font-weight:400;margin-left:6px}.form-char-count{text-align:right;font-size:.857rem;color:var(--color-gray-550);margin-top:4px}.editor-sns-item{display:flex;align-items:center;gap:10px;margin-bottom:12px}@media (max-width: 768px){.editor-sns-item{flex-direction:column;align-items:flex-start;gap:5px}}.editor-sns-label{display:flex;align-items:center;gap:8px;min-width:140px;font-size:13px;font-weight:500;color:var(--color-gray-550)}@media (max-width: 768px){.editor-sns-label{min-width:auto}}.editor-sns-label i{font-size:15px;width:16px;text-align:center}.editor-sns-label i.fa-instagram{color:#e4405f}.editor-sns-label i.fa-x-twitter{color:#000}.editor-sns-label i.fa-facebook{color:#1877f2}.editor-sns-label i.fa-youtube{color:red}.editor-sns-label i.fa-tiktok{color:#000}.editor-sns-label i.fa-line{color:#00b900}.editor-sns-label span{flex:1;font-size:13px}.editor-preview-image{max-width:200px;max-height:150px;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-base)}.editor-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.selected-badge{display:inline-block;background:var(--color-gray-100);padding:5px 10px;margin:2px;border-radius:15px;font-size:13px}.selected-badge button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;margin-left:5px;font-weight:700}.breed-dropdown-container{position:relative}input.breed-dropdown-trigger{width:100%;padding:8px 35px 8px 8px;border:1px solid var(--color-border);border-radius:var(--border-radius-base);font-size:16px!important;color:var(--color-text-primary);background-color:var(--color-bg-page);transition:border-color .2s,box-shadow .2s}input.breed-dropdown-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3d506b1a}.breed-dropdown-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-muted);font-size:.75rem}.breed-dropdown-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-page);border:1px solid var(--color-border);border-top:none;border-radius:0 0 2px 2px;max-height:120px;overflow-y:auto;z-index:10000;box-shadow:0 2px 4px #0000001a}.breed-dropdown-menu.show{display:block}.breed-dropdown-item{padding:10px;cursor:pointer;border-bottom:1px solid var(--color-gray-100);font-size:13px;font-weight:400;color:var(--color-text-primary)}.breed-dropdown-item:hover{background:var(--color-gray-50)}.breed-dropdown-item small{font-size:.857rem;color:var(--color-text-muted)}.slide-modal-body .breed-dropdown-menu{position:static;border-top:1px solid var(--color-border);border-radius:0 0 2px 2px;max-height:150px}.editor-quick-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:15px;background:#3d506b08;border-radius:var(--border-radius-base);flex-wrap:wrap}@media (max-width: 576px){.editor-quick-actions{flex-direction:column;gap:8px;padding:12px}}.editor-quick-actions-left{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 576px){.editor-quick-actions-left{width:100%;gap:5px}.editor-quick-actions-left .btn-outline-secondary{flex:1}}.editor-quick-actions-right{display:flex;gap:10px}@media (max-width: 576px){.editor-quick-actions-right{width:100%;justify-content:flex-end}}.d-none{display:none}.d-flex{display:flex}.justify-content-center{justify-content:center}.gap-3{gap:15px}.gap-4{gap:20px}.mt-2{margin-top:10px}.mt-3{margin-top:15px}.ms-2{margin-left:10px}.p-4{padding:20px}.w-100{width:100%}.d-block{display:block}.editor-btn{padding:8px 20px;font-size:13px;border-radius:var(--border-radius-base);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none;transition:all .2s;font-weight:500;line-height:1.5}.editor-btn:hover{transform:none;text-decoration:none}.editor-btn:disabled{opacity:.6;cursor:not-allowed}.editor-btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.editor-btn-primary:hover:not(:disabled){background-color:var(--color-gray-600);border-color:var(--color-gray-600);color:var(--color-white)}.editor-btn-secondary{background-color:var(--color-gray-100);color:var(--color-gray-800);border-color:var(--color-gray-100)}.editor-btn-secondary:hover:not(:disabled){background-color:var(--color-gray-200);border-color:var(--color-gray-200);color:var(--color-gray-800)}.editor-btn-outline-secondary{background-color:transparent;color:var(--color-secondary);border-color:var(--color-secondary)}.editor-btn-outline-secondary:hover:not(:disabled){background-color:var(--color-secondary);color:var(--color-white)}.editor-btn-success{background-color:var(--color-success-main);color:var(--color-white);border-color:var(--color-success-main)}.editor-btn-success:hover:not(:disabled){background-color:var(--color-success-text-dark);border-color:var(--color-success-text-dark);color:var(--color-white)}.editor-cafe-cats .cats-stats-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.editor-cafe-cats .cats-stats-summary{gap:8px}}.editor-cafe-cats .cats-stat-item{display:inline-flex;align-items:baseline;gap:5px;padding:4px 10px;background:#3d506b05;border-radius:var(--border-radius-base);border:1px solid rgba(61,80,107,.1)}@media (max-width: 768px){.editor-cafe-cats .cats-stat-item{padding:3px 8px;gap:4px}}.editor-cafe-cats .cats-stat-item--active .cats-stat-number{color:var(--status-active-text)}.editor-cafe-cats .cats-stat-item--visible .cats-stat-number{color:var(--status-visible-text)}.editor-cafe-cats .cats-stat-item--featured .cats-stat-number{color:var(--color-accent-gold-dark)}.editor-cafe-cats .cats-stat-label{font-size:.857rem;font-weight:500;color:var(--color-text-muted)}@media (max-width: 768px){.editor-cafe-cats .cats-stat-label{font-size:.75rem}}.editor-cafe-cats .cats-stat-value{font-size:.857rem;font-weight:600;color:var(--color-secondary)}@media (max-width: 768px){.editor-cafe-cats .cats-stat-value{font-size:.857rem}}.editor-cafe-cats .cats-stat-number{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-right:2px}@media (max-width: 768px){.editor-cafe-cats .cats-stat-number{font-size:13px}}.editor-cafe-cats .cat-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:0}@media (max-width: 1200px){.editor-cafe-cats .cat-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.editor-cafe-cats .cat-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.editor-cafe-cats .cat-cards-grid{grid-template-columns:repeat(2,1fr);gap:5px}}.editor-cafe-cats .grid-full-width{grid-column:1/-1}.editor-cafe-cats .cats-display-note{font-size:11.5px!important;color:#3d506bb3!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap}.editor-cafe-cats .cats-display-note i{font-size:11.5px!important;color:#3d506bb3!important}@media (max-width: 768px){.editor-cafe-cats .cats-display-note{font-size:10.5px!important}}.editor-cafe-cats .cats-display-note-badge{padding:2px 8px;border-radius:var(--border-radius-base);font-size:.75rem;font-weight:600;line-height:1.4;border:none;display:inline-block}.editor-cafe-cats .cats-display-note-badge--active{background:var(--status-active-bg);color:var(--status-active-text)}.editor-cafe-cats .cats-display-note-badge--visible{background:var(--status-visible-bg);color:var(--status-visible-text)}@media (max-width: 768px){.editor-cafe-cats .cats-display-note-badge{font-size:9px;padding:2px 6px}}@media (max-width: 576px){.editor-cafe-manage .content-section{padding:8px}.editor-cafe-manage .section-title{padding:10px 12px;margin:-8px -8px 10px}.editor-cafe-manage .section-title h2{font-size:13px}.mobile-container{padding-left:0!important;padding-right:0!important}}.thumbnail-manager{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.thumbnail-grid{display:contents}.thumbnail-item{position:relative;width:200px;height:112px;border-radius:var(--border-radius-base);overflow:hidden;background:var(--color-gray-150)}.thumbnail-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 576px){.thumbnail-item{width:150px;height:84px}}.thumbnail-delete,.thumbnail-remove-new{position:absolute;top:4px;right:4px;width:28px;height:28px;background:#000000b3;color:var(--color-white);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.thumbnail-delete:hover,.thumbnail-remove-new:hover{background:#000000e6}.thumbnail-delete i,.thumbnail-remove-new i{font-size:.857rem}.thumbnail-add-wrapper{position:relative;width:200px;height:112px}.thumbnail-add-wrapper .thumbnail-add-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.thumbnail-add-wrapper .thumbnail-add-box{width:100%;height:100%;border:2px dashed var(--color-border-light);border-radius:var(--border-radius-base);background:var(--color-gray-50);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:border-color .2s,background .2s}.thumbnail-add-wrapper .thumbnail-add-box:hover{border-color:var(--color-primary);background:var(--color-gray-100)}.thumbnail-add-wrapper .thumbnail-add-box i{font-size:14px;color:var(--color-text-muted)}.thumbnail-add-wrapper .thumbnail-add-box span{font-size:.857rem;color:var(--color-text-muted)}.thumbnail-add-wrapper.disabled .thumbnail-add-input{cursor:not-allowed}.thumbnail-add-wrapper.disabled .thumbnail-add-box{opacity:.5;cursor:not-allowed}.thumbnail-add-wrapper.disabled .thumbnail-add-box:hover{border-color:var(--color-border-light);background:var(--color-gray-50)}@media (max-width: 576px){.thumbnail-add-wrapper{width:150px;height:84px}}.thumbnail-new-item{position:relative;width:200px;height:112px;border-radius:var(--border-radius-base);overflow:hidden;border:2px solid var(--color-success);background:var(--color-gray-150)}.thumbnail-new-item:after{content:"NEW";position:absolute;bottom:4px;left:4px;padding:2px 6px;background-color:var(--color-success);color:var(--color-white);font-size:.75rem;font-weight:700;border-radius:var(--border-radius-base)}.thumbnail-new-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 576px){.thumbnail-new-item{width:150px;height:84px}}.cat-support-plans-editor .container{max-width:1200px;margin:0 auto;padding:20px}.cat-support-plans-editor .page-header{margin-bottom:20px}.cat-support-plans-editor .page-header h1{font-size:1.75rem;font-weight:700;margin-bottom:10px;color:var(--color-text-primary)}.cat-support-plans-editor .page-header .subtitle{color:var(--color-text-secondary);font-size:.9375rem}.cat-support-plans-editor .page-title{margin-bottom:30px}.cat-support-plans-editor .content-section{border:1px solid var(--color-border);border-radius:var(--border-radius-base);padding:10px;margin-bottom:10px;background-color:var(--color-bg-page)}.cat-support-plans-editor .plans-stats-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.cat-support-plans-editor .plans-stats-summary{gap:8px}}.cat-support-plans-editor .plans-stat-item{display:inline-flex;align-items:baseline;gap:5px;padding:4px 10px;background:#3d506b05;border-radius:var(--border-radius-base);border:1px solid rgba(61,80,107,.1)}@media (max-width: 768px){.cat-support-plans-editor .plans-stat-item{padding:3px 8px;gap:4px}}.cat-support-plans-editor .plans-stat-item--active .plans-stat-number{color:var(--status-active-text)}.cat-support-plans-editor .plans-stat-item--subscribers .plans-stat-number{color:var(--color-accent-favorite)}.cat-support-plans-editor .plans-stat-label{font-size:.857rem;font-weight:500;color:var(--color-text-muted)}@media (max-width: 768px){.cat-support-plans-editor .plans-stat-label{font-size:.75rem}}.cat-support-plans-editor .plans-stat-value{font-size:.857rem;font-weight:600;color:var(--color-secondary)}@media (max-width: 768px){.cat-support-plans-editor .plans-stat-value{font-size:.857rem}}.cat-support-plans-editor .plans-stat-number{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-right:2px}@media (max-width: 768px){.cat-support-plans-editor .plans-stat-number{font-size:13px}}.cat-support-plans-editor .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:0}.cat-support-plans-editor .stat-card{padding:15px;background:var(--color-gray-100);border-radius:var(--border-radius-base);border-left:3px solid transparent}.cat-support-plans-editor .stat-label{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:8px;display:flex;align-items:center}.cat-support-plans-editor .stat-value{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.cat-support-plans-editor .stat-value .stat-unit{font-size:14px;font-weight:400;color:var(--color-text-dark)}.cat-support-plans-editor .stat-icon{font-size:.875rem;margin-right:6px}.cat-support-plans-editor .plan-stats-bar{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-text-dark);margin-bottom:16px}.cat-support-plans-editor .plan-stats-item{display:flex;align-items:center;gap:6px}.cat-support-plans-editor .plan-stats-label{color:var(--color-text-muted)}.cat-support-plans-editor .plan-stats-value{font-weight:600;color:var(--color-primary)}.cat-support-plans-editor .plan-stats-value.plan-stats-active{color:var(--status-active-text)}.cat-support-plans-editor .plan-stats-divider{color:var(--color-border-lighter)}@media (max-width: 576px){.cat-support-plans-editor .plan-stats-bar{gap:8px;font-size:.857rem}}.cat-support-plans-editor .stats-inline{display:flex;align-items:center;gap:24px;padding:16px 20px;background-color:var(--color-gray-100);border-radius:var(--border-radius-base);border:1px solid var(--color-gray-200);margin-bottom:20px;flex-wrap:wrap}.cat-support-plans-editor .stats-inline-item{display:flex;align-items:baseline;gap:10px}.cat-support-plans-editor .stats-inline-label{font-size:.9375rem;color:var(--color-gray-600);font-weight:500}.cat-support-plans-editor .stats-inline-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.cat-support-plans-editor .stats-inline-value.stats-inline-active{color:var(--status-active-text)}.cat-support-plans-editor .stats-inline-divider{width:1px;height:24px;background-color:var(--color-border-lighter)}@media (max-width: 576px){.cat-support-plans-editor .stats-inline{gap:16px;padding:14px 16px}.cat-support-plans-editor .stats-inline-divider{display:none}.cat-support-plans-editor .stats-inline-item{gap:8px}.cat-support-plans-editor .stats-inline-label{font-size:.875rem}.cat-support-plans-editor .stats-inline-value{font-size:1.125rem}}.cat-support-plans-editor .plan-management-tabs{display:flex;position:relative;background-color:transparent;border-bottom:2px solid var(--color-gray-350);margin-bottom:16px;list-style:none;gap:0;padding:0}.cat-support-plans-editor .plan-management-tabs .nav-item{list-style:none;flex:1}.cat-support-plans-editor .plan-management-tabs .nav-link{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--color-text-dark);border:1px solid transparent;border-bottom:1px solid var(--color-gray-350);border-radius:2px 2px 0 0;padding:8px 20px;font-weight:500;font-size:14px;transition:all .2s ease;text-decoration:none;cursor:pointer;background-color:var(--color-gray-50);margin-bottom:-2px}.cat-support-plans-editor .plan-management-tabs .nav-link:hover:not(.active){color:var(--color-primary)}.cat-support-plans-editor .plan-management-tabs .nav-link.active{color:var(--color-secondary);background-color:var(--color-bg-page);border-color:var(--color-gray-350);border-bottom-color:var(--color-white);font-weight:600}.cat-support-plans-editor .plan-management-tabs .nav-link i{font-size:1rem}.cat-support-plans-editor .plan-management-tabs .nav-item:nth-child(1) .nav-link i{color:var(--badge-pink-text)}.cat-support-plans-editor .plan-management-tabs .nav-item:nth-child(2) .nav-link i{color:var(--badge-blue-text)}.cat-support-plans-editor .plan-management-tabs .nav-item:nth-child(3) .nav-link i{color:var(--badge-amber-text)}.cat-support-plans-editor .plan-management-tabs .nav-item:nth-child(1) .nav-link.active i{color:var(--badge-pink-text)}.cat-support-plans-editor .plan-management-tabs .nav-item:nth-child(2) .nav-link.active i{color:var(--badge-blue-text)}.cat-support-plans-editor .plan-management-tabs .nav-item:nth-child(3) .nav-link.active i{color:var(--badge-amber-text)}@media (max-width: 576px){.cat-support-plans-editor .plan-management-tabs{flex-wrap:wrap;border-bottom:1px solid var(--color-gray-350)}.cat-support-plans-editor .plan-management-tabs .nav-item{flex:1;min-width:0}.cat-support-plans-editor .plan-management-tabs .nav-link{justify-content:center;padding:6px 10px;font-size:13px;white-space:nowrap}}.cat-support-plans-editor .tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cat-support-plans-editor .actions-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.cat-support-plans-editor .filter-sort-container{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-top:15px;margin-bottom:20px}.cat-support-plans-editor .filter-form{margin:0;flex:1;min-width:280px}.cat-support-plans-editor .filter-form .filter-form-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cat-support-plans-editor .filter-group{display:flex;align-items:center;gap:8px;flex:1;min-width:200px}.cat-support-plans-editor .filter-group.sort-group{min-width:220px}.cat-support-plans-editor .filter-group label{margin:0;white-space:nowrap;font-weight:500;font-size:13px;color:var(--color-text-primary);background:#3d506b0d;padding:4px 10px;border-radius:var(--border-radius-base)}.cat-support-plans-editor .filter-group .form-control{width:100%;min-width:0;padding:4px 8px}.cat-support-plans-editor .btn-nowrap{white-space:nowrap}.cat-support-plans-editor .table-responsive{background:var(--color-bg-page);border-radius:var(--border-radius-base);overflow:hidden;border:1px solid var(--color-border)}.cat-support-plans-editor .plans-table{width:100%;margin:0}.cat-support-plans-editor .plans-table thead{background-color:var(--color-gray-100)}.cat-support-plans-editor .plans-table thead th{padding:8px 10px;font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);font-size:.857rem;text-align:left}.cat-support-plans-editor .plans-table thead th.text-right{text-align:right}.cat-support-plans-editor .plans-table thead th.text-center{text-align:center}.cat-support-plans-editor .plans-table thead th.text-end{text-align:right}.cat-support-plans-editor .plans-table tbody tr{border-bottom:1px solid rgba(61,80,107,.08);transition:background-color .15s ease}.cat-support-plans-editor .plans-table tbody tr:hover{background-color:#3d506b05!important}.cat-support-plans-editor .plans-table tbody tr:last-child{border-bottom:none}.cat-support-plans-editor .plans-table tbody tr td{padding:8px 10px;vertical-align:middle;font-size:.857rem;color:var(--color-text-primary)}.cat-support-plans-editor .plans-table tbody tr td.text-right{text-align:right}.cat-support-plans-editor .plans-table tbody tr td.text-center{text-align:center}.cat-support-plans-editor .plans-table tbody tr td.text-end{text-align:right}.cat-support-plans-editor .plans-table .amount-fee-wrapper .fee-jpy{display:none}.cat-support-plans-editor .plans-table .fee-column{display:table-cell}.cat-support-plans-editor .plans-table .plan-cat-wrapper .cat-section{display:none}.cat-support-plans-editor .plans-table .cat-column{display:table-cell}.cat-support-plans-editor .plans-table #tab-withdrawals .amount-fee-wrapper .transfer-fee-jpy,.cat-support-plans-editor .plans-table #tab-plans .nc-subscription-wrapper .subscription-line{display:none}.cat-support-plans-editor .plans-table #tab-plans .subscription-column{display:table-cell}.cat-support-plans-editor .plans-table .plan-name{font-weight:600;margin-bottom:2px;color:var(--color-text-primary);font-size:.857rem}.cat-support-plans-editor .plans-table .plan-name-en{font-size:.75rem;color:var(--color-text-muted);font-weight:400}.cat-support-plans-editor .plans-table .user-info{display:flex;align-items:center;gap:8px}.cat-support-plans-editor .plans-table .user-info .user-avatar{flex-shrink:0}.cat-support-plans-editor .plans-table .user-info .user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background-color:#3d506b0d;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);flex-shrink:0;font-size:14px}.cat-support-plans-editor .plans-table .user-info .user-name{font-weight:500;color:var(--color-text-primary);font-size:.857rem}.cat-support-plans-editor .plans-table .cat-info{display:flex;align-items:center;gap:8px}.cat-support-plans-editor .plans-table .cat-info .cat-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(61,80,107,.15);flex-shrink:0}.cat-support-plans-editor .plans-table .cat-info .cat-placeholder{width:32px;height:32px;border-radius:50%;background-color:#3d506b0d;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);flex-shrink:0;font-size:14px}.cat-support-plans-editor .plans-table .cat-info .cat-name{font-weight:500;color:var(--color-text-primary);font-size:.857rem}.cat-support-plans-editor .plans-table .nc-amount{font-weight:600;font-size:13px;color:var(--color-plan-text)}.cat-support-plans-editor .plans-table .nc-unit{color:var(--color-text-muted);font-size:.75rem;margin-left:2px;font-weight:400}.cat-support-plans-editor .plans-table .subscription-badge{display:inline-block;font-weight:500;color:var(--color-text-primary);white-space:nowrap;padding:2px 8px;border-radius:var(--border-radius-base)}.cat-support-plans-editor .plans-table .subscription-badge.has-subscriptions{background-color:var(--badge-blue-bg);color:var(--badge-blue-text);font-weight:600}.cat-support-plans-editor .plans-table .subscription-badge.no-subscriptions{color:var(--color-text-muted);font-weight:400}.cat-support-plans-editor .plans-table .subscription-badge .subscription-number{font-size:.857rem}.cat-support-plans-editor .plans-table .subscription-badge .subscription-unit{font-size:.75rem;margin-left:2px;font-weight:400}.cat-support-plans-editor .plans-table .status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--border-radius-base);font-size:.75rem;font-weight:600;white-space:nowrap;border:none}.cat-support-plans-editor .plans-table .status-badge.status-active{background-color:var(--badge-green-bg);color:var(--badge-green-text)}.cat-support-plans-editor .plans-table .status-badge.status-inactive{background-color:var(--status-other-bg);color:var(--status-other-text)}.cat-support-plans-editor .plans-table .status-toggle{width:40px;height:20px;cursor:pointer;margin:0}.cat-support-plans-editor .plans-table .status-toggle:focus{box-shadow:0 0 0 2px #3d506b26;outline:none}.cat-support-plans-editor .plans-table .action-buttons{display:flex;gap:5px;justify-content:center}.cat-support-plans-editor .plans-table .plan-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.cat-support-plans-editor .plans-table .plan-action-btn{width:28px;height:28px;border-radius:4px;border:none;background-color:transparent;color:var(--color-text-gray);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:13px;text-decoration:none}.cat-support-plans-editor .plans-table .plan-action-btn:hover:not(:disabled){background:rgba(var(--color-action-hover-bg-rgb),.08)}.cat-support-plans-editor .plans-table .plan-action-btn.plan-action-edit:hover:not(:disabled){color:var(--color-edit-soft);background:rgba(var(--color-edit-soft-rgb),.1)}.cat-support-plans-editor .plans-table .plan-action-btn.plan-action-delete:hover:not(:disabled){color:var(--color-danger-soft);background:rgba(var(--color-danger-soft-rgb),.1)}.cat-support-plans-editor .plans-table .plan-action-btn.plan-action-delete:disabled{opacity:.3;cursor:not-allowed;color:var(--color-text-muted)}.cat-support-plans-editor #tab-plans .plans-table .nc-subscription-wrapper .subscription-line{display:none}.cat-support-plans-editor .plans-table th.nc-column,.cat-support-plans-editor .plans-table td.nc-column{display:table-cell!important}.cat-support-plans-editor .plans-table th.nc-column-mobile,.cat-support-plans-editor .plans-table td.nc-column-mobile{display:none!important}.cat-support-plans-editor .plans-table th.subscribers-column,.cat-support-plans-editor .plans-table td.subscribers-column{display:table-cell!important}.cat-support-plans-editor .empty-state{text-align:center;padding:60px 20px;background-color:var(--color-gray-100);border-radius:var(--border-radius-base)}.cat-support-plans-editor .empty-state .empty-icon{font-size:48px;color:var(--color-border-light);margin-bottom:20px}.cat-support-plans-editor .empty-state .empty-text{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}.cat-support-plans-editor .empty-state .empty-subtext{color:var(--color-text-muted);font-size:14px}.cat-support-plans-editor .inline-form{margin:0;display:inline-block}.cat-support-plans-editor .btn{padding:8px 16px;font-size:13px!important;border-radius:var(--border-radius-base);transition:background-color .2s ease,border-color .2s ease,opacity .2s ease;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:500}.cat-support-plans-editor .btn i{font-size:.857rem}.cat-support-plans-editor .btn:hover{transform:none!important}.cat-support-plans-editor .btn.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.cat-support-plans-editor .btn.btn-primary:hover{background-color:var(--color-secondary-dark)!important;border-color:var(--color-secondary-dark)!important;opacity:1!important;text-decoration:none}.cat-support-plans-editor .btn.btn-primary:active{opacity:.9}.cat-support-plans-editor .btn.btn-secondary{background-color:var(--color-text-secondary);color:var(--color-white);border-color:var(--color-text-secondary)}.cat-support-plans-editor .btn.btn-secondary:hover{background-color:var(--color-text-primary);opacity:.9}.cat-support-plans-editor .btn.btn-disabled-pending{background-color:var(--color-gray-200);color:var(--color-gray-600);border-color:var(--color-gray-300);cursor:not-allowed;pointer-events:auto}.cat-support-plans-editor .btn.btn-disabled-pending:hover{background-color:var(--color-gray-200);color:var(--color-gray-600)}.cat-support-plans-editor .btn.btn-sm{padding:5px 15px;font-size:.875rem}.cat-support-plans-editor .btn.btn-outline-primary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.cat-support-plans-editor .btn.btn-outline-primary:hover{background-color:var(--color-primary);color:var(--color-white)}.cat-support-plans-editor .btn.btn-outline-danger{background-color:transparent;color:var(--color-danger-main);border-color:var(--color-danger-main)}.cat-support-plans-editor .btn.btn-outline-danger:hover:not(:disabled){background-color:var(--color-danger-main);color:var(--color-white)}.cat-support-plans-editor .btn.btn-outline-danger:disabled{opacity:.5;cursor:not-allowed}.cat-support-plans-editor .form-section{background:var(--color-bg-page);padding:20px;margin-bottom:20px;border-radius:var(--border-radius-base);border:1px solid var(--color-border)}.cat-support-plans-editor .form-section-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.cat-support-plans-editor .form-section-header h4{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.cat-support-plans-editor .form-section-desc{font-size:.857rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.cat-support-plans-editor .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}@media (max-width: 768px){.cat-support-plans-editor .form-row{grid-template-columns:1fr}}.cat-support-plans-editor .form-group{margin-bottom:20px}.cat-support-plans-editor .form-group:last-child{margin-bottom:0}.cat-support-plans-editor .form-label{display:block;font-weight:700;color:var(--color-text-primary);margin-bottom:5px;font-size:13px}.cat-support-plans-editor .form-label .required{color:var(--color-danger-main);margin-left:4px}.cat-support-plans-editor .form-label-hint{font-size:.857rem;font-weight:400;color:var(--color-text-muted);margin-left:8px}.cat-support-plans-editor .form-control{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:var(--border-radius-base);font-size:13px;background-color:var(--color-bg-page);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.cat-support-plans-editor .form-control::-moz-placeholder{color:var(--color-text-muted);opacity:1}.cat-support-plans-editor .form-control::placeholder{color:var(--color-text-muted);opacity:1}.cat-support-plans-editor .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3d506b1a}.cat-support-plans-editor .form-control.is-invalid{border-color:var(--color-danger-main)}.cat-support-plans-editor select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:32px}.cat-support-plans-editor select.form-control option{font-size:13px;color:var(--color-text-primary);padding:8px;background:var(--color-bg-page)}.cat-support-plans-editor textarea.form-control{resize:vertical;min-height:96px}.cat-support-plans-editor .form-help{display:block;margin-top:5px;font-size:.857rem;color:var(--color-text-dark)}.cat-support-plans-editor .invalid-feedback{color:var(--color-danger-main);font-size:.875rem;margin-top:5px}.cat-support-plans-editor .form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--color-gray-300)}.cat-support-plans-editor .plan-type-display{padding:12px;background-color:var(--color-gray-100);border-radius:var(--border-radius-base);font-weight:600;color:var(--color-text-primary);border:1px solid var(--color-border)}.cat-support-plans-editor .danger-zone{border:2px solid var(--color-danger-main);padding:20px;margin-top:30px}.cat-support-plans-editor .danger-zone .danger-title{font-size:18px;font-weight:700;margin-bottom:15px;color:var(--color-danger-main)}.cat-support-plans-editor .danger-zone .danger-description{color:var(--color-text-dark);margin-bottom:15px}@media (max-width: 768px){.cat-support-plans-editor .container{padding:1rem}.cat-support-plans-editor .page-header h1{font-size:1.5rem}.cat-support-plans-editor .actions-header{flex-direction:column;align-items:stretch}.cat-support-plans-editor .form-section{padding:15px}.cat-support-plans-editor .form-row{gap:10px}.cat-support-plans-editor .stats-grid{grid-template-columns:1fr}.cat-support-plans-editor .table-responsive{overflow:visible;border:none;background:transparent}.cat-support-plans-editor .plans-table thead{display:none}.cat-support-plans-editor .plans-table tbody{display:block}.cat-support-plans-editor .plans-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:var(--border-radius-base);margin-bottom:10px;padding:10px}.cat-support-plans-editor .plans-table tbody tr:hover{background-color:var(--color-bg-page)}.cat-support-plans-editor .plans-table tbody tr td{padding:0;border:none;text-align:left!important}.cat-support-plans-editor .plans-table tbody tr td:before{content:attr(data-label);font-weight:600;color:var(--color-text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:2px}.cat-support-plans-editor .plans-table tbody tr td:nth-child(1){grid-column:1/-1;padding-bottom:8px;margin-bottom:8px;border-bottom:none}.cat-support-plans-editor .plans-table tbody tr td:nth-child(1):before{display:none}.cat-support-plans-editor .plans-table tbody tr td:nth-child(1) .plan-name{font-size:.9375rem;margin-bottom:1px}.cat-support-plans-editor .plans-table tbody tr td:nth-child(1) .plan-name-en{font-size:.857rem}.cat-support-plans-editor .plans-table tbody tr td:last-child{grid-column:1/-1;padding-top:8px;margin-top:8px;border-top:none}.cat-support-plans-editor .plans-table tbody tr td:last-child:before{display:none}.cat-support-plans-editor .plans-table .cat-info .cat-avatar,.cat-support-plans-editor .plans-table .cat-info .cat-placeholder{width:28px;height:28px}.cat-support-plans-editor .plans-table .cat-info .cat-name{font-size:.8125rem}.cat-support-plans-editor .plans-table .nc-amount{font-size:.9375rem}.cat-support-plans-editor .plans-table .nc-unit{font-size:.857rem}.cat-support-plans-editor .plans-table .subscription-badge .subscription-number{font-size:.8125rem}.cat-support-plans-editor .plans-table .subscription-badge .subscription-unit{font-size:.857rem}.cat-support-plans-editor .plans-table .status-badge{font-size:.75rem!important;padding:2px 4px!important;white-space:nowrap;line-height:1.2!important}.cat-support-plans-editor .plans-table .status-badge i{font-size:.75rem!important;margin-right:1px}.cat-support-plans-editor .plans-table .plan-action-buttons{justify-content:flex-start;gap:6px}.cat-support-plans-editor .plans-table .plan-action-btn{width:38px;height:38px;font-size:14px}.cat-support-plans-editor #tab-history .table-responsive{overflow-x:visible!important;border:none;background:transparent}.cat-support-plans-editor #tab-history .plans-table{display:table!important;font-size:.75rem;width:100%;table-layout:fixed}.cat-support-plans-editor #tab-history .plans-table thead{display:table-header-group!important}.cat-support-plans-editor #tab-history .plans-table thead th{padding:6px 3px;font-size:.857rem;white-space:normal;word-wrap:break-word;vertical-align:middle}.cat-support-plans-editor #tab-history .plans-table thead th:nth-child(1){width:15%}.cat-support-plans-editor #tab-history .plans-table thead th:nth-child(2){width:15%}.cat-support-plans-editor #tab-history .plans-table thead th:nth-child(3){width:38%}.cat-support-plans-editor #tab-history .plans-table thead th:nth-child(4){display:none}.cat-support-plans-editor #tab-history .plans-table thead th:nth-child(5){width:17%}.cat-support-plans-editor #tab-history .plans-table thead th:nth-child(6){width:15%}.cat-support-plans-editor #tab-history .plans-table thead th:nth-child(6):after{content:"/手数料";font-size:.75rem}.cat-support-plans-editor #tab-history .plans-table thead th:nth-child(7){display:none}.cat-support-plans-editor #tab-history .plans-table tbody{display:table-row-group!important}.cat-support-plans-editor #tab-history .plans-table tbody tr{display:table-row!important;background:var(--color-bg-page);border:none;margin-bottom:0;padding:0;grid-template-columns:unset;gap:unset}.cat-support-plans-editor #tab-history .plans-table tbody tr:hover{background-color:var(--color-gray-50)}.cat-support-plans-editor #tab-history .plans-table tbody td{display:table-cell!important;padding:6px 4px;border-bottom:1px solid var(--color-border);text-align:left!important;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}.cat-support-plans-editor #tab-history .plans-table tbody td:before{display:none!important}.cat-support-plans-editor #tab-history .plans-table tbody td:nth-child(1),.cat-support-plans-editor #tab-history .plans-table tbody td:nth-child(2),.cat-support-plans-editor #tab-history .plans-table tbody td:nth-child(3),.cat-support-plans-editor #tab-history .plans-table tbody td:nth-child(4),.cat-support-plans-editor #tab-history .plans-table tbody td:nth-child(5),.cat-support-plans-editor #tab-history .plans-table tbody td:nth-child(6){grid-column:unset;grid-row:unset;margin-bottom:0;margin-top:0;justify-self:unset;align-self:unset}.cat-support-plans-editor #tab-history .plans-table tbody td:nth-child(4),.cat-support-plans-editor #tab-history .plans-table tbody td.cat-column,.cat-support-plans-editor #tab-history .plans-table tbody td:nth-child(7),.cat-support-plans-editor #tab-history .plans-table tbody td.fee-column{display:none!important}.cat-support-plans-editor #tab-history .plans-table td:nth-child(1){font-size:.75rem;line-height:1.4}.cat-support-plans-editor #tab-history .plans-table td:nth-child(1) .transaction-date{display:block;font-size:.75rem;white-space:nowrap}.cat-support-plans-editor #tab-history .plans-table td:nth-child(1) .transaction-time{display:block;font-size:.75rem;color:var(--color-text-gray)}.cat-support-plans-editor #tab-history .plans-table td:nth-child(2) .user-info{display:flex;flex-direction:column;align-items:center;gap:6px}.cat-support-plans-editor #tab-history .plans-table td:nth-child(2) .user-info .user-avatar,.cat-support-plans-editor #tab-history .plans-table td:nth-child(2) .user-info .user-avatar-placeholder{width:24px;height:24px;font-size:.75rem}.cat-support-plans-editor #tab-history .plans-table td:nth-child(2) .user-info .user-name{font-size:.75rem;text-align:center;word-break:break-all;line-height:1.2}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .plan-name{font-size:.8125rem;line-height:1.3;word-wrap:break-word}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .direct-support-wrapper{display:flex;flex-direction:column;gap:2px}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .direct-support-wrapper .plan-name{font-size:.8125rem;line-height:1.3}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .direct-support-wrapper .comment-badge{font-size:0;padding:3px 6px;align-self:flex-start}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .direct-support-wrapper .comment-badge i{font-size:.75rem;margin-right:0}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .cat-section{display:block!important;margin-top:6px;padding-top:6px}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .cat-section .cat-info{display:flex;flex-direction:row;align-items:center;gap:6px}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .cat-section .cat-info .cat-avatar,.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .cat-section .cat-info .cat-placeholder{width:24px;height:24px;border-radius:50%;flex-shrink:0}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .cat-section .cat-info .cat-avatar{-o-object-fit:cover;object-fit:cover}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .cat-section .cat-info .cat-placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);color:var(--color-text-gray)}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .cat-section .cat-info .cat-placeholder i{font-size:.75rem}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .cat-section .cat-info .cat-name{font-size:.75rem;color:var(--color-text-secondary);line-height:1.3;font-weight:500}.cat-support-plans-editor #tab-history .plans-table td:nth-child(3) .cat-section .text-muted{font-size:.75rem;color:var(--color-text-gray)}.cat-support-plans-editor #tab-history .plans-table td:nth-child(4) .cat-info{display:flex;flex-direction:column;align-items:center;gap:2px}.cat-support-plans-editor #tab-history .plans-table td:nth-child(4) .cat-info .cat-avatar,.cat-support-plans-editor #tab-history .plans-table td:nth-child(4) .cat-info .cat-placeholder{width:24px;height:24px}.cat-support-plans-editor #tab-history .plans-table td:nth-child(4) .cat-info .cat-name{font-size:.75rem;text-align:center;word-break:break-all;line-height:1.2}.cat-support-plans-editor #tab-history .plans-table td:nth-child(5){text-align:center!important;padding:4px 1px!important}.cat-support-plans-editor #tab-history .plans-table td:nth-child(6){text-align:right!important;font-size:.75rem}.cat-support-plans-editor #tab-history .plans-table td:nth-child(6) .amount-fee-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cat-support-plans-editor #tab-history .plans-table td:nth-child(6) .amount-fee-wrapper .amount-jpy{font-size:.75rem;font-weight:700}.cat-support-plans-editor #tab-history .plans-table td:nth-child(6) .amount-fee-wrapper .fee-jpy{display:block!important;font-size:.75rem;color:var(--color-text-gray)}.cat-support-plans-editor #tab-history .plans-table td:nth-child(6) .amount-fee-wrapper .fee-jpy:before{content:"手数料 ";font-size:.75rem}.cat-support-plans-editor #tab-plans .table-responsive{overflow-x:visible!important;border:none;background:transparent}.cat-support-plans-editor #tab-plans .plans-table{display:table!important;font-size:.8125rem;width:100%;table-layout:fixed}.cat-support-plans-editor #tab-plans .plans-table thead{display:table-header-group!important}.cat-support-plans-editor #tab-plans .plans-table thead th{padding:6px 3px;font-size:.857rem;white-space:normal;word-wrap:break-word;vertical-align:middle}.cat-support-plans-editor #tab-plans .plans-table thead th:nth-child(1){width:38%}.cat-support-plans-editor #tab-plans .plans-table thead th:nth-child(2){width:15%}.cat-support-plans-editor #tab-plans .plans-table thead th.nc-column{display:none!important}.cat-support-plans-editor #tab-plans .plans-table thead th.nc-column-mobile{display:table-cell!important;width:12%}.cat-support-plans-editor #tab-plans .plans-table thead th.subscribers-column{display:none!important}.cat-support-plans-editor #tab-plans .plans-table thead th:nth-child(6){width:16%}.cat-support-plans-editor #tab-plans .plans-table thead th:nth-child(7){width:19%}.cat-support-plans-editor #tab-plans .plans-table tbody{display:table-row-group!important}.cat-support-plans-editor #tab-plans .plans-table tbody tr{display:table-row!important;border-bottom:1px solid var(--color-border)}.cat-support-plans-editor #tab-plans .plans-table tbody tr:hover{background-color:var(--color-gray-50)}.cat-support-plans-editor #tab-plans .plans-table tbody td{display:table-cell!important;padding:8px 4px;border-bottom:1px solid var(--color-border);text-align:left!important;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}.cat-support-plans-editor #tab-plans .plans-table tbody td:before{display:none!important}.cat-support-plans-editor #tab-plans .plans-table tbody td:nth-child(1),.cat-support-plans-editor #tab-plans .plans-table tbody td:nth-child(2),.cat-support-plans-editor #tab-plans .plans-table tbody td:nth-child(3),.cat-support-plans-editor #tab-plans .plans-table tbody td:nth-child(4),.cat-support-plans-editor #tab-plans .plans-table tbody td:nth-child(5),.cat-support-plans-editor #tab-plans .plans-table tbody td:nth-child(6),.cat-support-plans-editor #tab-plans .plans-table tbody td:nth-child(7){grid-column:unset;grid-row:unset;margin-bottom:0;margin-top:0;justify-self:unset;align-self:unset}.cat-support-plans-editor #tab-plans .plans-table tbody td.nc-column{display:none!important}.cat-support-plans-editor #tab-plans .plans-table tbody td.nc-column-mobile{display:table-cell!important}.cat-support-plans-editor #tab-plans .plans-table tbody td.subscribers-column{display:none!important}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(1){font-size:.8125rem}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(1) .plan-name{font-size:.875rem;font-weight:600;line-height:1.3;word-wrap:break-word}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(1) .plan-name-en{font-size:.75rem;color:var(--color-text-gray);margin-top:2px}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(2){font-size:.8125rem}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(2) .cat-info{display:flex;flex-direction:column;align-items:center;gap:4px}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(2) .cat-info .cat-avatar,.cat-support-plans-editor #tab-plans .plans-table td:nth-child(2) .cat-info .cat-placeholder{width:30px;height:30px;border-radius:50%;flex-shrink:0}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(2) .cat-info .cat-avatar{-o-object-fit:cover;object-fit:cover}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(2) .cat-info .cat-placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);color:var(--color-text-gray)}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(2) .cat-info .cat-placeholder i{font-size:.75rem}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(2) .cat-info .cat-name{font-size:.857rem;color:var(--color-text-secondary);line-height:1.2;font-weight:600;text-align:center}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(3){text-align:right!important;font-size:.8125rem}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(3) .nc-subscription-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(3) .nc-subscription-wrapper .nc-amount-line .nc-amount{font-weight:700;font-size:1rem}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(3) .nc-subscription-wrapper .nc-amount-line .nc-unit{font-size:.857rem;color:var(--color-text-gray);margin-left:2px}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(3) .nc-subscription-wrapper .subscription-line{display:block!important}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(3) .nc-subscription-wrapper .subscription-line .subscription-badge{display:inline-block;padding:2px 4px;border-radius:3px;font-size:.857rem;font-weight:600}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(3) .nc-subscription-wrapper .subscription-line .subscription-badge.has-subscriptions{background-color:var(--badge-blue-bg);color:var(--badge-blue-text)}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(3) .nc-subscription-wrapper .subscription-line .subscription-badge.no-subscriptions{background-color:var(--color-gray-100);color:var(--color-text-gray)}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(3) .nc-subscription-wrapper .subscription-line .subscription-badge .subscription-number{font-size:.875rem}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(3) .nc-subscription-wrapper .subscription-line .subscription-badge .subscription-unit{font-size:.75rem;margin-left:1px}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(4){text-align:center!important;font-size:.8125rem}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(4) .subscription-badge{display:inline-block;padding:3px 6px;border-radius:4px;font-size:.8125rem;font-weight:600}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(4) .subscription-badge.has-subscriptions{background-color:var(--color-primary-light);color:var(--color-primary)}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(4) .subscription-badge.no-subscriptions{background-color:var(--color-gray-100);color:var(--color-text-gray)}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(4) .subscription-badge .subscription-number{font-size:1rem}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(4) .subscription-badge .subscription-unit{font-size:.857rem;margin-left:1px}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(6){text-align:center!important;padding:4px 2px!important}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(6) .status-badge{font-size:.75rem!important;padding:3px 6px;gap:2px}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(6) .status-badge i{font-size:.8125rem}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(7){text-align:center!important;padding:4px 1px!important}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(7) .plan-action-buttons{display:flex;justify-content:center;gap:0}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(7) .plan-action-buttons .plan-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.8125rem}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(7) .plan-action-buttons .plan-action-btn i{font-size:.8125rem}.cat-support-plans-editor #tab-plans .plans-table td:nth-child(7) .inline-form{display:inline-block}.cat-support-plans-editor #tab-withdrawals .table-responsive{overflow-x:visible!important;border:none;background:transparent}.cat-support-plans-editor #tab-withdrawals .plans-table{display:table!important;font-size:.75rem;width:100%;table-layout:fixed}.cat-support-plans-editor #tab-withdrawals .plans-table thead{display:table-header-group!important}.cat-support-plans-editor #tab-withdrawals .plans-table thead th{padding:6px 3px;font-size:.857rem;white-space:normal;word-wrap:break-word;vertical-align:middle}.cat-support-plans-editor #tab-withdrawals .plans-table thead th:nth-child(1){width:18%}.cat-support-plans-editor #tab-withdrawals .plans-table thead th:nth-child(2){width:20%}.cat-support-plans-editor #tab-withdrawals .plans-table thead th:nth-child(2):after{content:"/手数料";font-size:.75rem}.cat-support-plans-editor #tab-withdrawals .plans-table thead th:nth-child(3){display:none}.cat-support-plans-editor #tab-withdrawals .plans-table thead th:nth-child(4){width:18%}.cat-support-plans-editor #tab-withdrawals .plans-table thead th:nth-child(5){width:24%}.cat-support-plans-editor #tab-withdrawals .plans-table thead th:nth-child(6){width:20%}.cat-support-plans-editor #tab-withdrawals .plans-table tbody{display:table-row-group!important}.cat-support-plans-editor #tab-withdrawals .plans-table tbody tr{display:table-row!important;border-bottom:1px solid var(--color-border)}.cat-support-plans-editor #tab-withdrawals .plans-table tbody tr:hover{background-color:var(--color-gray-50)}.cat-support-plans-editor #tab-withdrawals .plans-table tbody td{display:table-cell!important;padding:6px 4px;border-bottom:1px solid var(--color-border);text-align:left!important;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}.cat-support-plans-editor #tab-withdrawals .plans-table tbody td:before{display:none!important}.cat-support-plans-editor #tab-withdrawals .plans-table tbody td:nth-child(1),.cat-support-plans-editor #tab-withdrawals .plans-table tbody td:nth-child(2),.cat-support-plans-editor #tab-withdrawals .plans-table tbody td:nth-child(3),.cat-support-plans-editor #tab-withdrawals .plans-table tbody td:nth-child(4),.cat-support-plans-editor #tab-withdrawals .plans-table tbody td:nth-child(5),.cat-support-plans-editor #tab-withdrawals .plans-table tbody td:nth-child(6){grid-column:unset;grid-row:unset;margin-bottom:0;margin-top:0;justify-self:unset;align-self:unset}.cat-support-plans-editor #tab-withdrawals .plans-table tbody td:nth-child(3),.cat-support-plans-editor #tab-withdrawals .plans-table tbody td.fee-column{display:none!important}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(1){font-size:.75rem;line-height:1.4}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(1) .transaction-date{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(1) .transaction-time{display:block;font-size:.75rem;color:var(--color-text-gray)}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(2){text-align:right!important;font-size:.75rem}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(2) .amount-fee-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(2) .amount-fee-wrapper .requested-amount-jpy{font-size:.875rem;font-weight:700}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(2) .amount-fee-wrapper .transfer-fee-jpy{display:block!important;font-size:.75rem;color:var(--color-text-gray)}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(2) .amount-fee-wrapper .transfer-fee-jpy:before{content:"手数料 ";font-size:.75rem}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(4){text-align:right!important;font-size:.875rem;font-weight:700}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(5){text-align:center!important;padding:4px 2px!important;font-size:.75rem}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(5) .rejection-status-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(5) .status-badge{font-size:.75rem!important;padding:3px 6px;gap:2px}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(5) .status-badge i{font-size:.75rem}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(5) .rejection-reason-wrapper{position:relative}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(5) .rejection-reason-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:3px;font-size:.75rem;font-weight:600;white-space:nowrap;background:#3d506b1f;color:var(--color-secondary-dark);border:1px solid rgba(61,80,107,.25);cursor:pointer;box-shadow:0 1px 2px #3d506b14;transition:all .2s ease}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(5) .rejection-reason-btn:hover{background:#3d506b2e;color:var(--color-primary);border-color:#3d506b59;box-shadow:0 2px 4px #3d506b26}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(5) .rejection-reason-btn:active{box-shadow:0 1px 2px #3d506b1a}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(5) .rejection-reason-btn i{font-size:.75rem}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(6){font-size:.75rem}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(6) .transaction-date{font-weight:600;color:var(--color-text-primary)}.cat-support-plans-editor #tab-withdrawals .plans-table td:nth-child(6) .transaction-date small{display:block;font-size:.75rem;font-weight:400}.cat-support-plans-editor .type-badge{font-size:.75rem!important;padding-left:6px!important;padding-right:6px!important}.cat-support-plans-editor .rejection-reason-btn{padding:5px 12px;font-size:.75rem!important}.cat-support-plans-editor .rejection-reason-btn i{font-size:.75rem!important}.cat-support-plans-editor .filter-group,.cat-support-plans-editor .filter-group.sort-group{flex:0 0 calc(50% - 5px)!important;min-width:unset!important}.cat-support-plans-editor .editor-quick-actions{flex-direction:row!important;align-items:center!important;gap:6px!important}.cat-support-plans-editor .editor-quick-actions-left{width:auto!important;flex:1!important;justify-content:flex-start!important}.cat-support-plans-editor .editor-quick-actions-right{width:auto!important;justify-content:flex-end!important}.cat-support-plans-editor .plans-stats-summary{gap:4px!important}.cat-support-plans-editor .plans-stat-item{padding:2px 6px!important;gap:3px!important}}#withdrawalRequestModal .modal-header,#bankAccountModal .modal-header,#bankAccountDeleteModal .modal-header,#planDeleteModal .modal-header,#withdrawalCancelModal .modal-header,#catDeleteModal .modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;background:#3d506b0f!important;border-radius:2px 2px 0 0!important;padding:12px 16px!important;margin:0!important;border-bottom:none!important;position:relative}#withdrawalRequestModal .modal-header:after,#bankAccountModal .modal-header:after,#bankAccountDeleteModal .modal-header:after,#planDeleteModal .modal-header:after,#withdrawalCancelModal .modal-header:after,#catDeleteModal .modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,var(--color-secondary),transparent);opacity:.2}@media (max-width: 767px){#withdrawalRequestModal .modal-header,#bankAccountModal .modal-header,#bankAccountDeleteModal .modal-header,#planDeleteModal .modal-header,#withdrawalCancelModal .modal-header,#catDeleteModal .modal-header{padding:10px 14px!important}}@media (max-width: 480px){#withdrawalRequestModal .modal-header,#bankAccountModal .modal-header,#bankAccountDeleteModal .modal-header,#planDeleteModal .modal-header,#withdrawalCancelModal .modal-header,#catDeleteModal .modal-header{padding:10px 12px!important}}#withdrawalRequestModal .modal-title,#bankAccountModal .modal-title,#bankAccountDeleteModal .modal-title,#planDeleteModal .modal-title,#withdrawalCancelModal .modal-title,#catDeleteModal .modal-title{display:block!important;font-size:14px!important;font-weight:600!important;margin:0!important;padding:0!important;color:var(--color-secondary)!important;flex:1;text-align:left!important}#withdrawalRequestModal .modal-close,#bankAccountModal .modal-close,#bankAccountDeleteModal .modal-close,#planDeleteModal .modal-close,#withdrawalCancelModal .modal-close,#catDeleteModal .modal-close{position:static!important;transform:none!important;width:auto!important;height:auto!important;top:auto!important;right:auto!important;background:none;border:none;font-size:20px!important;color:var(--color-text-dark);cursor:pointer;padding:4px;margin:0 0 0 12px;transition:color .2s;flex-shrink:0}#withdrawalRequestModal .modal-close:hover,#bankAccountModal .modal-close:hover,#bankAccountDeleteModal .modal-close:hover,#planDeleteModal .modal-close:hover,#withdrawalCancelModal .modal-close:hover,#catDeleteModal .modal-close:hover{color:var(--color-primary)}#withdrawalRequestModal .modal-body,#bankAccountModal .modal-body,#bankAccountDeleteModal .modal-body,#planDeleteModal .modal-body,#withdrawalCancelModal .modal-body,#catDeleteModal .modal-body{padding:12px 24px 14px!important}@media (max-width: 576px){#withdrawalRequestModal .modal-body,#bankAccountModal .modal-body,#bankAccountDeleteModal .modal-body,#planDeleteModal .modal-body,#withdrawalCancelModal .modal-body,#catDeleteModal .modal-body{padding:10px 16px 12px!important}}#withdrawalRequestModal .modal-body .calculation-result-box.show,#withdrawalRequestModal .modal-body .bank-account-info-box,#bankAccountModal .modal-body .calculation-result-box.show,#bankAccountModal .modal-body .bank-account-info-box,#bankAccountDeleteModal .modal-body .calculation-result-box.show,#bankAccountDeleteModal .modal-body .bank-account-info-box,#planDeleteModal .modal-body .calculation-result-box.show,#planDeleteModal .modal-body .bank-account-info-box,#withdrawalCancelModal .modal-body .calculation-result-box.show,#withdrawalCancelModal .modal-body .bank-account-info-box,#catDeleteModal .modal-body .calculation-result-box.show,#catDeleteModal .modal-body .bank-account-info-box{border:1px solid var(--color-border);border-radius:var(--border-radius-base);padding:10px;margin-bottom:10px}#withdrawalRequestModal .modal-body .calculation-result-box.show,#bankAccountModal .modal-body .calculation-result-box.show,#bankAccountDeleteModal .modal-body .calculation-result-box.show,#planDeleteModal .modal-body .calculation-result-box.show,#withdrawalCancelModal .modal-body .calculation-result-box.show,#catDeleteModal .modal-body .calculation-result-box.show{background-color:var(--color-gray-100)}#withdrawalRequestModal .modal-body .bank-account-info-box,#bankAccountModal .modal-body .bank-account-info-box,#bankAccountDeleteModal .modal-body .bank-account-info-box,#planDeleteModal .modal-body .bank-account-info-box,#withdrawalCancelModal .modal-body .bank-account-info-box,#catDeleteModal .modal-body .bank-account-info-box{background-color:var(--color-bg-page)}#withdrawalRequestModal .modal-body .alert-info,#bankAccountModal .modal-body .alert-info,#bankAccountDeleteModal .modal-body .alert-info,#planDeleteModal .modal-body .alert-info,#withdrawalCancelModal .modal-body .alert-info,#catDeleteModal .modal-body .alert-info{text-align:center!important;padding:20px 16px!important;background:#5b9b9214!important;border-radius:2px!important;margin-bottom:10px!important;border:1px solid rgba(91,155,146,.15)!important;box-shadow:0 1px 3px #0000000d!important;position:relative;overflow:hidden;color:var(--color-text-dark)!important}#withdrawalRequestModal .modal-body .alert-info:before,#bankAccountModal .modal-body .alert-info:before,#bankAccountDeleteModal .modal-body .alert-info:before,#planDeleteModal .modal-body .alert-info:before,#withdrawalCancelModal .modal-body .alert-info:before,#catDeleteModal .modal-body .alert-info:before{content:"";position:absolute;top:8px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(91,155,146,.15) 5%,rgba(91,155,146,.3) 50%,rgba(91,155,146,.15) 95%,transparent 100%);z-index:0}#withdrawalRequestModal .modal-body .alert-info:after,#bankAccountModal .modal-body .alert-info:after,#bankAccountDeleteModal .modal-body .alert-info:after,#planDeleteModal .modal-body .alert-info:after,#withdrawalCancelModal .modal-body .alert-info:after,#catDeleteModal .modal-body .alert-info:after{content:"";position:absolute;bottom:8px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(91,155,146,.15) 5%,rgba(91,155,146,.3) 50%,rgba(91,155,146,.15) 95%,transparent 100%);z-index:0}#withdrawalRequestModal .modal-body .alert-info>*,#bankAccountModal .modal-body .alert-info>*,#bankAccountDeleteModal .modal-body .alert-info>*,#planDeleteModal .modal-body .alert-info>*,#withdrawalCancelModal .modal-body .alert-info>*,#catDeleteModal .modal-body .alert-info>*{position:relative;z-index:1}#withdrawalRequestModal#bankAccountModal .modal-body .alert-info,#bankAccountModal#bankAccountModal .modal-body .alert-info,#bankAccountDeleteModal#bankAccountModal .modal-body .alert-info,#planDeleteModal#bankAccountModal .modal-body .alert-info,#withdrawalCancelModal#bankAccountModal .modal-body .alert-info,#catDeleteModal#bankAccountModal .modal-body .alert-info{display:flex!important;align-items:center!important;gap:8px!important;text-align:left!important;padding:12px 14px!important;background:var(--color-info-bg-light)!important;border:none!important;border-radius:2px!important;box-shadow:none!important;font-size:13px!important;color:var(--color-info-text)!important;margin-bottom:16px!important}#withdrawalRequestModal#bankAccountModal .modal-body .alert-info:before,#withdrawalRequestModal#bankAccountModal .modal-body .alert-info:after,#bankAccountModal#bankAccountModal .modal-body .alert-info:before,#bankAccountModal#bankAccountModal .modal-body .alert-info:after,#bankAccountDeleteModal#bankAccountModal .modal-body .alert-info:before,#bankAccountDeleteModal#bankAccountModal .modal-body .alert-info:after,#planDeleteModal#bankAccountModal .modal-body .alert-info:before,#planDeleteModal#bankAccountModal .modal-body .alert-info:after,#withdrawalCancelModal#bankAccountModal .modal-body .alert-info:before,#withdrawalCancelModal#bankAccountModal .modal-body .alert-info:after,#catDeleteModal#bankAccountModal .modal-body .alert-info:before,#catDeleteModal#bankAccountModal .modal-body .alert-info:after{display:none!important}#withdrawalRequestModal#bankAccountModal .modal-body .alert-info i,#bankAccountModal#bankAccountModal .modal-body .alert-info i,#bankAccountDeleteModal#bankAccountModal .modal-body .alert-info i,#planDeleteModal#bankAccountModal .modal-body .alert-info i,#withdrawalCancelModal#bankAccountModal .modal-body .alert-info i,#catDeleteModal#bankAccountModal .modal-body .alert-info i{font-size:14px;flex-shrink:0}#withdrawalRequestModal .modal-body .bank-account-info-box,#bankAccountModal .modal-body .bank-account-info-box,#bankAccountDeleteModal .modal-body .bank-account-info-box,#planDeleteModal .modal-body .bank-account-info-box,#withdrawalCancelModal .modal-body .bank-account-info-box,#catDeleteModal .modal-body .bank-account-info-box{padding:0!important;max-width:400px;margin-left:auto;margin-right:auto;margin-bottom:16px}#withdrawalRequestModal .modal-body .bank-account-info-box .bank-account-header,#bankAccountModal .modal-body .bank-account-info-box .bank-account-header,#bankAccountDeleteModal .modal-body .bank-account-info-box .bank-account-header,#planDeleteModal .modal-body .bank-account-info-box .bank-account-header,#withdrawalCancelModal .modal-body .bank-account-info-box .bank-account-header,#catDeleteModal .modal-body .bank-account-info-box .bank-account-header{background:#3d506b0f;border-radius:2px 2px 0 0;padding:8px 16px;margin:0;position:relative}#withdrawalRequestModal .modal-body .bank-account-info-box .bank-account-header:after,#bankAccountModal .modal-body .bank-account-info-box .bank-account-header:after,#bankAccountDeleteModal .modal-body .bank-account-info-box .bank-account-header:after,#planDeleteModal .modal-body .bank-account-info-box .bank-account-header:after,#withdrawalCancelModal .modal-body .bank-account-info-box .bank-account-header:after,#catDeleteModal .modal-body .bank-account-info-box .bank-account-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,var(--color-secondary),transparent);opacity:.2}#withdrawalRequestModal .modal-body .bank-account-info-box .bank-account-header strong,#bankAccountModal .modal-body .bank-account-info-box .bank-account-header strong,#bankAccountDeleteModal .modal-body .bank-account-info-box .bank-account-header strong,#planDeleteModal .modal-body .bank-account-info-box .bank-account-header strong,#withdrawalCancelModal .modal-body .bank-account-info-box .bank-account-header strong,#catDeleteModal .modal-body .bank-account-info-box .bank-account-header strong{font-size:13px;font-weight:600;color:var(--color-secondary)}#withdrawalRequestModal .modal-body .bank-account-info-box .bank-account-body,#bankAccountModal .modal-body .bank-account-info-box .bank-account-body,#bankAccountDeleteModal .modal-body .bank-account-info-box .bank-account-body,#planDeleteModal .modal-body .bank-account-info-box .bank-account-body,#withdrawalCancelModal .modal-body .bank-account-info-box .bank-account-body,#catDeleteModal .modal-body .bank-account-info-box .bank-account-body{padding:6px 16px 8px}#withdrawalRequestModal .modal-body .calculation-result-box.show,#bankAccountModal .modal-body .calculation-result-box.show,#bankAccountDeleteModal .modal-body .calculation-result-box.show,#planDeleteModal .modal-body .calculation-result-box.show,#withdrawalCancelModal .modal-body .calculation-result-box.show,#catDeleteModal .modal-body .calculation-result-box.show{background:var(--color-gray-100)}#withdrawalRequestModal .modal-body .calculation-result-box.show .calculation-divider,#bankAccountModal .modal-body .calculation-result-box.show .calculation-divider,#bankAccountDeleteModal .modal-body .calculation-result-box.show .calculation-divider,#planDeleteModal .modal-body .calculation-result-box.show .calculation-divider,#withdrawalCancelModal .modal-body .calculation-result-box.show .calculation-divider,#catDeleteModal .modal-body .calculation-result-box.show .calculation-divider{margin:8px 0;border-color:var(--color-border)}#withdrawalRequestModal .modal-body .alert-warning.warning-notice,#bankAccountModal .modal-body .alert-warning.warning-notice,#bankAccountDeleteModal .modal-body .alert-warning.warning-notice,#planDeleteModal .modal-body .alert-warning.warning-notice,#withdrawalCancelModal .modal-body .alert-warning.warning-notice,#catDeleteModal .modal-body .alert-warning.warning-notice{padding:0!important;border:1px solid rgba(180,140,70,.25)!important;background:#fef9eb!important;border-radius:2px!important}#withdrawalRequestModal .modal-body .alert-warning.warning-notice h6,#bankAccountModal .modal-body .alert-warning.warning-notice h6,#bankAccountDeleteModal .modal-body .alert-warning.warning-notice h6,#planDeleteModal .modal-body .alert-warning.warning-notice h6,#withdrawalCancelModal .modal-body .alert-warning.warning-notice h6,#catDeleteModal .modal-body .alert-warning.warning-notice h6{background:#dcb46426;border-radius:2px 2px 0 0;padding:8px 16px;margin:0;position:relative;font-size:13px;font-weight:600;color:#826432}#withdrawalRequestModal .modal-body .alert-warning.warning-notice h6:after,#bankAccountModal .modal-body .alert-warning.warning-notice h6:after,#bankAccountDeleteModal .modal-body .alert-warning.warning-notice h6:after,#planDeleteModal .modal-body .alert-warning.warning-notice h6:after,#withdrawalCancelModal .modal-body .alert-warning.warning-notice h6:after,#catDeleteModal .modal-body .alert-warning.warning-notice h6:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,rgba(180,140,70,.3),transparent);opacity:.5}#withdrawalRequestModal .modal-body .alert-warning.warning-notice h6 i,#bankAccountModal .modal-body .alert-warning.warning-notice h6 i,#bankAccountDeleteModal .modal-body .alert-warning.warning-notice h6 i,#planDeleteModal .modal-body .alert-warning.warning-notice h6 i,#withdrawalCancelModal .modal-body .alert-warning.warning-notice h6 i,#catDeleteModal .modal-body .alert-warning.warning-notice h6 i{color:#b4823c;opacity:.9;font-size:.857rem;margin-right:4px}#withdrawalRequestModal .modal-body .alert-warning.warning-notice ul,#bankAccountModal .modal-body .alert-warning.warning-notice ul,#bankAccountDeleteModal .modal-body .alert-warning.warning-notice ul,#planDeleteModal .modal-body .alert-warning.warning-notice ul,#withdrawalCancelModal .modal-body .alert-warning.warning-notice ul,#catDeleteModal .modal-body .alert-warning.warning-notice ul{padding:8px 16px 10px 32px;margin:0;font-size:.857rem;color:#645a50;list-style-position:outside}#withdrawalRequestModal .modal-body .alert-warning.warning-notice ul li,#bankAccountModal .modal-body .alert-warning.warning-notice ul li,#bankAccountDeleteModal .modal-body .alert-warning.warning-notice ul li,#planDeleteModal .modal-body .alert-warning.warning-notice ul li,#withdrawalCancelModal .modal-body .alert-warning.warning-notice ul li,#catDeleteModal .modal-body .alert-warning.warning-notice ul li{margin-bottom:3px;line-height:1.6;padding-left:4px}#withdrawalRequestModal .modal-body .alert-warning.warning-notice ul li:last-child,#bankAccountModal .modal-body .alert-warning.warning-notice ul li:last-child,#bankAccountDeleteModal .modal-body .alert-warning.warning-notice ul li:last-child,#planDeleteModal .modal-body .alert-warning.warning-notice ul li:last-child,#withdrawalCancelModal .modal-body .alert-warning.warning-notice ul li:last-child,#catDeleteModal .modal-body .alert-warning.warning-notice ul li:last-child{margin-bottom:0}#withdrawalRequestModal .modal-body .alert-warning.warning-notice ul li::marker,#bankAccountModal .modal-body .alert-warning.warning-notice ul li::marker,#bankAccountDeleteModal .modal-body .alert-warning.warning-notice ul li::marker,#planDeleteModal .modal-body .alert-warning.warning-notice ul li::marker,#withdrawalCancelModal .modal-body .alert-warning.warning-notice ul li::marker,#catDeleteModal .modal-body .alert-warning.warning-notice ul li::marker{color:#a0783c99}#withdrawalRequestModal .modal-body .cat-support-form-group label,#withdrawalRequestModal .modal-body .cat-support-form-group .form-label,#withdrawalRequestModal .modal-body .form-group label,#withdrawalRequestModal .modal-body .form-group .form-label,#bankAccountModal .modal-body .cat-support-form-group label,#bankAccountModal .modal-body .cat-support-form-group .form-label,#bankAccountModal .modal-body .form-group label,#bankAccountModal .modal-body .form-group .form-label,#bankAccountDeleteModal .modal-body .cat-support-form-group label,#bankAccountDeleteModal .modal-body .cat-support-form-group .form-label,#bankAccountDeleteModal .modal-body .form-group label,#bankAccountDeleteModal .modal-body .form-group .form-label,#planDeleteModal .modal-body .cat-support-form-group label,#planDeleteModal .modal-body .cat-support-form-group .form-label,#planDeleteModal .modal-body .form-group label,#planDeleteModal .modal-body .form-group .form-label,#withdrawalCancelModal .modal-body .cat-support-form-group label,#withdrawalCancelModal .modal-body .cat-support-form-group .form-label,#withdrawalCancelModal .modal-body .form-group label,#withdrawalCancelModal .modal-body .form-group .form-label,#catDeleteModal .modal-body .cat-support-form-group label,#catDeleteModal .modal-body .cat-support-form-group .form-label,#catDeleteModal .modal-body .form-group label,#catDeleteModal .modal-body .form-group .form-label,#withdrawalRequestModal .modal-body .cat-support-form-group .form-control,#withdrawalRequestModal .modal-body .cat-support-form-group input,#withdrawalRequestModal .modal-body .cat-support-form-group select,#withdrawalRequestModal .modal-body .form-group .form-control,#withdrawalRequestModal .modal-body .form-group input,#withdrawalRequestModal .modal-body .form-group select,#bankAccountModal .modal-body .cat-support-form-group .form-control,#bankAccountModal .modal-body .cat-support-form-group input,#bankAccountModal .modal-body .cat-support-form-group select,#bankAccountModal .modal-body .form-group .form-control,#bankAccountModal .modal-body .form-group input,#bankAccountModal .modal-body .form-group select,#bankAccountDeleteModal .modal-body .cat-support-form-group .form-control,#bankAccountDeleteModal .modal-body .cat-support-form-group input,#bankAccountDeleteModal .modal-body .cat-support-form-group select,#bankAccountDeleteModal .modal-body .form-group .form-control,#bankAccountDeleteModal .modal-body .form-group input,#bankAccountDeleteModal .modal-body .form-group select,#planDeleteModal .modal-body .cat-support-form-group .form-control,#planDeleteModal .modal-body .cat-support-form-group input,#planDeleteModal .modal-body .cat-support-form-group select,#planDeleteModal .modal-body .form-group .form-control,#planDeleteModal .modal-body .form-group input,#planDeleteModal .modal-body .form-group select,#withdrawalCancelModal .modal-body .cat-support-form-group .form-control,#withdrawalCancelModal .modal-body .cat-support-form-group input,#withdrawalCancelModal .modal-body .cat-support-form-group select,#withdrawalCancelModal .modal-body .form-group .form-control,#withdrawalCancelModal .modal-body .form-group input,#withdrawalCancelModal .modal-body .form-group select,#catDeleteModal .modal-body .cat-support-form-group .form-control,#catDeleteModal .modal-body .cat-support-form-group input,#catDeleteModal .modal-body .cat-support-form-group select,#catDeleteModal .modal-body .form-group .form-control,#catDeleteModal .modal-body .form-group input,#catDeleteModal .modal-body .form-group select{font-size:13px!important}#withdrawalRequestModal .modal-body .cat-support-form-group .form-help-text,#withdrawalRequestModal .modal-body .cat-support-form-group small,#withdrawalRequestModal .modal-body .form-group .form-help-text,#withdrawalRequestModal .modal-body .form-group small,#bankAccountModal .modal-body .cat-support-form-group .form-help-text,#bankAccountModal .modal-body .cat-support-form-group small,#bankAccountModal .modal-body .form-group .form-help-text,#bankAccountModal .modal-body .form-group small,#bankAccountDeleteModal .modal-body .cat-support-form-group .form-help-text,#bankAccountDeleteModal .modal-body .cat-support-form-group small,#bankAccountDeleteModal .modal-body .form-group .form-help-text,#bankAccountDeleteModal .modal-body .form-group small,#planDeleteModal .modal-body .cat-support-form-group .form-help-text,#planDeleteModal .modal-body .cat-support-form-group small,#planDeleteModal .modal-body .form-group .form-help-text,#planDeleteModal .modal-body .form-group small,#withdrawalCancelModal .modal-body .cat-support-form-group .form-help-text,#withdrawalCancelModal .modal-body .cat-support-form-group small,#withdrawalCancelModal .modal-body .form-group .form-help-text,#withdrawalCancelModal .modal-body .form-group small,#catDeleteModal .modal-body .cat-support-form-group .form-help-text,#catDeleteModal .modal-body .cat-support-form-group small,#catDeleteModal .modal-body .form-group .form-help-text,#catDeleteModal .modal-body .form-group small{font-size:.857rem!important}#withdrawalRequestModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label),#bankAccountModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label),#bankAccountDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label),#planDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label),#withdrawalCancelModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label),#catDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label){display:flex;flex-wrap:wrap;align-items:center;gap:12px}#withdrawalRequestModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .withdrawal-amount-label,#bankAccountModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .withdrawal-amount-label,#bankAccountDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .withdrawal-amount-label,#planDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .withdrawal-amount-label,#withdrawalCancelModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .withdrawal-amount-label,#catDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .withdrawal-amount-label{font-size:14px!important;font-weight:600!important;color:var(--color-white)!important;background-color:var(--color-primary)!important;padding:8px 12px!important;border-radius:2px!important;margin-bottom:0!important;flex-shrink:0;min-width:60px}#withdrawalRequestModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group,#bankAccountModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group,#bankAccountDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group,#planDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group,#withdrawalCancelModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group,#catDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group{flex:1;min-width:200px}#withdrawalRequestModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group .nc-unit,#bankAccountModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group .nc-unit,#bankAccountDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group .nc-unit,#planDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group .nc-unit,#withdrawalCancelModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group .nc-unit,#catDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .nc-input-group .nc-unit{font-size:14px!important}#withdrawalRequestModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-error-text,#withdrawalRequestModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text,#bankAccountModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-error-text,#bankAccountModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text,#bankAccountDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-error-text,#bankAccountDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text,#planDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-error-text,#planDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text,#withdrawalCancelModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-error-text,#withdrawalCancelModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text,#catDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-error-text,#catDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text{flex-basis:100%;width:100%;margin-top:-8px}#withdrawalRequestModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text,#bankAccountModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text,#bankAccountDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text,#planDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text,#withdrawalCancelModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text,#catDeleteModal .modal-body .cat-support-form-group:has(.withdrawal-amount-label) .form-help-text{color:var(--color-text-gray)!important;margin-left:92px}#withdrawalRequestModal .modal-body .withdrawal-balance-box,#bankAccountModal .modal-body .withdrawal-balance-box,#bankAccountDeleteModal .modal-body .withdrawal-balance-box,#planDeleteModal .modal-body .withdrawal-balance-box,#withdrawalCancelModal .modal-body .withdrawal-balance-box,#catDeleteModal .modal-body .withdrawal-balance-box{font-size:13px;display:flex;flex-direction:column;align-items:center;gap:4px}#withdrawalRequestModal .modal-body .withdrawal-balance-box .balance-main,#bankAccountModal .modal-body .withdrawal-balance-box .balance-main,#bankAccountDeleteModal .modal-body .withdrawal-balance-box .balance-main,#planDeleteModal .modal-body .withdrawal-balance-box .balance-main,#withdrawalCancelModal .modal-body .withdrawal-balance-box .balance-main,#catDeleteModal .modal-body .withdrawal-balance-box .balance-main{display:flex;flex-direction:column;align-items:center;gap:4px}#withdrawalRequestModal .modal-body .withdrawal-balance-box .balance-label,#bankAccountModal .modal-body .withdrawal-balance-box .balance-label,#bankAccountDeleteModal .modal-body .withdrawal-balance-box .balance-label,#planDeleteModal .modal-body .withdrawal-balance-box .balance-label,#withdrawalCancelModal .modal-body .withdrawal-balance-box .balance-label,#catDeleteModal .modal-body .withdrawal-balance-box .balance-label{font-size:.857rem;color:var(--color-text-secondary);font-weight:500}#withdrawalRequestModal .modal-body .withdrawal-balance-box .balance-value,#bankAccountModal .modal-body .withdrawal-balance-box .balance-value,#bankAccountDeleteModal .modal-body .withdrawal-balance-box .balance-value,#planDeleteModal .modal-body .withdrawal-balance-box .balance-value,#withdrawalCancelModal .modal-body .withdrawal-balance-box .balance-value,#catDeleteModal .modal-body .withdrawal-balance-box .balance-value{font-size:24px!important;font-weight:700!important;color:var(--color-stat-teal)!important}#withdrawalRequestModal .modal-body .bank-account-info-box .bank-info-row,#bankAccountModal .modal-body .bank-account-info-box .bank-info-row,#bankAccountDeleteModal .modal-body .bank-account-info-box .bank-info-row,#planDeleteModal .modal-body .bank-account-info-box .bank-info-row,#withdrawalCancelModal .modal-body .bank-account-info-box .bank-info-row,#catDeleteModal .modal-body .bank-account-info-box .bank-info-row{font-size:13px;display:flex;align-items:center;gap:8px;padding:2px 0;margin-bottom:4px}#withdrawalRequestModal .modal-body .bank-account-info-box .bank-info-row .info-label,#bankAccountModal .modal-body .bank-account-info-box .bank-info-row .info-label,#bankAccountDeleteModal .modal-body .bank-account-info-box .bank-info-row .info-label,#planDeleteModal .modal-body .bank-account-info-box .bank-info-row .info-label,#withdrawalCancelModal .modal-body .bank-account-info-box .bank-info-row .info-label,#catDeleteModal .modal-body .bank-account-info-box .bank-info-row .info-label{font-size:.857rem;font-weight:600;background-color:var(--color-gray-100);color:var(--color-text-dark);padding:3px 10px;border-radius:var(--border-radius-base);flex-shrink:0;min-width:85px}#withdrawalRequestModal .modal-body .bank-account-info-box .bank-info-row .info-value,#bankAccountModal .modal-body .bank-account-info-box .bank-info-row .info-value,#bankAccountDeleteModal .modal-body .bank-account-info-box .bank-info-row .info-value,#planDeleteModal .modal-body .bank-account-info-box .bank-info-row .info-value,#withdrawalCancelModal .modal-body .bank-account-info-box .bank-info-row .info-value,#catDeleteModal .modal-body .bank-account-info-box .bank-info-row .info-value{font-size:13px;flex:1}#withdrawalRequestModal .modal-body .calculation-result-box,#bankAccountModal .modal-body .calculation-result-box,#bankAccountDeleteModal .modal-body .calculation-result-box,#planDeleteModal .modal-body .calculation-result-box,#withdrawalCancelModal .modal-body .calculation-result-box,#catDeleteModal .modal-body .calculation-result-box{font-size:13px;max-width:400px;margin-left:auto;margin-right:auto}#withdrawalRequestModal .modal-body .calculation-result-box .calculation-row,#bankAccountModal .modal-body .calculation-result-box .calculation-row,#bankAccountDeleteModal .modal-body .calculation-result-box .calculation-row,#planDeleteModal .modal-body .calculation-result-box .calculation-row,#withdrawalCancelModal .modal-body .calculation-result-box .calculation-row,#catDeleteModal .modal-body .calculation-result-box .calculation-row{display:flex;justify-content:space-between;align-items:center;gap:20px}#withdrawalRequestModal .modal-body .calculation-result-box .calculation-row .calc-label,#bankAccountModal .modal-body .calculation-result-box .calculation-row .calc-label,#bankAccountDeleteModal .modal-body .calculation-result-box .calculation-row .calc-label,#planDeleteModal .modal-body .calculation-result-box .calculation-row .calc-label,#withdrawalCancelModal .modal-body .calculation-result-box .calculation-row .calc-label,#catDeleteModal .modal-body .calculation-result-box .calculation-row .calc-label{font-size:13px;flex-shrink:0}#withdrawalRequestModal .modal-body .calculation-result-box .calculation-row .calc-value,#bankAccountModal .modal-body .calculation-result-box .calculation-row .calc-value,#bankAccountDeleteModal .modal-body .calculation-result-box .calculation-row .calc-value,#planDeleteModal .modal-body .calculation-result-box .calculation-row .calc-value,#withdrawalCancelModal .modal-body .calculation-result-box .calculation-row .calc-value,#catDeleteModal .modal-body .calculation-result-box .calculation-row .calc-value{font-size:13px;text-align:right;flex-shrink:0}#withdrawalRequestModal .modal-body .calculation-result-box .calculation-row .calc-value.calc-value--large,#bankAccountModal .modal-body .calculation-result-box .calculation-row .calc-value.calc-value--large,#bankAccountDeleteModal .modal-body .calculation-result-box .calculation-row .calc-value.calc-value--large,#planDeleteModal .modal-body .calculation-result-box .calculation-row .calc-value.calc-value--large,#withdrawalCancelModal .modal-body .calculation-result-box .calculation-row .calc-value.calc-value--large,#catDeleteModal .modal-body .calculation-result-box .calculation-row .calc-value.calc-value--large{font-size:16px!important}#withdrawalRequestModal .modal-body .alert,#bankAccountModal .modal-body .alert,#bankAccountDeleteModal .modal-body .alert,#planDeleteModal .modal-body .alert,#withdrawalCancelModal .modal-body .alert,#catDeleteModal .modal-body .alert{font-size:13px}#withdrawalRequestModal .modal-body .nc-unit,#bankAccountModal .modal-body .nc-unit,#bankAccountDeleteModal .modal-body .nc-unit,#planDeleteModal .modal-body .nc-unit,#withdrawalCancelModal .modal-body .nc-unit,#catDeleteModal .modal-body .nc-unit{font-size:13px!important}#withdrawalRequestModal .modal-body .modal-button-group,#bankAccountModal .modal-body .modal-button-group,#bankAccountDeleteModal .modal-body .modal-button-group,#planDeleteModal .modal-body .modal-button-group,#withdrawalCancelModal .modal-body .modal-button-group,#catDeleteModal .modal-body .modal-button-group{flex-direction:row!important;justify-content:flex-end!important}@media (max-width: 576px){#withdrawalRequestModal .modal-body .modal-button-group,#bankAccountModal .modal-body .modal-button-group,#bankAccountDeleteModal .modal-body .modal-button-group,#planDeleteModal .modal-body .modal-button-group,#withdrawalCancelModal .modal-body .modal-button-group,#catDeleteModal .modal-body .modal-button-group{gap:8px!important}}#withdrawalRequestModal .modal-body .modal-button-group .btn,#bankAccountModal .modal-body .modal-button-group .btn,#bankAccountDeleteModal .modal-body .modal-button-group .btn,#planDeleteModal .modal-body .modal-button-group .btn,#withdrawalCancelModal .modal-body .modal-button-group .btn,#catDeleteModal .modal-body .modal-button-group .btn{font-size:13px!important}#withdrawalRequestModal .modal-body #withdrawalSuccessMessage,#bankAccountModal .modal-body #withdrawalSuccessMessage,#bankAccountDeleteModal .modal-body #withdrawalSuccessMessage,#planDeleteModal .modal-body #withdrawalSuccessMessage,#withdrawalCancelModal .modal-body #withdrawalSuccessMessage,#catDeleteModal .modal-body #withdrawalSuccessMessage{max-width:400px;margin-left:auto;margin-right:auto}#withdrawalRequestModal .modal-body #withdrawalSuccessMessage .success-message,#bankAccountModal .modal-body #withdrawalSuccessMessage .success-message,#bankAccountDeleteModal .modal-body #withdrawalSuccessMessage .success-message,#planDeleteModal .modal-body #withdrawalSuccessMessage .success-message,#withdrawalCancelModal .modal-body #withdrawalSuccessMessage .success-message,#catDeleteModal .modal-body #withdrawalSuccessMessage .success-message{background:#e8f5e999;border-radius:var(--border-radius-base);padding:20px;text-align:center;margin-bottom:16px}#withdrawalRequestModal .modal-body #withdrawalSuccessMessage .success-message i.fa-check-circle,#bankAccountModal .modal-body #withdrawalSuccessMessage .success-message i.fa-check-circle,#bankAccountDeleteModal .modal-body #withdrawalSuccessMessage .success-message i.fa-check-circle,#planDeleteModal .modal-body #withdrawalSuccessMessage .success-message i.fa-check-circle,#withdrawalCancelModal .modal-body #withdrawalSuccessMessage .success-message i.fa-check-circle,#catDeleteModal .modal-body #withdrawalSuccessMessage .success-message i.fa-check-circle{color:#4c845ce0;font-size:48px;margin-bottom:16px;display:block}#withdrawalRequestModal .modal-body #withdrawalSuccessMessage .success-message p,#bankAccountModal .modal-body #withdrawalSuccessMessage .success-message p,#bankAccountDeleteModal .modal-body #withdrawalSuccessMessage .success-message p,#planDeleteModal .modal-body #withdrawalSuccessMessage .success-message p,#withdrawalCancelModal .modal-body #withdrawalSuccessMessage .success-message p,#catDeleteModal .modal-body #withdrawalSuccessMessage .success-message p{font-size:14px;color:#3c5a46f2;line-height:1.6;margin:0}#withdrawalRequestModal .modal-body #withdrawalSuccessMessage .report-button-wrapper,#bankAccountModal .modal-body #withdrawalSuccessMessage .report-button-wrapper,#bankAccountDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper,#planDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper,#withdrawalCancelModal .modal-body #withdrawalSuccessMessage .report-button-wrapper,#catDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper{text-align:center}#withdrawalRequestModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn,#bankAccountModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn,#bankAccountDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn,#planDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn,#withdrawalCancelModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn,#catDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn{font-size:13px!important;padding:.5rem 1rem;font-weight:600;border-radius:var(--border-radius-base);min-width:120px}#withdrawalRequestModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary,#bankAccountModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary,#bankAccountDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary,#planDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary,#withdrawalCancelModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary,#catDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary{background:var(--color-gray-150);color:var(--color-primary);border:2px solid var(--color-gray-150);transition:all .3s ease-in-out}#withdrawalRequestModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary:hover,#bankAccountModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary:hover,#bankAccountDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary:hover,#planDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary:hover,#withdrawalCancelModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary:hover,#catDeleteModal .modal-body #withdrawalSuccessMessage .report-button-wrapper .btn-secondary:hover{background:var(--color-gray-300);border-color:var(--color-gray-300)}#withdrawalRequestModal .modal-body #withdrawalErrorMessage,#bankAccountModal .modal-body #withdrawalErrorMessage,#bankAccountDeleteModal .modal-body #withdrawalErrorMessage,#planDeleteModal .modal-body #withdrawalErrorMessage,#withdrawalCancelModal .modal-body #withdrawalErrorMessage,#catDeleteModal .modal-body #withdrawalErrorMessage{max-width:400px;margin-left:auto;margin-right:auto}#withdrawalRequestModal .modal-body #withdrawalErrorMessage .error-message,#bankAccountModal .modal-body #withdrawalErrorMessage .error-message,#bankAccountDeleteModal .modal-body #withdrawalErrorMessage .error-message,#planDeleteModal .modal-body #withdrawalErrorMessage .error-message,#withdrawalCancelModal .modal-body #withdrawalErrorMessage .error-message,#catDeleteModal .modal-body #withdrawalErrorMessage .error-message{background:#f8d7da99;border-radius:var(--border-radius-base);padding:20px;text-align:center;margin-bottom:16px}#withdrawalRequestModal .modal-body #withdrawalErrorMessage .error-message i.fa-exclamation-circle,#bankAccountModal .modal-body #withdrawalErrorMessage .error-message i.fa-exclamation-circle,#bankAccountDeleteModal .modal-body #withdrawalErrorMessage .error-message i.fa-exclamation-circle,#planDeleteModal .modal-body #withdrawalErrorMessage .error-message i.fa-exclamation-circle,#withdrawalCancelModal .modal-body #withdrawalErrorMessage .error-message i.fa-exclamation-circle,#catDeleteModal .modal-body #withdrawalErrorMessage .error-message i.fa-exclamation-circle{color:#b94a48eb;font-size:48px;margin-bottom:16px;display:block}#withdrawalRequestModal .modal-body #withdrawalErrorMessage .error-message p,#bankAccountModal .modal-body #withdrawalErrorMessage .error-message p,#bankAccountDeleteModal .modal-body #withdrawalErrorMessage .error-message p,#planDeleteModal .modal-body #withdrawalErrorMessage .error-message p,#withdrawalCancelModal .modal-body #withdrawalErrorMessage .error-message p,#catDeleteModal .modal-body #withdrawalErrorMessage .error-message p{font-size:14px;color:#782d35f2;line-height:1.6;margin:0}#withdrawalRequestModal .modal-body #withdrawalErrorMessage .report-button-wrapper,#bankAccountModal .modal-body #withdrawalErrorMessage .report-button-wrapper,#bankAccountDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper,#planDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper,#withdrawalCancelModal .modal-body #withdrawalErrorMessage .report-button-wrapper,#catDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper{text-align:center}#withdrawalRequestModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn,#bankAccountModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn,#bankAccountDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn,#planDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn,#withdrawalCancelModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn,#catDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn{font-size:13px!important;padding:.5rem 1rem;font-weight:600;border-radius:var(--border-radius-base);min-width:120px}#withdrawalRequestModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary,#bankAccountModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary,#bankAccountDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary,#planDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary,#withdrawalCancelModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary,#catDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary{background:var(--color-gray-150);color:var(--color-primary);border:2px solid var(--color-gray-150);transition:all .3s ease-in-out}#withdrawalRequestModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary:hover,#bankAccountModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary:hover,#bankAccountDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary:hover,#planDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary:hover,#withdrawalCancelModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary:hover,#catDeleteModal .modal-body #withdrawalErrorMessage .report-button-wrapper .btn-secondary:hover{background:var(--color-gray-300);border-color:var(--color-gray-300)}#bankAccountDeleteModalErrorMessage{max-width:400px;margin-left:auto;margin-right:auto}#bankAccountDeleteModalErrorMessage .error-message{background:#f8d7da99;border-radius:var(--border-radius-base);padding:20px;text-align:center;margin-bottom:16px}#bankAccountDeleteModalErrorMessage .error-message i.fa-exclamation-circle{color:#b94a48eb;font-size:48px;margin-bottom:16px;display:block}#bankAccountDeleteModalErrorMessage .error-message p{font-size:14px;color:#782d35f2;line-height:1.6;margin:0;white-space:pre-line}#bankAccountDeleteModalErrorMessage .report-button-wrapper{text-align:center}#bankAccountDeleteModalErrorMessage .report-button-wrapper .btn{font-size:13px!important;padding:.5rem 1rem;font-weight:600;border-radius:var(--border-radius-base);min-width:120px}#bankAccountDeleteModalErrorMessage .report-button-wrapper .btn-secondary{background:var(--color-gray-150);color:var(--color-primary);border:2px solid var(--color-gray-150);transition:all .3s ease-in-out}#bankAccountDeleteModalErrorMessage .report-button-wrapper .btn-secondary:hover{background:var(--color-gray-300);border-color:var(--color-gray-300)}#bankAccountModal .bank-input-container{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-base);padding:16px;margin-bottom:16px;background-color:var(--color-gray-50)}#bankAccountModal .form-control,#bankAccountModal input[type=text],#bankAccountModal input[type=email],#bankAccountModal input[type=number],#bankAccountModal select{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:var(--border-radius-base);font-size:13px;background-color:var(--color-bg-page);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}#bankAccountModal .form-control:focus,#bankAccountModal input[type=text]:focus,#bankAccountModal input[type=email]:focus,#bankAccountModal input[type=number]:focus,#bankAccountModal select:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #3d506b1a!important}#bankAccountModal .form-control.is-invalid,#bankAccountModal input[type=text].is-invalid,#bankAccountModal input[type=email].is-invalid,#bankAccountModal input[type=number].is-invalid,#bankAccountModal select.is-invalid{border-color:var(--color-danger-main)}#bankAccountModal .form-control::-moz-placeholder,#bankAccountModal input[type=text]::-moz-placeholder,#bankAccountModal input[type=email]::-moz-placeholder,#bankAccountModal input[type=number]::-moz-placeholder,#bankAccountModal select::-moz-placeholder{color:var(--color-text-muted)!important;opacity:1!important}#bankAccountModal .form-control::placeholder,#bankAccountModal input[type=text]::placeholder,#bankAccountModal input[type=email]::placeholder,#bankAccountModal input[type=number]::placeholder,#bankAccountModal select::placeholder{color:var(--color-text-muted)!important;opacity:1!important}#bankAccountModal select.form-control{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:32px}#bankAccountModal select.form-control::-ms-expand{display:none}#bankAccountModal select.form-control option{font-size:13px;color:var(--color-text-primary);padding:8px;background:var(--color-bg-page)}#bankAccountModal .form-label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--color-text-primary)}#bankAccountModal .form-label .required-mark{color:var(--color-danger-main);margin-left:2px}#bankAccountModal .form-help-text,#bankAccountModal small{display:block;margin-top:4px;font-size:.857rem;color:var(--color-text-secondary)}#bankAccountModal input[type=checkbox],#bankAccountModal input[type=radio]{accent-color:var(--color-accent-gold);cursor:pointer}#bankAccountModal .confirmation-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}#bankAccountModal .confirmation-checkbox input[type=checkbox]{margin-right:4px}#bankAccountModal #bankAccountSuccessMessage{max-width:400px;margin-left:auto;margin-right:auto}#bankAccountModal #bankAccountSuccessMessage .success-message{background:#e8f5e999;border-radius:var(--border-radius-base);padding:20px;text-align:center;margin-bottom:16px}#bankAccountModal #bankAccountSuccessMessage .success-message i.fa-check-circle{color:#4c845ce0;font-size:48px;margin-bottom:16px;display:block}#bankAccountModal #bankAccountSuccessMessage .success-message p{font-size:14px;color:#3c5a46f2;line-height:1.6;margin:0}#bankAccountModal #bankAccountSuccessMessage .report-button-wrapper{text-align:center}#bankAccountModal #bankAccountSuccessMessage .report-button-wrapper .btn{font-size:13px!important;padding:.5rem 1rem;font-weight:600;border-radius:var(--border-radius-base);min-width:120px}#bankAccountModal #bankAccountSuccessMessage .report-button-wrapper .btn-secondary{background:var(--color-gray-150);color:var(--color-primary);border:2px solid var(--color-gray-150);transition:all .3s ease-in-out}#bankAccountModal #bankAccountSuccessMessage .report-button-wrapper .btn-secondary:hover{background:var(--color-gray-300);border-color:var(--color-gray-300)}#bankAccountModal .pending-notice{display:flex;align-items:flex-start;gap:12px;text-align:left}#bankAccountModal .pending-notice i{flex-shrink:0;margin-top:3px}#bankAccountModal .pending-notice p{margin:0;line-height:1.6;text-align:left}#bankAccountModal .pending-notice .pending-main-text strong{margin-right:.5em}#bankAccountModal .pending-notice .pending-edit-hint{margin-top:10px;padding-top:10px;border-top:1px solid rgba(180,140,70,.3);font-size:.857rem;color:#6e5528e6;text-align:left}#catSupportPlanModal .form-control,#catSupportPlanModal input[type=text],#catSupportPlanModal input[type=email],#catSupportPlanModal input[type=number],#catSupportPlanModal select,#catSupportPlanModal textarea{padding:8px!important;border:1px solid var(--color-border)!important;background-color:var(--color-bg-page)!important;color:var(--color-text-primary)!important}.cat-support-plans-editor .balance-content{margin:0;padding:0}.cat-support-plans-editor .balance-layout{display:flex;gap:20px;align-items:flex-start}.cat-support-plans-editor .balance-left,.cat-support-plans-editor .balance-right{flex:1;min-width:0}.cat-support-plans-editor .stats-compact{text-align:center;padding:40px 16px;background:#5b9b9214;border-radius:2px;margin-bottom:12px;border:1px solid rgba(91,155,146,.15);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.cat-support-plans-editor .stats-compact:before{content:"";position:absolute;top:8px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(91,155,146,.15) 5%,rgba(91,155,146,.3) 50%,rgba(91,155,146,.15) 95%,transparent 100%);z-index:0}.cat-support-plans-editor .stats-compact:after{content:"";position:absolute;bottom:8px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(91,155,146,.15) 5%,rgba(91,155,146,.3) 50%,rgba(91,155,146,.15) 95%,transparent 100%);z-index:0}.cat-support-plans-editor .stats-compact>*{position:relative;z-index:1}.cat-support-plans-editor .balance-card-button{margin-bottom:12px}.cat-support-plans-editor .stat-item-label{font-size:.857rem;color:var(--color-text-muted);margin-bottom:4px}.cat-support-plans-editor .stat-item-value{font-size:24px;font-weight:700;color:#5b9b92;line-height:1}.cat-support-plans-editor .bank-account-info{background:linear-gradient(135deg,#6a8aa0,#5a7090);border-radius:8px;margin-bottom:0;overflow:hidden;box-shadow:0 2px 8px #0000001a;position:relative;color:#fff;border:1px solid rgba(255,255,255,.1);width:100%}.cat-support-plans-editor .bank-account-info:before{content:"";position:absolute;top:-40%;right:-15%;width:180px;height:180px;background:#ffffff0d;border-radius:50%}.cat-support-plans-editor .bank-account-info:after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:#ffffff0d;border-radius:50%}.cat-support-plans-editor .bank-account-info-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;position:relative;z-index:1}.cat-support-plans-editor .bank-account-info-title{font-size:.857rem;font-weight:600;color:#ffffffe6;display:flex;align-items:center;gap:4px;letter-spacing:.2px}.cat-support-plans-editor .bank-account-info-title i{font-size:13px}.cat-support-plans-editor .bank-account-info-body{padding:10px 12px 12px;position:relative;z-index:1}.cat-support-plans-editor .bank-card-main{margin-bottom:10px}.cat-support-plans-editor .bank-card-bank-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}.cat-support-plans-editor .bank-card-branch-name{font-size:.857rem;color:#fffc;margin-bottom:10px}.cat-support-plans-editor .bank-card-number{font-size:16px;font-weight:600;letter-spacing:1.2px;color:#fff;font-family:Courier New,monospace;margin-bottom:10px}.cat-support-plans-editor .bank-card-footer{display:flex;justify-content:space-between;align-items:flex-end}.cat-support-plans-editor .bank-card-holder{flex:1}.cat-support-plans-editor .bank-card-label{font-size:9px;color:#ffffffb3;letter-spacing:.2px;margin-bottom:2px}.cat-support-plans-editor .bank-card-value{font-size:.857rem;color:#fff;font-weight:600}.cat-support-plans-editor .bank-card-type{text-align:right}.cat-support-plans-editor .bank-account-status{display:inline-flex;align-items:center;gap:4px;font-size:.857rem;padding:4px 10px;border-radius:12px;font-weight:600}.cat-support-plans-editor .bank-account-status i{font-size:.857rem}.cat-support-plans-editor .bank-account-status.verified{background:#6b9670;color:#fff;border:none;box-shadow:0 1px 3px #6b967066}.cat-support-plans-editor .bank-account-status.pending{background:#ffc10780;color:#fff;border:1px solid rgba(255,193,7,.6)}.cat-support-plans-editor .bank-account-actions{display:flex;gap:8px;margin-top:12px}.cat-support-plans-editor .bank-action-btn{flex:1;min-width:0;padding:6px 10px;background:var(--color-bg-page);border:1px solid rgba(61,80,107,.3);border-radius:2px;color:#6b7f95;font-size:.857rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .2s,border-color .2s}.cat-support-plans-editor .bank-action-btn:hover{background:var(--color-gray-100);border-color:#3d506b80}.cat-support-plans-editor .bank-action-btn i{font-size:.75rem}.cat-support-plans-editor .bank-action-btn-delete:hover{background:rgba(var(--color-danger-soft-rgb),.1);border-color:rgba(var(--color-danger-soft-rgb),.3);color:var(--color-danger-soft)}.cat-support-plans-editor .bank-account-register{background:var(--color-bg-page);border:1px solid var(--color-gray-200);border-radius:2px;padding:16px}.cat-support-plans-editor .content-section .balance-content .bank-register-message{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;background:var(--color-info-bg);border-radius:2px;font-size:.857rem;color:var(--color-info-text)}.cat-support-plans-editor .content-section .balance-content .bank-register-message i{font-size:14px}.cat-support-plans-editor .content-section .balance-content .withdrawal-notice{background-color:var(--color-info-bg);color:var(--color-info-text);padding:8px 12px;border-radius:2px;font-size:.857rem;margin-bottom:12px}.cat-support-plans-editor .content-section .balance-content .bank-verification-notice{display:flex;align-items:flex-start;gap:8px;background-color:var(--color-warning-bg);color:var(--color-warning-text);padding:8px 12px;border-radius:2px;font-size:.857rem;margin-top:12px;margin-bottom:12px}.cat-support-plans-editor .content-section .balance-content .bank-verification-notice i{margin-top:2px;flex-shrink:0}@media (max-width: 768px){.cat-support-plans-editor .balance-layout{flex-direction:column;padding:0 16px}.cat-support-plans-editor .balance-left{width:100%}.cat-support-plans-editor .balance-right{flex:1 1 auto;max-width:100%;width:100%}.cat-support-plans-editor .bank-account-info{max-width:100%}.cat-support-plans-editor .stats-compact{padding:30px 10px}.cat-support-plans-editor .stat-item-value{font-size:20px}.cat-support-plans-editor .bank-account-info:before{width:140px;height:140px;background:#ffffff0d}.cat-support-plans-editor .bank-account-info:after{width:120px;height:120px;background:#ffffff0d}.cat-support-plans-editor .bank-account-info-header{padding:8px 10px}.cat-support-plans-editor .bank-account-info-body{padding:8px 10px 10px}.cat-support-plans-editor .bank-card-main{margin-bottom:8px}.cat-support-plans-editor .bank-card-number{font-size:15px;margin-bottom:8px;letter-spacing:1.2px}.cat-support-plans-editor .bank-card-bank-name{font-size:13px}.cat-support-plans-editor .bank-card-branch-name{font-size:.857rem;margin-bottom:8px}.cat-support-plans-editor .bank-card-value{font-size:.857rem}.cat-support-plans-editor .bank-card-label{font-size:8px}}.cat-support-plans-editor .type-legend-wrapper{position:relative;display:inline-flex;align-items:center;gap:4px}.cat-support-plans-editor .type-legend-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--color-text-secondary, #888);font-size:.857rem;line-height:1;transition:color .2s ease}.cat-support-plans-editor .type-legend-btn:hover{color:var(--badge-blue-text, #3D506B)}.cat-support-plans-editor .type-legend-popup{display:none;position:fixed;width:280px;background:var(--color-bg-page);border-radius:6px;box-shadow:0 4px 16px #00000026;z-index:9999;overflow:hidden;text-align:left}.cat-support-plans-editor .type-legend-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}.cat-support-plans-editor .type-legend-popup.show{display:block}.cat-support-plans-editor .type-legend-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-gray-100, #f1f3f5);color:var(--color-text-primary, #333);font-size:.857rem;font-weight:600;border-bottom:1px solid var(--color-border, #dee2e6)}.cat-support-plans-editor .type-legend-header i{font-size:.9rem}.cat-support-plans-editor .type-legend-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.cat-support-plans-editor .type-legend-item{display:flex;flex-direction:row;align-items:center;gap:8px}.cat-support-plans-editor .type-legend-item .type-badge{display:inline-flex;width:auto;flex-shrink:0}.cat-support-plans-editor .type-legend-desc{font-size:.857rem;color:var(--color-text-secondary, #666);font-weight:400}.cat-support-plans-editor .type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:2px;font-size:.857rem;font-weight:500;white-space:nowrap}.cat-support-plans-editor .type-badge.type-initial{background:var(--badge-blue-bg);color:var(--badge-blue-text)}.cat-support-plans-editor .type-badge.type-renewal{background:var(--badge-green-bg);color:var(--badge-green-text)}.cat-support-plans-editor .type-badge.type-switch{background:var(--badge-amber-bg);color:var(--badge-amber-text)}.cat-support-plans-editor .type-badge.type-resume{background:var(--badge-purple-bg);color:var(--badge-purple-text)}.cat-support-plans-editor .type-badge.type-direct-support{background:var(--badge-pink-bg);color:var(--badge-pink-text)}.cat-support-plans-editor .direct-support-wrapper{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cat-support-plans-editor .direct-support-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:2px;font-size:.857rem;font-weight:500;white-space:nowrap;background:var(--badge-pink-bg);color:var(--badge-pink-text)}.cat-support-plans-editor .direct-support-badge i{font-size:.75rem}.cat-support-plans-editor .comment-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:3px;font-size:.75rem;font-weight:600;white-space:nowrap;background:var(--badge-blue-bg);color:var(--badge-blue-text);border:1px solid rgba(58,90,122,.25);cursor:pointer;box-shadow:0 1px 2px #3d506b14;transition:all .2s ease}.cat-support-plans-editor .comment-badge:hover{background:#3a5a7a33;color:var(--badge-blue-text);border-color:#3a5a7a59;box-shadow:0 2px 4px #3d506b26}.cat-support-plans-editor .comment-badge:active{box-shadow:0 1px 2px #3d506b1a}.cat-support-plans-editor .comment-badge i{font-size:.75rem}.cat-support-plans-editor .transaction-date{font-weight:500}.cat-support-plans-editor .transaction-time{font-size:.857rem}.cat-support-plans-editor .user-info .user-name{font-weight:500}.cat-support-plans-editor .fee-jpy{font-weight:500;color:var(--color-text-muted)}.cat-support-plans-editor .custom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.cat-support-plans-editor .custom-modal-content{background:var(--color-bg-page);border-radius:4px;max-width:400px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 8px 24px #0000001f;animation:slideIn .2s ease;padding:16px;position:relative}.cat-support-plans-editor .custom-modal-content:before{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:3px double #A0BFDB;border-radius:2px;box-shadow:0 0 0 1px #a0bfdb66;pointer-events:none;z-index:0}@keyframes slideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.cat-support-plans-editor .custom-modal-overlay.closing{animation:fadeOut .15s ease forwards}.cat-support-plans-editor .custom-modal-overlay.closing .custom-modal-content{animation:slideOut .15s ease forwards}.cat-support-plans-editor .custom-modal-header{background:transparent;padding:8px 12px;display:flex;align-items:center;justify-content:flex-end;position:relative;z-index:1}.cat-support-plans-editor .custom-modal-close{background:none;border:none;font-size:1.4rem;color:var(--color-text-muted);cursor:pointer;padding:0;line-height:1;transition:color .15s ease;position:relative;z-index:2}.cat-support-plans-editor .custom-modal-close:hover{color:var(--color-text-muted)}.cat-support-plans-editor .custom-modal-body{padding:12px 24px 24px;position:relative;overflow:hidden;z-index:1}.cat-support-plans-editor .custom-modal-body:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;font-size:120px;color:#3d506b0f;top:50%;left:80%;transform:translate(-50%,-50%) rotate(-15deg);z-index:-1;pointer-events:none}.cat-support-plans-editor .message-header{color:var(--color-gray-600);font-weight:600;font-size:.9rem;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed rgba(61,80,107,.3);position:relative;z-index:2}.cat-support-plans-editor .message-header i{color:var(--badge-pink-text);font-size:1.1rem;margin-right:4px}.cat-support-plans-editor .message-amount{font-size:1.05rem;font-weight:700;color:var(--color-text-primary, var(--color-primary));margin-left:6px}.cat-support-plans-editor .message-text{font-size:.9rem;line-height:1.7;color:var(--color-gray-700);max-height:280px;overflow-y:auto;word-break:break-word;padding:12px;background:#80808014;border-radius:4px;position:relative;z-index:2}.cat-support-plans-editor .status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-size:.857rem;font-weight:500;white-space:nowrap;border:none}.cat-support-plans-editor .status-badge.status-pending,.cat-support-plans-editor .status-badge.status-processing{background:var(--badge-blue-bg);color:var(--badge-blue-text)}.cat-support-plans-editor .status-badge.status-active{background:var(--badge-green-bg);color:var(--badge-green-text)}.cat-support-plans-editor .status-badge.status-inactive{background:var(--badge-rose-bg);color:var(--badge-rose-text)}.cat-support-plans-editor .status-badge.status-cancelled{background:var(--badge-muted-bg);color:var(--badge-muted-text)}.cat-support-plans-editor .amount-jpy{font-weight:600;color:var(--color-gray-800)}.cat-support-plans-editor .amount-fee-wrapper{display:flex;flex-direction:column;gap:4px}.cat-support-plans-editor .transfer-fee-jpy{display:none;font-size:.857rem;color:var(--color-text-muted)}.cat-support-plans-editor .fee-column{display:table-cell}@media (min-width: 769px){.cat-support-plans-editor .transaction-date{display:inline}.cat-support-plans-editor .transaction-time{display:inline;margin-left:8px}}.cat-support-plans-editor .pending-status-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.cat-support-plans-editor .btn-cancel-withdrawal{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:3px;font-size:.75rem;font-weight:500;white-space:nowrap;background:transparent;color:var(--color-text-muted);border:1px solid #ddd;cursor:pointer;transition:all .2s ease}.cat-support-plans-editor .btn-cancel-withdrawal:hover{background:rgba(var(--color-danger-soft-rgb),.1);border-color:rgba(var(--color-danger-soft-rgb),.3);color:var(--color-danger-soft)}.cat-support-plans-editor .btn-cancel-withdrawal i{font-size:.75rem}.cat-support-plans-editor .rejection-status-wrapper,.cat-support-plans-editor .cancelled-status-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.cat-support-plans-editor .cancellation-reason-wrapper{position:relative}.cat-support-plans-editor .cancellation-reason-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:3px;font-size:.75rem;font-weight:600;white-space:nowrap;background:#8080801f;color:var(--color-text-muted);border:1px solid rgba(128,128,128,.25);cursor:pointer;box-shadow:0 1px 2px #80808014;transition:all .2s ease}.cat-support-plans-editor .cancellation-reason-btn:hover{background:#8080802e;color:var(--color-gray-600);border-color:#80808059;box-shadow:0 2px 4px #80808026}.cat-support-plans-editor .cancellation-reason-btn i{font-size:.75rem}.cat-support-plans-editor .admin-message-popup.cancellation-popup .admin-message-header.cancellation-header{background:linear-gradient(135deg,#888,#666)}.cat-support-plans-editor .rejection-reason-wrapper{position:relative}.cat-support-plans-editor .rejection-reason-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:3px;font-size:.75rem;font-weight:600;white-space:nowrap;background:#3d506b1f;color:#5a6b7f;border:1px solid rgba(61,80,107,.25);cursor:pointer;box-shadow:0 1px 2px #3d506b14;transition:all .2s ease}.cat-support-plans-editor .rejection-reason-btn:hover{background:#3d506b2e;color:#4a5b6f;border-color:#3d506b59;box-shadow:0 2px 4px #3d506b26}.cat-support-plans-editor .rejection-reason-btn:active{box-shadow:0 1px 2px #3d506b1a}.cat-support-plans-editor .rejection-reason-btn i{font-size:.75rem}.cat-support-plans-editor .admin-message-popup{text-align:left;text-indent:0;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;unicode-bidi:normal;display:none;position:fixed;background:#e8eef2;border-radius:8px;width:320px;z-index:9999;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;pointer-events:auto}.cat-support-plans-editor .admin-message-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#e8eef2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.cat-support-plans-editor .admin-message-popup.show{display:block}.cat-support-plans-editor .admin-message-popup .admin-message-header{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#6a8aa0,#5a7090);color:#fff;font-size:13px;font-weight:600;text-align:left;margin:0;box-sizing:border-box}.cat-support-plans-editor .admin-message-popup .admin-message-header i{font-size:14px;flex-shrink:0}.cat-support-plans-editor .admin-message-popup .admin-message-header span{text-align:left;flex:1}.cat-support-plans-editor .admin-message-popup .admin-message-meta{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#e8eef2;font-size:.857rem;color:#4a5b6f;border-bottom:1px solid rgba(106,138,160,.25);text-align:left;margin:0;box-sizing:border-box}.cat-support-plans-editor .admin-message-popup .meta-date{font-weight:500;text-align:left}.cat-support-plans-editor .admin-message-popup .meta-amount{font-weight:600;color:var(--badge-blue-text);text-align:right;flex-shrink:0}.cat-support-plans-editor .admin-message-popup .admin-message-body{display:block;padding:16px;font-size:13px;line-height:1.6;color:#3a4a5a;background:#e8eef2;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:left;margin:0;box-sizing:border-box}@media (max-width: 768px){.cat-support-plans-editor .transfer-fee-jpy{display:block}.cat-support-plans-editor .fee-column{display:none}.cat-support-plans-editor .admin-message-popup{width:calc(100vw - 48px);max-width:300px}.cat-support-plans-editor .admin-message-popup .admin-message-header{padding:10px 14px;font-size:.857rem}.cat-support-plans-editor .admin-message-popup .admin-message-meta{padding:8px 14px;font-size:.857rem}.cat-support-plans-editor .admin-message-popup .admin-message-body{padding:14px;font-size:.857rem}.cat-support-plans-editor .rejection-reason-btn{padding:5px 12px;font-size:.857rem}.cat-support-plans-editor .rejection-reason-btn i{font-size:.75rem}.cat-support-plans-editor .cancellation-reason-btn{padding:5px 12px;font-size:.857rem}.cat-support-plans-editor .cancellation-reason-btn i{font-size:.75rem}.cat-support-plans-editor .btn-cancel-withdrawal{padding:4px 8px;font-size:.75rem}}#catModal.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}#catModal .modal-dialog{background:var(--color-bg-page);border-radius:8px;max-width:800px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 10px 30px #0000004d}#catModal .modal-lg{max-width:900px}#catModal .modal-content{display:flex;flex-direction:column}#catModal .modal-header{padding:20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}#catModal .modal-title{margin:0;font-size:1.5rem;font-weight:600}#catModal .close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted)}#catModal .close:hover{color:var(--color-gray-800)}#catModal .modal-body{padding:20px;max-height:calc(90vh - 140px);overflow-y:auto}#catModal .modal-footer{padding:15px 20px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:10px}#catModal .editor-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}#catModal .form-group{margin-bottom:1rem}#catModal .editor-form-row .form-group{margin-bottom:0}#catModal .editor-form-row+.editor-form-row,#catModal .editor-form-row+.form-group,#catModal .form-group+.editor-form-row{margin-top:1rem}#catModal .form-group label{display:block;font-weight:600;margin-bottom:.5rem;font-size:13px;color:var(--color-text-primary, var(--color-primary))}#catModal .form-group label.required:after{content:" *";color:#dc3545}#catModal .form-label-hint{font-size:.857rem;font-weight:400;color:var(--color-text-muted);margin-left:8px}#catModal .form-control{width:100%;padding:9px 11px;border:1px solid var(--color-border-light);border-radius:2px;font-size:13px;transition:border-color .2s,box-shadow .2s}#catModal .form-control::-moz-placeholder{color:var(--color-text-muted);opacity:1}#catModal .form-control::placeholder{color:var(--color-text-muted);opacity:1}#catModal .form-control:focus{outline:none;border-color:var(--color-text-primary, var(--color-primary));box-shadow:0 0 0 3px #3d506b1a}#catModal select.form-control{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:32px}#catModal select.form-control::-ms-expand{display:none}#catModal select.form-control option{font-size:13px;color:var(--color-text-primary);padding:8px;background:var(--color-bg-page)}#catModal .form-check{display:flex;align-items:center;gap:.5rem}#catModal .form-check-input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent-gold)}#catModal .form-check-label{cursor:pointer;font-size:13px}#catModal .current-photo{padding:10px;background:#f8f9fa;border-radius:4px;text-align:center}.cat-detail{overflow-x:hidden;max-width:1200px;margin:0 auto;padding:0 10px}@media (min-width: 768px){.cat-detail{padding:0 20px}}@media (max-width: 767px){.cats-show .main-content{padding-left:0;padding-right:0}}.cats-show .content-section:nth-child(2n){background-color:transparent}.cat-detail-heading{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--color-primary)}.cat-detail-heading i{color:var(--color-secondary);font-size:15px}@media (max-width: 767px){.cat-detail-heading{font-size:15px}}.cat-hero{margin-bottom:24px}@media (max-width: 767px){.cat-hero{margin-bottom:16px}}.cat-hero-container{display:flex;align-items:stretch;gap:16px}@media (max-width: 767px){.cat-hero-container{flex-direction:column;align-items:center}}.cat-hero-img{flex:0 0 300px;width:300px;position:relative;overflow:hidden;background-color:var(--color-gray-100);border-radius:12px}.cat-hero-img:before{content:"";display:block;padding-bottom:100%}.cat-hero-img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 10%;object-position:center 10%}@media (min-width: 768px) and (max-width: 1023px){.cat-hero-img{flex:0 0 240px;width:240px}}@media (max-width: 767px){.cat-hero-img{flex:none;width:60%;max-width:280px;border-radius:10px}}.cat-hero-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);color:var(--color-border-lighter);font-size:60px}@media (max-width: 767px){.cat-hero-placeholder{font-size:42px}}.cat-hero-placeholder.hidden{display:none}.cat-hero-info{flex:1;display:flex;flex-direction:column;justify-content:center;background:var(--color-gray-50);border-radius:12px;padding:24px 28px;min-width:0}@media (min-width: 768px) and (max-width: 1023px){.cat-hero-info{padding:20px 24px}}@media (max-width: 767px){.cat-hero-info{padding:16px;text-align:center;border-radius:10px;width:100%}}.cat-title{font-size:22px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3;word-break:break-word}@media (min-width: 768px) and (max-width: 1023px){.cat-title{font-size:20px}}@media (max-width: 767px){.cat-title{font-size:17px}}.cat-title-sub{display:block;font-size:13px;font-weight:400;color:var(--color-text-muted);margin-top:4px;font-style:italic}@media (max-width: 767px){.cat-title-sub{font-size:12px;margin-top:2px}}.cat-catchphrase{font-size:14px;color:var(--color-text-muted);margin:12px 0 0;line-height:1.7}@media (max-width: 767px){.cat-catchphrase{font-size:13px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.cat-quick-spec{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}@media (max-width: 767px){.cat-quick-spec{justify-content:center;margin-top:10px}}.cat-quick-spec-tag{display:inline-flex;align-items:center;gap:4px;background:var(--color-gray-150);color:var(--color-text-muted);font-size:12px;padding:3px 10px;border-radius:6px}.cat-quick-spec-tag i{font-size:10px}.cat-quick-spec-flag{width:22px;height:16px;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.overview-box{background:var(--color-gray-100);border-left:3px solid var(--color-accent-gold);border-radius:12px;padding:20px 24px}@media (max-width: 767px){.overview-box{padding:16px;border-radius:10px}}.overview-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.overview-header i{font-size:18px;color:var(--color-accent-gold)}.overview-header h3{margin:0;font-size:14px;font-weight:700;color:var(--color-text-primary)}.overview-content{font-size:15px;line-height:1.8;color:var(--color-text-primary)}.overview-content p{margin:0}@media (max-width: 767px){.overview-content{font-size:14px}}.info-table{width:100%;border-collapse:collapse}.info-table th,.info-table td{padding:10px 14px;border:none;border-bottom:1px solid var(--color-border-lighter)}.info-table tr:last-child th,.info-table tr:last-child td{border-bottom:none}.info-table th{font-size:13px;font-weight:600;color:var(--color-text-muted);width:100px;text-align:left;vertical-align:top;white-space:nowrap}.info-table td{font-size:13px;color:var(--color-text-primary);line-height:1.6}.country-flag-inline{display:inline-block;width:24px;height:16px;margin-left:8px;vertical-align:middle;-o-object-fit:cover;object-fit:cover}.text-content{max-width:800px;line-height:1.8;font-size:14px;color:var(--color-text-primary);background:var(--color-gray-50);padding:16px 20px;border-radius:12px}.text-content p{margin:0}@media (max-width: 767px){.text-content{padding:14px 16px;border-radius:10px}}.star-rating{display:inline-flex;gap:3px}.star-rating i{font-size:14px}.star-rating i.fas{color:var(--color-accent-gold)}.star-rating i.far{color:var(--color-secondary-pale-alt);opacity:.6}.disease-list{margin:0;padding-left:20px}.disease-list li{margin-bottom:6px;color:var(--color-text-primary);font-size:14px;line-height:1.6}.two-column-sections{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media (min-width: 768px){.two-column-sections{flex-direction:row;gap:16px}.two-column-sections>.content-section{flex:1;margin-bottom:0}.two-column-sections>.content-section:only-child{width:100%}}.trait-chart{background:var(--color-gray-50);border-radius:12px;padding:16px 20px}@media (max-width: 767px){.trait-chart{padding:12px 16px;border-radius:10px}}.trait-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border-lighter)}.trait-row:last-child{border-bottom:none}.trait-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-text-muted);min-width:130px}.trait-label i{font-size:14px;color:var(--color-secondary);width:18px;text-align:center}@media (max-width: 767px){.trait-label{min-width:110px;font-size:12px;gap:6px}}.trait-stars{display:inline-flex;gap:3px}.trait-stars i{font-size:14px}.trait-stars i.fas{color:var(--color-accent-gold)}.trait-stars i.far{color:var(--color-secondary-pale-alt);opacity:.6}.badge-environment{display:inline-flex;align-items:center;padding:6px 14px;margin:3px 4px 3px 0;font-size:13px;font-weight:500;color:var(--color-secondary);background:var(--color-secondary-pale);border-radius:8px;white-space:nowrap;text-decoration:none}.cat-fun-facts-accent{background:var(--color-gray-100);border-radius:12px;padding:24px 28px;margin-bottom:var(--spacing-lg)}@media (max-width: 767px){.cat-fun-facts-accent{padding:20px 18px;border-radius:10px}}.cat-fun-facts-accent__header{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-secondary-pale)}.cat-fun-facts-accent__header i{font-size:20px;color:var(--color-accent-gold)}.cat-fun-facts-accent__list{list-style:none;margin:0;padding:0}.cat-fun-facts-accent__list li{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px dashed var(--color-secondary-pale);font-size:14px;line-height:1.8;color:var(--color-text-primary)}.cat-fun-facts-accent__list li:last-child{border-bottom:none}.cat-fun-facts-accent__list li i{color:var(--color-secondary);margin-top:4px;flex-shrink:0;font-size:14px}.breed-cafes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 768px){.breed-cafes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.breed-cafe-card{display:flex;flex-direction:column;text-decoration:none;overflow:hidden;border-radius:10px;background:var(--color-bg-page)}@media (min-width: 768px){.breed-cafe-card{border-radius:12px}}.breed-cafe-card:hover .breed-cafe-card-photo img{opacity:.92}.breed-cafe-card-photo{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background:var(--color-gray-100);border-radius:10px}@media (min-width: 768px){.breed-cafe-card-photo{border-radius:12px}}.breed-cafe-card-photo img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%;transition:opacity var(--transition-base)}.breed-cafe-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);color:var(--color-border-lighter)}.breed-cafe-card-placeholder i{font-size:48px}@media (max-width: 767px){.breed-cafe-card-placeholder i{font-size:36px}}.breed-cafe-card-placeholder.hidden{display:none}.breed-cafe-card-info{padding:12px;flex-shrink:0;text-align:center}.breed-cafe-card-name{display:block;font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.breed-cafe-card-cafe{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:var(--color-text-muted);text-decoration:none;margin-top:6px;line-height:1.3;background:#6b7f9514;border-radius:var(--border-radius-base);padding:3px 6px}.breed-cafe-card-cafe i{font-size:11px;flex-shrink:0}@media (max-width: 767px){.breed-cafes-grid-item--hidden-mobile{display:none}.breed-cafes-grid.expanded .breed-cafes-grid-item--hidden-mobile{display:block}}@media (min-width: 768px){.breed-cafes-grid-item--hidden-pc{display:none}.breed-cafes-grid.expanded .breed-cafes-grid-item--hidden-pc{display:block}}.breed-cafes-show-more{text-align:center;padding:16px 0 0}.cat-grid{display:grid;row-gap:16px;-moz-column-gap:12px;column-gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 768px){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cat-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cat-faq-item{background:var(--color-gray-50);border-radius:10px;overflow:hidden;transition:background-color .3s}.cat-faq-q-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-secondary-pale);color:var(--color-secondary);font-size:13px;font-weight:700;flex-shrink:0}.cat-faq-a-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-accent-gold-light);color:var(--color-accent-gold-dark);font-size:13px;font-weight:700;flex-shrink:0;margin-bottom:4px}.cat-faq-question{display:flex;align-items:center;padding:var(--spacing-md);min-height:48px;cursor:pointer;font-size:15px;font-weight:600;color:var(--color-primary);gap:var(--spacing-sm)}.cat-faq-question span:not(.cat-faq-q-badge){flex:1}.cat-faq-question .cat-faq-icon{flex-shrink:0;font-size:12px;color:var(--color-text-muted);transition:transform .3s ease}.cat-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 var(--spacing-md)}.cat-faq-answer p{padding:0 0 var(--spacing-md) 44px;font-size:14px;color:var(--color-text-primary);line-height:1.8;margin:0}.cat-faq-answer .cat-faq-a-badge{margin-left:0}.cat-breed-columns{display:flex;flex-direction:column}.cat-faq-item.active .cat-faq-icon{transform:rotate(180deg)}.cat-faq-item.active .cat-faq-answer{max-height:2000px;transition:max-height .5s ease-in}.cat-prev-next{display:flex;justify-content:space-between;gap:16px;padding:24px 0;border-top:1px solid var(--color-border-lighter);margin-bottom:8px}@media (max-width: 767px){.cat-prev-next{flex-direction:column;gap:12px}}.cat-prev-next__link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:14px;font-weight:600;color:var(--color-text-muted);transition:opacity .2s ease}.cat-prev-next__link i{font-size:11px;color:var(--color-text-muted)}.cat-prev-next__link:hover{opacity:.7}.cat-prev-next__link--next{margin-left:auto}.cat-detail-explore{background:var(--color-gray-100);border-radius:16px;padding:32px 24px;margin-top:40px}@media (max-width: 767px){.cat-detail-explore{padding:24px 16px;border-radius:12px;margin-top:32px}}.cat-detail-explore__section{margin-bottom:40px}.cat-detail-explore__section:last-child{margin-bottom:0}.cat-detail-explore__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0 0 16px}.cat-detail-explore__title i{color:var(--color-secondary);font-size:15px}@media (max-width: 767px){.cat-detail-explore__title{font-size:15px}}.cat-detail-explore__tags{display:flex;flex-wrap:wrap;gap:8px}.cat-detail-explore__tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-secondary-pale);color:var(--color-text-primary);font-size:13px;font-weight:600;border-radius:8px;text-decoration:none;transition:background var(--transition-fast)}.cat-detail-explore__tag i{color:var(--color-accent-gold);font-size:11px}.cat-detail-explore__tag:hover{background:var(--color-secondary);color:#fff}.cat-detail-explore__tag:hover i{color:var(--color-accent-gold)}@media (max-width: 767px){.cat-detail-explore__tag{font-size:12px;padding:5px 12px}}.cats-index .search-box{padding:0!important}.cats-index .search-tabs{padding:0;margin-bottom:0;border-bottom:none}.cats-index .search-tab.active{background:var(--color-primary);color:var(--color-white)!important}.cats-index .search-content{padding:15px}.search-area-panel,.search-keyword-panel{display:none}.search-area-panel.active,.search-keyword-panel.active{display:block}.search-form-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-select{flex:1;min-width:150px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--border-radius-base);background:var(--color-bg-page);color:var(--color-text);transition:border-color .2s}.search-select:focus{outline:none;border-color:var(--color-secondary)}.search-btn{padding:8px 24px;background:var(--color-secondary);color:var(--color-white);border:none;border-radius:var(--border-radius-base);cursor:pointer;transition:background .2s}.search-btn:hover{background:var(--color-secondary-dark)}.search-input-wrapper{display:flex;flex:1;gap:12px}.search-input{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--border-radius-base);font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--color-secondary)}.cat-list-filters{padding:0 10px;margin-top:16px;margin-bottom:20px}@media (min-width: 768px){.cat-list-filters{padding:0 20px}}.cat-list-container{max-width:1200px;margin:0 auto;padding:0 10px}@media (min-width: 768px){.cat-list-container{padding:0 20px}}@media (max-width: 767px){.column-featured-card.feature-pickup-card .featured-card-excerpt{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cats-index .main-content{padding-left:0;padding-right:0}}.no-results{grid-column:1/-1;text-align:center;padding:60px 20px}.no-results-icon{font-size:60px;color:var(--color-border-light);margin-bottom:16px}@media (max-width: 640px){.search-form-group{flex-direction:column}.search-select,.search-btn{width:100%}}@media (max-width: 767px){.cats-index-list .main-content{padding-left:0;padding-right:0}}.index-page-header{padding:20px 0}.index-page-header__badge{display:inline-flex;align-items:center;gap:5px;color:var(--color-secondary);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:6px}.index-page-header__badge i{font-size:12px}.index-page-header__title{font-size:22px;font-weight:700;margin:0;color:var(--color-text-primary);line-height:1.4}@media (max-width: 767px){.index-page-header__title{font-size:18px}}.index-page-header__desc{font-size:14px;color:var(--color-text-muted);margin:6px 0 0}@media (max-width: 767px){.index-page-header__desc{font-size:13px}}.index-nav-sticky{position:sticky;top:0;z-index:10;background:var(--color-bg-page);border-bottom:1px solid var(--color-border);padding:10px 0;margin-bottom:24px}.index-nav{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:1200px;margin:0 auto;padding:0 10px}@media (min-width: 768px){.index-nav{padding:0 20px;gap:8px}}.index-nav-item{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:4px 12px;background:var(--color-gray-100);color:var(--color-text-primary);border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.index-nav-item:hover{background:var(--color-primary);color:#fff}@media (max-width: 767px){.index-nav-item{min-width:36px;height:36px;font-size:13px;padding:4px 10px}}.index-group{margin-bottom:32px}.index-breed-list{list-style:none;padding:0;margin:0;-moz-columns:2;columns:2;-moz-column-gap:24px;column-gap:24px}@media (min-width: 768px){.index-breed-list{-moz-columns:3;columns:3;-moz-column-gap:32px;column-gap:32px}}@media (max-width: 480px){.index-breed-list{-moz-columns:1;columns:1}}.index-breed-item{-moz-column-break-inside:avoid;break-inside:avoid;padding:0}.index-breed-link{display:block;color:var(--color-text-primary);text-decoration:none;font-size:14px;padding:8px 4px;border-bottom:1px solid var(--color-border-lighter);transition:color var(--transition-fast)}.index-breed-link:hover{color:var(--color-secondary)}html[data-theme=dark] .index-nav-sticky{background:var(--color-bg-page);border-bottom-color:var(--color-gray-550)}html[data-theme=dark] .index-nav-item{background:#ffffff1a;color:#d1d5db}html[data-theme=dark] .index-nav-item:hover{background:#ffffff40;color:#fff}html[data-theme=dark] .index-breed-link{color:#d1d5db;border-bottom-color:var(--color-gray-550)}html[data-theme=dark] .index-breed-link:hover{color:#fff}.feature-section-fade{opacity:0;transition:opacity .6s ease}.feature-section-fade.is-visible{opacity:1}.feature-fade-stagger>*{opacity:0;transition:opacity .4s ease}.feature-fade-stagger.is-visible>*{opacity:1}.feature-fade-stagger.is-visible>*:nth-child(1){transition-delay:0s}.feature-fade-stagger.is-visible>*:nth-child(2){transition-delay:.08s}.feature-fade-stagger.is-visible>*:nth-child(3){transition-delay:.16s}.feature-fade-stagger.is-visible>*:nth-child(4){transition-delay:.24s}.feature-fade-stagger.is-visible>*:nth-child(5){transition-delay:.32s}.feature-fade-stagger.is-visible>*:nth-child(6){transition-delay:.4s}.feature-fade-stagger.is-visible>*:nth-child(7){transition-delay:.48s}.feature-fade-stagger.is-visible>*:nth-child(8){transition-delay:.56s}.feature-fade-stagger.is-visible>*:nth-child(9){transition-delay:.64s}.feature-fade-stagger.is-visible>*:nth-child(10){transition-delay:.72s}.feature-fade-stagger.is-visible>*:nth-child(11){transition-delay:.8s}.feature-fade-stagger.is-visible>*:nth-child(12){transition-delay:.88s}.feature-cat-grid-item--hidden{display:none;opacity:0;transition:opacity .4s ease}.cat-grid.expanded .feature-cat-grid-item--hidden{display:block}.cat-grid.expanded .feature-cat-grid-item--fade-in{opacity:1}@media (prefers-reduced-motion: reduce){.feature-section-fade,.feature-fade-stagger>*{opacity:1;transition:none}.feature-cat-grid-item--hidden{opacity:1;transition:none}}@media (max-width: 767px){.cats-features .main-content,.cats-features-show .main-content{padding-left:0;padding-right:0}}.feature-page-header{max-width:1200px;margin:0 auto 32px;padding:0 10px}@media (min-width: 768px){.feature-page-header{padding:0 20px}}.feature-page-header__inner{padding:20px 0}.feature-page-header__badge{display:inline-flex;align-items:center;gap:5px;color:var(--color-accent-gold);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:6px}.feature-page-header__badge i{font-size:12px}.feature-page-header__title{font-size:22px;font-weight:700;margin:0;color:var(--color-text-primary);line-height:1.4}@media (max-width: 767px){.feature-page-header__title{font-size:18px}}.feature-page-header__count{font-size:14px;font-weight:400;color:var(--color-text-muted);margin-left:10px}@media (max-width: 767px){.feature-page-header__count{font-size:13px}}.feature-page-header__desc{font-size:14px;color:var(--color-text-muted);margin:8px 0 0;line-height:1.7}@media (max-width: 767px){.feature-page-header__desc{font-size:13px}}.feature-category-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--color-primary)}.feature-category-title__sub{font-size:13px;font-weight:400;color:var(--color-text-muted);margin-left:8px}.feature-themes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:40px}@media (min-width: 768px){.feature-themes-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width: 1024px){.feature-themes-grid{grid-template-columns:repeat(4,1fr)}}.feature-highlight-list{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:40px;justify-items:center}@media (min-width: 768px){.feature-highlight-list{grid-template-columns:repeat(3,1fr);justify-items:stretch}}@media (max-width: 767px){.feature-highlight-card{width:70%;max-width:280px}}.feature-highlight-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.feature-highlight-card:hover .feature-highlight-card-image:after{opacity:1}.feature-highlight-card:hover .feature-highlight-card-image img{opacity:.92}.feature-highlight-rank{position:absolute;top:10px;left:10px;z-index:4;display:flex;align-items:center;justify-content:center}.feature-highlight-rank i{font-size:40px}.feature-highlight-rank__number{position:absolute;font-size:14px;font-weight:700;color:#fff}.feature-highlight-rank--1 i{color:var(--color-accent-gold);font-size:46px}.feature-highlight-rank--1 .feature-highlight-rank__number{font-size:16px}.feature-highlight-rank--2 i{color:#8c9bad}.feature-highlight-rank--3 i{color:#a07855}.feature-highlight-card-image{position:relative;width:100%;overflow:hidden;background:var(--color-gray-100);border-radius:10px}@media (min-width: 768px){.feature-highlight-card-image{border-radius:12px}}.feature-highlight-card-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3;border-radius:inherit}.feature-highlight-card-image:before{content:"";display:block;padding-bottom:100%}.feature-highlight-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 10%;object-position:center 10%}.feature-highlight-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100)}.feature-highlight-card-placeholder i{font-size:48px;color:var(--color-border-lighter)}.feature-highlight-card-content{padding:12px 4px 0;text-align:center}.feature-highlight-card-name{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.feature-highlight-card-catchphrase{font-size:13px;color:var(--color-text-muted);margin-bottom:6px;line-height:1.5}.feature-highlight-card-comment{font-size:13px;color:var(--color-text-secondary);margin-bottom:8px;line-height:1.6;text-align:left}.feature-highlight-card-traits{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--color-text-muted);background:var(--color-gray-50);border-radius:8px;padding:8px 10px;margin-top:4px}.feature-cat-traits{padding:4px 12px;font-size:11px;color:var(--color-text-muted);display:flex;flex-direction:column;gap:2px}.feature-cat-trait{display:flex;align-items:center;gap:4px}.feature-cat-trait-label{min-width:4em}.feature-cat-trait-stars{color:var(--color-secondary)}.feature-cat-trait-stars .far{color:var(--color-gray-300)}.feature-related-section{background:var(--color-gray-150);padding:32px 0;margin-top:40px;border-radius:16px}.feature-related-section .feature-category-title{border-bottom-color:var(--color-gray-300)}.feature-related-section .feature-themes-grid{margin-bottom:24px}.feature-show-more{text-align:center;margin-top:16px;margin-bottom:40px}.feature-back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--color-secondary);text-decoration:none;margin-top:24px;margin-bottom:0;padding:8px 20px;border:1.5px solid var(--color-secondary);border-radius:50px;transition:background var(--transition-fast),color var(--transition-fast)}.feature-back-link:hover{background:var(--color-secondary);color:#fff}.feature-back-link i{font-size:12px}.column-filters{padding:0 10px;margin-top:16px;margin-bottom:20px}@media (min-width: 768px){.column-filters{padding:0 20px}}.column-featured-card{background:var(--color-gray-50);border:none;border-radius:0;overflow:hidden;transition:all var(--transition-base);margin-bottom:20px;max-width:1200px;margin-left:auto;margin-right:auto;padding:10px 20px}.column-featured-card:hover .featured-card-image:after{opacity:1}.column-featured-card:hover .featured-card-image img{opacity:.92}.column-featured-card .featured-card-link{display:flex;flex-direction:row;gap:0;text-decoration:none;color:inherit;height:180px}@media (max-width: 767px){.column-featured-card .featured-card-link{height:140px}}.column-featured-card .featured-card-image{position:relative;flex:0 0 240px;height:160px;overflow:hidden;flex-shrink:0;border-radius:12px;background:var(--color-gray-100)}.column-featured-card .featured-card-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3;border-radius:inherit}@media (max-width: 767px){.column-featured-card .featured-card-image{flex:0 0 140px;height:140px}}.column-featured-card .featured-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base)}.column-featured-card .featured-card-image .featured-card-placeholder{width:100%;height:100%;background:var(--color-gray-150);display:flex;align-items:center;justify-content:center}.column-featured-card .featured-card-image .featured-card-placeholder i{font-size:2rem;color:var(--color-border-lighter)}.column-featured-card .featured-card-content{flex:1;padding:15px 20px;display:flex;flex-direction:column;min-width:0}@media (max-width: 767px){.column-featured-card .featured-card-content{padding:10px 12px}}.column-featured-card .featured-card-meta-row{display:contents}@media (max-width: 767px){.column-featured-card .featured-card-meta-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}}.column-featured-card .featured-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--color-accent-gold);margin-bottom:4px}@media (max-width: 767px){.column-featured-card .featured-badge{margin-bottom:0}}.column-featured-card .featured-badge i{font-size:10px}.column-featured-card .featured-card-category{margin-bottom:6px}@media (max-width: 767px){.column-featured-card .featured-card-category{margin-bottom:0}}.column-featured-card .featured-card-category .badge,.column-featured-card .featured-card-category .status-badge{font-size:11px;padding:3px 8px;font-weight:600;border-radius:4px}.column-featured-card .featured-card-title{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:6px;color:var(--color-gray-800);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 767px){.column-featured-card .featured-card-title{font-size:14px}}.column-featured-card .featured-card-excerpt{font-size:13px;line-height:1.5;color:var(--color-text-muted);margin-bottom:8px;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 767px){.column-featured-card .featured-card-excerpt{display:none}}.column-featured-card .featured-card-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--color-text-muted)}@media (max-width: 767px){.column-featured-card .featured-card-meta{margin-top:4px}}.column-featured-card .featured-card-meta span{display:flex;align-items:center;gap:4px}.column-card-badge-inline{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;font-size:.8rem;font-weight:600;border-radius:3px;margin-right:5px;vertical-align:middle;white-space:nowrap;line-height:1.3}.column-card-badge-inline i{font-size:.7rem}.column-card-badge-inline--new{background:#4a8c8c;color:#fff}.column-card-badge-inline--popular{background:var(--color-accent-gold, #FFB300);color:#fff}.column-detail{min-height:100vh}.column-hero-img{position:relative;width:100%;height:240px;overflow:hidden;background-color:var(--color-gray-100);border-radius:0;margin-bottom:24px}.column-hero-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right bottom;object-position:right bottom}@media (min-width: 768px){.column-hero-img{height:340px;border-radius:12px}}@media (min-width: 1024px){.column-hero-img{height:380px}}@media (min-width: 1400px){.column-hero-img{height:340px}}.column-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);color:#fff9;font-size:60px}.column-hero-content{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff}.column-hero-content h1{font-size:18px;font-weight:700;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fff!important;display:block!important;opacity:1!important;visibility:visible!important;z-index:2;position:relative;line-height:1.4}@media (min-width: 768px){.column-hero-content{padding:32px}.column-hero-content h1{font-size:22px}}@media (min-width: 1024px){.column-hero-content h1{font-size:24px}}.column-meta-info{font-size:12px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (min-width: 768px){.column-meta-info{font-size:13px}}.meta-category{color:var(--color-secondary-light);text-decoration:none;font-weight:600;text-shadow:0 0 3px rgba(0,0,0,.8),1px 1px 2px rgba(0,0,0,.6)}.meta-category:hover{text-decoration:underline}.meta-date,.meta-views{color:#ffffffe6}.column-detail .column-body{background:transparent;border:none;border-radius:0;padding:0 40px;font-size:14px;line-height:1.8;color:var(--color-text-primary)}@media (max-width: 767px){.column-detail .column-body{padding:0 16px}}.column-detail .column-body h1{font-size:20px;font-weight:700;margin:28px 0 12px;padding-bottom:10px;border-bottom:3px solid var(--color-accent-gold);color:var(--color-primary)}@media (max-width: 767px){.column-detail .column-body h1{font-size:18px}}.column-detail .column-body h2{font-size:17px;font-weight:700;margin:24px 0 10px;padding:10px 16px;background:var(--color-primary-pale);border-left:3px solid var(--color-secondary);border-radius:0 6px 6px 0;color:var(--color-primary)}@media (max-width: 767px){.column-detail .column-body h2{font-size:16px;padding:8px 12px}}.column-detail .column-body h3{font-size:15px;font-weight:700;margin:20px 0 8px;padding-left:12px;border-left:3px solid var(--color-secondary-light);color:var(--color-primary)}@media (max-width: 767px){.column-detail .column-body h3{font-size:14px;padding-left:10px}}.column-detail .column-body h4{font-size:14px;font-weight:700;margin:16px 0 6px;color:var(--color-secondary)}.column-detail .column-body h4:before{content:"― ";color:var(--color-secondary)}.column-detail .column-body p{margin-bottom:14px;color:var(--color-text-muted)}.column-detail .column-body a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-secondary-light);padding-bottom:1px;transition:border-color .2s}.column-detail .column-body a:hover{border-bottom-color:var(--color-primary)}.column-detail .column-body a[target=_blank]:after,.column-detail .column-body a[href^=http]:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:.7em;margin-left:3px;color:var(--color-secondary-light)}.column-detail .column-body a[href^="/"]:after,.column-detail .column-body a[href^="#"]:after{content:none}.column-detail .column-body ul,.column-detail .column-body ol{margin:12px 0;padding-left:32px;color:var(--color-text-muted)}.column-detail .column-body ul{list-style-type:none;padding-left:16px}.column-detail .column-body li{margin-bottom:6px;line-height:1.7}.column-detail .column-body ul li{position:relative;padding-left:4px}.column-detail .column-body ul li:before{content:"";position:absolute;left:-12px;top:9px;width:5px;height:5px;background:var(--color-accent-gold);border-radius:50%}.column-detail .column-body img{max-width:100%;height:auto;margin:20px auto;display:block;border-radius:8px;border:none}.column-detail .column-body hr{margin:24px 0;border:none;height:1px;background:var(--color-gray-400)}.column-detail .column-body blockquote{position:relative;margin:20px 0;padding:12px 16px 12px 38px;background:var(--color-gray-50);border-left:3px solid var(--color-secondary-light);border-radius:0 8px 8px 0;font-style:italic;font-size:13px;color:var(--color-text-muted)}.column-detail .column-body blockquote:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:13px;top:13px;font-size:12px;color:var(--color-secondary-light)}.column-detail .column-body blockquote p{margin-bottom:6px}.column-detail .column-body blockquote p:last-child{margin-bottom:0}.column-detail .column-body table{width:100%;margin:16px 0;border-collapse:collapse;border-radius:8px;overflow:hidden}.column-detail .column-body th,.column-detail .column-body td{padding:10px 12px;border:1px solid var(--color-gray-200);text-align:left;font-size:13px}.column-detail .column-body th{background:var(--color-gray-50);font-weight:600;color:var(--color-text-primary)}.column-detail .column-body td{color:var(--color-text-muted)}.column-detail .column-body code{padding:2px 5px;background:var(--color-gray-100);border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px;color:var(--color-text-primary)}.column-detail .column-body pre{margin:16px 0;padding:14px;background:var(--color-gray-50);border-radius:8px;overflow-x:auto}.column-detail .column-body pre code{padding:0;background:transparent}.column-detail .content-section:nth-child(2n){background-color:transparent}.column-detail .content-section{max-width:1200px;margin:0 auto}.column-detail .column-list-container{max-width:1200px;margin:0 auto;padding:0 10px}@media (max-width: 767px){.column-detail .column-list-container{padding:0}}@media (min-width: 768px){.column-detail .column-list-container{padding:0}}.column-prev-next{display:flex;justify-content:space-between;gap:16px;padding:24px 0;border-top:1px solid var(--color-gray-200)}@media (max-width: 767px){.column-prev-next{flex-direction:column;gap:12px}}.column-prev-next-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;max-width:48%;transition:opacity .2s ease}.column-prev-next-link:hover{opacity:.7}.column-prev-next-link--next{text-align:right;margin-left:auto}@media (max-width: 767px){.column-prev-next-link{max-width:100%}.column-prev-next-link--next{text-align:right}}.column-prev-next-label{font-size:.8rem;color:var(--color-text-muted)}.column-prev-next-label i{font-size:.7rem}.column-prev-next-title{font-size:.9rem;font-weight:600;color:var(--color-text-primary);line-height:1.4}.column-detail-explore{background:var(--color-gray-100);border-radius:16px;padding:32px 24px;margin-top:40px}@media (max-width: 767px){.column-detail-explore{padding:24px 16px;border-radius:12px;margin-top:32px}}.column-detail-explore__section{margin-bottom:40px}.column-detail-explore__section:last-child{margin-bottom:0}.column-detail-explore__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0 0 16px}.column-detail-explore__title i{color:var(--color-secondary)}.column-detail-explore .column-featured-card{background:transparent;padding:10px 0}.column-progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--color-secondary);z-index:51;pointer-events:none}@media (max-width: 1023px){.column-progress-bar{top:60px}}@media print{.column-progress-bar{display:none}}.nc-purchase-modal{--slide-modal-tab-padding: 10px 12px;--slide-modal-tab-font-size: 13px;--slide-modal-body-padding: 16px 20px}.nc-purchase{padding:clamp(1.5rem,3vw,2.5rem) 0;color:var(--text-primary)}.nc-purchase.nc-purchase--modal{padding:0;font-size:1rem}.nc-purchase .nc-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.3rem;border-radius:999px;font-size:.95rem;border:1px solid transparent;transition:var(--transition-base);text-decoration:none}.nc-purchase .nc-btn--primary{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.nc-purchase .nc-btn--primary:hover{background:#6f5e45;border-color:#6f5e45}.nc-purchase .nc-btn--ghost{background:var(--color-bg-page);color:var(--text-primary);border-color:#00000026}.nc-purchase .nc-btn--ghost:hover{border-color:#0000004d}.nc-purchase .nc-btn--outline{background:transparent;color:var(--text-primary);border-color:#00000040}.nc-purchase .nc-btn--outline:hover{border-color:var(--text-primary)}.nc-block{background:var(--color-bg-page);border-radius:var(--border-radius-base);box-shadow:var(--shadow-sm);padding:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(1rem,2vw,1.5rem)}.nc-purchase--modal .nc-block{box-shadow:none;padding:.7rem 0;margin-bottom:.7rem}.nc-block__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1rem}.nc-block__header h1{font-size:1.15rem;margin:0 0 .25rem}.nc-block__header h2{font-size:1rem;margin:0 0 .25rem}.nc-purchase--modal .nc-block__header{margin-bottom:.6rem}.nc-purchase--modal .nc-block__header h2{font-size:1rem;margin:0}.nc-block__lead{margin:.4rem 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.nc-block__note{margin:0;color:var(--text-secondary);font-size:.9rem}.nc-block__actions{display:flex;flex-wrap:wrap;gap:.5rem}.nc-block__cta{display:flex;justify-content:center;margin-top:1rem}.nc-summary{display:flex;flex-wrap:nowrap;gap:.6rem}.nc-summary__item{flex:1 0 0;border:1px solid rgba(0,0,0,.15);border-radius:6px;padding:.9rem;background:var(--color-gray-50)}.nc-summary__item span{display:block;font-size:.857rem;color:var(--text-secondary)}.nc-summary__item strong{display:block;font-size:1.2rem;margin-top:.2rem}.nc-summary__item small{display:block;margin-top:.3rem;font-size:.857rem;color:var(--text-secondary)}.nc-summary--compact{gap:.5rem}.nc-summary--compact .nc-summary__item{border-radius:6px;padding:.5rem .7rem}.nc-summary--compact .nc-summary__item span{font-size:.857rem}.nc-summary--compact .nc-summary__item strong{font-size:1.15rem;margin-top:.15rem}.nc-summary--compact .nc-summary__item small{font-size:.857rem;margin-top:.2rem}.nc-plan-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.nc-purchase--modal .nc-plan-stack{gap:.4rem}@media (max-width: 640px){.nc-plan-stack{grid-template-columns:1fr}}.nc-plan-row{display:flex;flex-direction:column;gap:.35rem;border:1px solid var(--color-border-lighter);border-radius:6px;padding:.6rem;background:var(--color-bg-page);transition:all .2s ease;height:100%;position:relative}.nc-plan-row:hover{border-color:var(--color-border);box-shadow:0 2px 6px #0000001a}.nc-purchase--modal .nc-plan-row{padding:.5rem;gap:.3rem}.nc-plan-row__main{display:flex;flex-direction:column;gap:.35rem;flex:1}.nc-plan-row__title{display:flex;align-items:center;gap:.4rem}.nc-plan-row__title strong{font-size:.9rem;font-weight:600;color:var(--color-accent-gold)}.nc-purchase--modal .nc-plan-row__title strong{font-size:.95rem}.nc-plan-row__badge{font-size:.75rem;padding:.1rem .5rem;border-radius:999px;color:var(--color-white);font-weight:600}.nc-plan-row__badge.badge-primary{background:#c2506a}.nc-plan-row__badge.badge-success{background:var(--color-success-main)}.nc-plan-row__badge.badge-warning{background:var(--color-warning-main)}.nc-plan-row__badge.badge-danger{background:var(--color-danger-main)}.nc-plan-row__badge.badge-info{background:var(--color-info-main)}.nc-plan-row__badge.badge-secondary{background:var(--color-admin-secondary)}.nc-plan-row__info{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.nc-purchase--modal .nc-plan-row__info{gap:.4rem}.nc-plan-row__pricing{display:flex;align-items:baseline;gap:.6rem;flex:1}.nc-purchase--modal .nc-plan-row__pricing{gap:.5rem}.nc-plan-row__nc{color:var(--color-secondary);font-size:1rem;font-weight:700;line-height:1}.nc-purchase--modal .nc-plan-row__nc{font-size:1rem}.nc-plan-row__price{color:var(--color-gray-800);font-size:.857rem;font-weight:600;line-height:1}.nc-purchase--modal .nc-plan-row__price{font-size:.857rem}.nc-plan-row__actions{flex-shrink:0}.nc-plan-row__actions .btn{padding:.35rem .9rem;font-size:.857rem;min-width:auto;white-space:nowrap}.nc-purchase--modal .nc-plan-row__actions .btn{padding:.4rem .9rem;font-size:.857rem}.nc-plan-row__actions .btn--primary{background-color:var(--color-accent-gold)!important;border-color:var(--color-accent-gold)!important;color:var(--color-white)!important}.nc-plan-row__actions .btn--primary:hover{background-color:var(--color-accent-gold-dark)!important;border-color:var(--color-accent-gold-dark)!important}.nc-plan-empty{text-align:center;padding:1rem;border:1px dashed rgba(0,0,0,.2);border-radius:var(--border-radius-base);background:var(--color-bg-page);font-size:.9rem;color:var(--text-secondary)}.nc-plan-empty span{display:block;margin-top:.3rem;font-size:.857rem}.nc-activity{display:flex;flex-direction:column;gap:.75rem}.nc-purchase--modal .nc-activity{gap:.5rem}.nc-activity__item{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;border:1px solid rgba(0,0,0,.05);border-radius:var(--border-radius-base);padding:.6rem .8rem}.nc-purchase--modal .nc-activity__item{padding:.5rem .65rem;font-size:.857rem}.nc-activity__values{display:flex;align-items:center;gap:.6rem}.nc-activity__nc,.nc-activity__amount{font-weight:600}.nc-activity__amount.is-gain{color:var(--color-success-main)}.nc-activity__amount.is-loss{color:var(--color-danger-main)}.nc-activity__status{border-radius:999px;padding:.15rem .8rem;font-size:.857rem;font-weight:600}.nc-activity__status.is-success{background:var(--color-success-bg);color:var(--color-success-text)}.nc-activity__status.is-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.nc-activity__status.is-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.nc-activity__status.is-info{background:var(--color-info-bg);color:var(--color-info-text)}.nc-activity__status.is-muted{background:var(--badge-muted-bg);color:var(--badge-muted-text)}.nc-purchase--modal .nc-activity__status{padding:.1rem .6rem;font-size:.75rem}.nc-steps{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.nc-steps li{display:flex;gap:.75rem;padding:.6rem .8rem;border:1px solid var(--color-border-lighter);border-radius:var(--border-radius-base);background:var(--color-bg-page)}.nc-steps__number{width:30px;height:30px;border-radius:50%;background:var(--color-secondary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.nc-steps h3{margin:0;font-size:.95rem}.nc-steps p{margin:.2rem 0 0;color:var(--text-secondary);font-size:.857rem}.nc-purchase--modal .nc-steps{gap:.4rem}.nc-purchase--modal .nc-steps li{gap:.6rem;padding:.5rem .65rem;background:var(--color-gray-50)}.nc-purchase--modal .nc-steps .nc-steps__number{width:26px;height:26px;font-size:.857rem}.nc-purchase--modal .nc-steps h3{font-size:.857rem}.nc-purchase--modal .nc-steps p{font-size:.857rem;margin-top:.15rem}.nc-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.nc-purchase--modal .nc-faq-grid{grid-template-columns:1fr;gap:.5rem}.nc-faq-card{border:1px solid rgba(0,0,0,.05);border-radius:var(--border-radius-base);padding:.8rem;background:var(--color-gray-50)}.nc-faq-card h3{margin-bottom:.3rem;font-size:.95rem}.nc-faq-card p{margin:0;color:var(--text-secondary);font-size:.857rem;line-height:1.5}.nc-purchase--modal .nc-faq-card{padding:.6rem .7rem}.nc-purchase--modal .nc-faq-card h3{font-size:.857rem;margin-bottom:.2rem}.nc-purchase--modal .nc-faq-card p{font-size:.857rem;line-height:1.4}.nc-faq-link{color:var(--color-secondary);text-decoration:underline;transition:color .2s ease}.nc-faq-link:hover{color:var(--color-secondary-dark)}.nc-notice{display:flex;gap:.8rem;padding:.9rem 1rem;background:var(--color-primary-pale);border:1px solid var(--color-secondary-pale);border-radius:var(--border-radius-base)}.nc-purchase--modal .nc-notice{padding:.7rem .8rem;gap:.6rem}.nc-notice__icon{flex-shrink:0;color:var(--color-secondary);font-size:1.1rem;line-height:1.4}.nc-purchase--modal .nc-notice__icon{font-size:1rem}.nc-notice__content{flex:1}.nc-notice__title{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:var(--color-primary)!important}.nc-purchase--modal .nc-notice__title{font-size:.95rem;margin-bottom:.4rem}.nc-notice__list{margin:0;padding:0;list-style:none}.nc-notice__list li{position:relative;padding:.25rem 0 .25rem .9rem;font-size:.857rem;color:var(--color-text-muted);line-height:1.5}.nc-notice__list li:before{content:"•";position:absolute;left:0;color:var(--color-secondary)}.nc-purchase--modal .nc-notice__list li{font-size:.88rem;padding:.2rem 0 .2rem .8rem}.nc-notice__link,.nc-notice a.nc-notice__link{color:var(--color-primary);text-decoration:underline}.nc-notice__link:hover,.nc-notice a.nc-notice__link:hover{color:var(--color-secondary)}.nc-block--legal{background-color:var(--color-gray-100);border-radius:var(--border-radius-base);padding:.8rem 1rem;margin-top:.5rem;border:none;box-shadow:none}.nc-legal-notice{display:flex;align-items:center;justify-content:center}.nc-legal-notice__text{margin:0;color:var(--color-text-dark);font-size:.88rem;line-height:1.7;text-align:center}.nc-legal-notice__text i{margin-right:.35rem;color:var(--color-secondary);font-size:.75rem}.nc-legal-notice__link{color:var(--color-secondary);text-decoration:underline;font-weight:500;transition:color .2s}.nc-legal-notice__link:hover{color:var(--color-secondary-dark)}.nc-history-table-wrapper{overflow-x:auto}.nc-history-table{width:100%;border-collapse:collapse;font-size:.857rem}.nc-history-table thead{background:var(--color-gray-50)}.nc-history-table th,.nc-history-table td{padding:.45rem .65rem;border-bottom:1px solid var(--color-border-lighter);text-align:left}.nc-history-table th{font-weight:600;color:var(--text-secondary);font-size:.857rem}.nc-history-empty{text-align:center;padding:1rem;border:1px dashed rgba(0,0,0,.15);border-radius:var(--border-radius-base);background:var(--color-gray-50);color:var(--text-secondary)}.nc-history-empty span{display:block;margin-top:.3rem;font-size:.857rem}.nc-period-selector{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.nc-period-nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:color .2s ease}.nc-period-nav:hover{color:var(--color-secondary)}.nc-period-nav i{font-size:1rem}.nc-period-display{font-size:.95rem;font-weight:600;color:var(--text-primary);min-width:100px;text-align:center}.nc-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.nc-pagination button{padding:.35rem .7rem;border:1px solid rgba(0,0,0,.15);border-radius:var(--border-radius-base);background:var(--color-bg-page);font-size:.857rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.nc-pagination button:hover:not(:disabled){background:var(--color-gray-100);border-color:#00000040}.nc-pagination button:disabled{opacity:.5;cursor:not-allowed}.nc-pagination button.active{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.nc-pagination .page-info{font-size:.857rem;color:var(--text-secondary);margin:0 .5rem}@media (max-width: 640px){.nc-block__header{flex-direction:column}.nc-activity__item{flex-direction:column;align-items:flex-start}}.nc-expiry-schedule{padding:16px}.nc-expiry-schedule__title{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.nc-expiry-schedule__title i{margin-right:6px;color:var(--color-accent-gold)}.nc-expiry-schedule__empty{text-align:center;padding:32px 16px;color:var(--color-text-gray);font-size:.857rem}.nc-expiry-schedule__year{margin-bottom:16px}.nc-expiry-schedule__year-label{font-size:.857rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--color-border)}.nc-expiry-schedule__row{display:flex;justify-content:space-between;align-items:center;padding:.45rem .65rem;border-bottom:1px solid var(--color-border-light, #f0f0f0);font-size:.857rem}.nc-expiry-schedule__month{color:var(--text-primary)}.nc-expiry-schedule__amount{font-weight:600;color:var(--color-accent-gold)}.cat-rankings .ranking-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.cat-rankings .ranking-tabs .ranking-tab{padding:var(--spacing-sm) var(--spacing-lg);border:1.5px solid var(--color-border);border-radius:var(--border-radius-base);background:var(--color-bg-page);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.cat-rankings .ranking-tabs .ranking-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.cat-rankings .ranking-tabs .ranking-tab:hover:not(.active){border-color:var(--color-secondary)}.cat-rankings .ranking-content.hidden{display:none}.cat-rankings .no-data{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--color-text-secondary)}.cat-rankings .no-data i{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);opacity:.5}.cat-rankings .no-data p{font-size:var(--font-size-lg)}.top-three-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);align-items:end}@media (max-width: 768px){.top-three-grid{display:none}}.top-three-list{display:none}@media (max-width: 768px){.top-three-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}}.cat-ranking-card{background:var(--color-bg-page);border:none;border-radius:var(--border-radius-base);overflow:hidden;transition:all var(--transition-base)}.cat-ranking-card:hover,.cat-ranking-card:focus{outline:none}.cat-ranking-card--full{padding:var(--spacing-lg);text-align:center;cursor:pointer}.cat-ranking-card--full.rank-1{background:linear-gradient(180deg,rgba(255,215,0,.08) 0%,var(--color-bg-page) 100%)}.cat-ranking-card--full .cat-image-wrapper{width:120px;height:120px;margin:0 auto var(--spacing-md);cursor:pointer}.cat-ranking-card--full .cat-image-wrapper:focus{outline:2px solid var(--color-primary);outline-offset:2px}.cat-ranking-card--full .cat-name{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs)}.cat-ranking-card--full .cafe-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cat-ranking-card--full .cafe-name.cafe-link{text-decoration:none;transition:color var(--transition-base)}.cat-ranking-card--full .cafe-name.cafe-link:hover{color:var(--color-primary);text-decoration:underline}.cat-ranking-card--full .prefecture{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.cat-ranking-card--full .stats{display:flex;justify-content:center;gap:var(--spacing-lg);margin:var(--spacing-md) 0;padding:var(--spacing-sm) 0;border-top:1px solid rgba(107,127,149,.35);border-bottom:1px solid rgba(107,127,149,.35)}.cat-ranking-card--full .stats .stat-item{text-align:center}.cat-ranking-card--full .stats .stat-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.cat-ranking-card--full .stats .stat-value{font-size:var(--font-size-base);font-weight:700}.cat-ranking-card--full .stats .nc-amount{color:var(--color-primary)}.cat-ranking-card--compact{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md);cursor:pointer}.cat-ranking-card--compact .cat-image-wrapper{width:48px;height:48px;flex-shrink:0}.cat-ranking-card--compact .cat-image-wrapper .cat-image-placeholder i{font-size:var(--font-size-lg)}.cat-ranking-card--compact .cat-info{flex:1;min-width:0}.cat-ranking-card--compact .cat-name{font-size:var(--font-size-base);font-weight:700;margin-bottom:2px}.cat-ranking-card--compact .cafe-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-ranking-card--compact .stats{display:flex;gap:var(--spacing-md);flex-shrink:0;font-size:var(--font-size-sm)}.cat-ranking-card--compact .stats .nc-amount{font-weight:700;color:var(--color-primary)}.cat-ranking-card--compact .stats .supporters{color:var(--color-text-secondary)}@media (max-width: 576px){.cat-ranking-card--compact{flex-wrap:wrap}.cat-ranking-card--compact .stats{width:100%;justify-content:flex-end;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(107,127,149,.35)}}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-sm);border-radius:var(--border-radius-base);font-weight:700;font-size:var(--font-size-sm)}.rank-badge.rank-1{background:var(--rank-gold);color:var(--color-primary)}.rank-badge.rank-1 i{margin-right:var(--spacing-xs)}.rank-badge.rank-2{background:var(--rank-silver);color:var(--color-primary)}.rank-badge.rank-3{background:var(--rank-bronze);color:var(--color-white)}.rank-badge.rank-other{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.cat-image-wrapper{border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);position:relative}.cat-image-wrapper .cat-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .2s ease}.cat-image-wrapper .cat-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.cat-image-wrapper .cat-image-placeholder i{font-size:var(--font-size-2xl)}.cat-ranking-card:hover .cat-image-wrapper .cat-image{opacity:.92}.period-selector{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);position:relative}.period-selector .period-nav{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-border);border-radius:var(--border-radius-base);background:var(--color-bg-page);color:var(--color-text-primary);text-decoration:none;transition:border-color var(--transition-base)}.period-selector .period-nav:hover:not(.disabled){border-color:var(--color-secondary)}.period-selector .period-nav.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.period-selector .period-display{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;font-size:var(--font-size-lg);font-weight:700;cursor:pointer;color:var(--color-text-primary)}.period-selector .period-display i{margin-left:var(--spacing-sm);font-size:var(--font-size-sm)}.period-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--color-bg-page);border:1.5px solid var(--color-border);border-radius:var(--border-radius-base);box-shadow:0 2px 8px #0000001a;padding:var(--spacing-xs) 0;min-width:140px;z-index:100;margin-top:var(--spacing-xs)}.period-dropdown.hidden{display:none}.period-dropdown .period-option{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm)}.period-dropdown .period-option:hover{background:var(--color-bg-secondary)}.period-dropdown .period-option.active{background:var(--color-primary);color:var(--color-white)}.prefecture-grid .region-section{margin-bottom:var(--spacing-lg)}.prefecture-grid .region-section .region-title{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.prefecture-grid .prefecture-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.prefecture-grid .prefecture-card{display:block;padding:var(--spacing-sm);background:var(--color-bg-page);border:1.5px solid var(--color-border);border-radius:var(--border-radius-base);text-decoration:none;color:var(--color-text-primary);transition:border-color var(--transition-base)}.prefecture-grid .prefecture-card:hover{border-color:var(--color-secondary)}.prefecture-grid .prefecture-card.no-data{opacity:.5}.prefecture-grid .prefecture-card.no-data .prefecture-count{color:var(--color-text-tertiary)}.prefecture-grid .prefecture-card .prefecture-name{font-weight:700;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.prefecture-grid .prefecture-card .prefecture-count{font-size:var(--font-size-xs);color:var(--color-primary)}.prefecture-grid .prefecture-card .prefecture-top-cat{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}@media (max-width: 576px){.ranking-navigation{flex-direction:column;align-items:stretch}}.ranking-navigation .prefecture-selector{min-width:180px}@media (max-width: 576px){.ranking-navigation .prefecture-selector{min-width:auto}}.cat-support-info .support-info-content{background:var(--color-bg-page);border:1.5px solid var(--color-border);border-radius:var(--border-radius-base);padding:var(--spacing-lg)}.cat-support-info .support-info-content p{margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.cat-support-info .support-info-content ul{list-style:none;padding:0;margin:0}.cat-support-info .support-info-content ul li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;font-size:var(--font-size-sm)}.cat-support-info .support-info-content ul li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;color:var(--color-admin-success)}.ranking-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}br.sp-only{display:none}@media (max-width: 768px){br.sp-only{display:inline}}.cp-about-text .menu-external{font-size:.75em}.cafe-partners-page .main-content{background-color:transparent}.cp-wrapper{max-width:100%;margin:0 auto;padding:0;--cp-font-size-lg: var(--font-size-lg);--cp-font-size-base: var(--font-size-base)}@media (max-width: 767px){.cp-wrapper{--cp-font-size-lg: 17px;--cp-font-size-base: 15px}}.cp-section-inner{max-width:800px;margin:0 auto}.cp-placeholder{background:var(--color-gray-100);border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-gray-500);font-size:var(--font-size-sm);text-align:center;padding:12px;gap:8px}.cp-placeholder i{font-size:24px;opacity:.5}.highlight{color:var(--color-secondary);font-weight:600}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:50px;font-size:var(--font-size-base);font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none}.cp-btn:hover{text-decoration:none}.cp-text-emphasis{color:#c97b7b;font-weight:600}.cp-btn-primary{background:var(--color-secondary);color:var(--color-gray-50)}.cp-btn-primary:hover{background:var(--color-secondary-dark);color:var(--color-gray-50)}.cp-btn-secondary{background:var(--color-gray-50);color:var(--color-primary);border:1px solid var(--color-border)}.cp-btn-secondary:hover{background:var(--color-gray-100);color:var(--color-primary)}.cp-btn-secondary-light{background:#ffffff26;color:var(--color-white);border:1.5px solid rgba(255,255,255,.6)}.cp-btn-secondary-light:hover{background:#ffffff40;color:var(--color-white)}.cp-btn-large{padding:16px 32px;font-size:var(--font-size-lg)}.cp-hero{background:var(--color-gray-50);padding:80px 40px 60px;border-bottom:1px solid var(--color-border)}.cp-hero-inner{max-width:700px;margin:0 auto;text-align:center}.cp-hero-badge{display:inline-block;background:var(--color-secondary-pale);color:var(--color-secondary);font-size:var(--font-size-sm);font-weight:600;padding:6px 14px;border-radius:var(--border-radius-pill);margin-bottom:20px}.cp-hero h1{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-primary);line-height:1.5;margin-bottom:32px}.cp-hero-image{margin:32px auto;max-width:500px}.cp-hero-image img{width:100%;height:auto;border-radius:var(--border-radius-lg);-o-object-fit:cover;object-fit:cover}.cp-hero-text{text-align:left;margin-bottom:32px}.cp-hero-text p{color:var(--color-text-dark);font-size:var(--cp-font-size-lg);line-height:1.7;margin-bottom:16px}.cp-hero-text p:last-child{margin-bottom:0}.cp-hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cp-section{padding:64px 40px}.cp-section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:32px}.cp-section-subtitle{text-align:center;color:var(--color-text-dark);font-size:var(--cp-font-size-lg);margin-bottom:32px}.cp-problem-section{background:var(--color-gray-150)}.cp-problem-intro{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px}.cp-problem-intro p{flex:1;color:var(--color-text-dark);font-size:var(--cp-font-size-lg);line-height:1.7}.cp-problem-intro p strong{color:var(--color-primary)}.cp-problem-image{flex-shrink:0;max-width:300px}.cp-problem-image img{width:100%;height:auto;border-radius:var(--border-radius-lg);-o-object-fit:cover;object-fit:cover}.cp-problem-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.cp-problem-item{display:flex;align-items:flex-start;gap:16px;background:var(--color-gray-50);padding:20px 24px;border-radius:var(--border-radius-lg);border-left:4px solid var(--color-secondary);font-size:var(--cp-font-size-lg);color:var(--color-text-dark);line-height:1.5;box-shadow:var(--shadow-sm)}.cp-problem-icon{flex-shrink:0;width:24px;font-size:18px}.cp-icon-coral{color:#c97b7b}.cp-icon-slate{color:#6b7b8c}.cp-icon-teal{color:#5a9a9a}.cp-icon-amber{color:#b8956b}.cp-icon-sage{color:#7a9a7a}.cp-agitation-box{background:var(--color-secondary-pale);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:24px 24px 24px 28px;display:flex;align-items:flex-start;gap:16px}.cp-agitation-box p{color:var(--color-primary);font-size:var(--cp-font-size-lg);line-height:1.7;margin:0}.cp-agitation-box p strong{color:var(--color-primary-dark);font-weight:700}.cp-agitation-icon{flex-shrink:0;font-size:22px;color:var(--color-primary);margin-top:4px}.cp-merit-section{background:var(--color-gray-50)}.cp-demo-preview-card{background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto}.cp-demo-preview{position:relative;text-align:center;margin-bottom:4px}.cp-demo-preview img{max-width:100%;height:auto;border-radius:var(--border-radius-lg)}.cp-demo-preview-note{text-align:right;font-size:.857rem;color:#9ca3af;margin:4px 0 8px}.cp-demo-link{text-align:center}.cp-demo-link-inline{text-align:center;padding:16px 0 0}.cp-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.cp-feature-card{background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.cp-feature-card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);margin-bottom:12px}.cp-feature-card p{font-size:var(--cp-font-size-base);color:var(--color-text-dark);line-height:1.6;margin:0}.cp-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--border-radius-lg);margin-bottom:16px}.cp-feature-icon img{width:32px;height:32px}.cp-feature-icon i{font-size:24px}.cp-feature-icon.cp-icon-teal{background:#5a9a9a1f}.cp-feature-icon.cp-icon-coral{background:#c97b7b1f}.cp-feature-icon.cp-icon-amber{background:#b8956b1f}.cp-feature-icon.cp-icon-sage{background:#7a9a7a1f}.cp-highlight-box{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:var(--color-secondary-pale);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.cp-highlight-item{text-align:center}.cp-highlight-value{display:block;font-size:var(--font-size-3xl);font-weight:700;color:var(--color-secondary-dark);margin-bottom:4px}.cp-highlight-label{display:block;font-size:var(--font-size-base);color:var(--color-text-dark)}.cp-revenue-section{background:var(--color-gray-150)}.cp-revenue-description{text-align:center;margin-bottom:24px}.cp-revenue-description p{font-size:var(--cp-font-size-lg);color:var(--color-text-dark);line-height:1.7}.cp-revenue-flow{text-align:center;margin:24px auto 32px;max-width:700px}.cp-revenue-flow img{max-width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.cp-simulation-box{background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:32px;margin-bottom:24px;box-shadow:var(--shadow-md)}.cp-simulation-box h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);text-align:center;margin-bottom:20px}.cp-simulation-main{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.cp-simulation-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-secondary)}.cp-simulation-arrow{color:var(--color-gray-500);font-size:20px}.cp-simulation-detail{text-align:center;margin-bottom:16px}.cp-simulation-detail p{font-size:var(--cp-font-size-base);color:var(--color-text-dark);margin-bottom:8px}.cp-simulation-detail p:last-child{margin-bottom:0}.cp-simulation-notes{text-align:center;border-top:1px solid var(--color-border);padding-top:16px}.cp-simulation-notes p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:4px}.cp-simulation-notes p:last-child{margin-bottom:0}.cp-note-box{background:var(--color-secondary-pale);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:16px 20px 16px 24px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px}.cp-note-box p{font-size:var(--cp-font-size-base);color:var(--color-text-dark);line-height:1.6;margin:0}.cp-note-image{width:100%;height:auto;border-radius:var(--border-radius-lg)}.cp-note-image-placeholder{width:100%;text-align:center}.cp-note-image-space{background:var(--color-gray-100);border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-md);padding:40px 20px;color:var(--color-gray-400);font-size:48px}.cp-note-image-caption{font-size:var(--font-size-sm)!important;color:var(--color-text-dark)!important;margin-top:8px}.cp-note-icon{flex-shrink:0;font-size:20px;color:var(--color-secondary);margin-top:2px}.cp-flow-section{background:var(--color-gray-50)}.cp-step-list{display:flex;flex-direction:column;gap:0;position:relative}.cp-step-item{display:flex;align-items:flex-start;gap:20px;background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);position:relative}.cp-step-item:not(:last-child):after{content:"";position:absolute;left:39px;top:100%;width:2px;height:16px;background:linear-gradient(to bottom,var(--color-secondary-light),transparent)}.cp-step-item:not(:last-child){margin-bottom:16px}.cp-step-list.lp-stagger>.cp-step-item{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}.cp-step-list.lp-stagger.is-visible>.cp-step-item{opacity:1;transform:translateY(0)}.cp-step-list.lp-stagger.is-visible>.cp-step-item:nth-child(1){transition-delay:0s}.cp-step-list.lp-stagger.is-visible>.cp-step-item:nth-child(2){transition-delay:.15s}.cp-step-list.lp-stagger.is-visible>.cp-step-item:nth-child(3){transition-delay:.3s}.cp-step-list.lp-stagger.is-visible>.cp-step-item:nth-child(4){transition-delay:.45s}.cp-step-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);color:var(--color-gray-50);font-size:var(--font-size-base);font-weight:700;border-radius:50%}.cp-step-content{flex:1}.cp-step-content h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);margin-bottom:8px}.cp-step-content p{font-size:var(--cp-font-size-base);color:var(--color-text-dark);line-height:1.6;margin:0}.cp-step-icon{flex-shrink:0;width:56px;height:56px;margin-left:auto;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-pale);border-radius:var(--border-radius-lg)}.cp-step-icon i{font-size:24px;color:var(--color-primary)}.cp-about-section{background:var(--color-gray-150)}.cp-about-text{text-align:center;margin-bottom:32px}.cp-about-text p{font-size:var(--cp-font-size-lg);color:var(--color-text-dark);line-height:1.7}.cp-about-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cp-about-card{background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.cp-about-card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);margin-bottom:12px}.cp-about-card p{font-size:var(--cp-font-size-base);color:var(--color-text-dark);line-height:1.6;margin:0}.cp-roles-section{background:var(--color-gray-50)}.cp-roles-intro{text-align:center;margin-bottom:32px}.cp-roles-intro p{font-size:var(--cp-font-size-lg);color:var(--color-text-dark);line-height:1.7}.cp-roles-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cp-roles-card{background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.cp-roles-card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.cp-roles-card p{font-size:var(--cp-font-size-base);color:var(--color-text-dark);line-height:1.6;margin:0}.cp-roles-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--border-radius-md);font-size:16px}.cp-roles-icon.cp-icon-slate{background:#6b7b8c1f}.cp-roles-icon.cp-icon-teal{background:#5a9a9a1f}.cp-faq-section{background:var(--color-gray-150)}.cp-faq-list{display:flex;flex-direction:column;gap:12px}.cp-faq-item{background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.cp-faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;background:none;border:none;cursor:pointer;text-align:left;font-size:var(--cp-font-size-lg);font-weight:500;color:var(--color-primary);transition:background .2s ease}.cp-faq-question:hover{background:var(--color-gray-100)}.cp-faq-toggle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-secondary);transition:transform .3s ease}.cp-faq-toggle i{font-size:14px}.cp-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.cp-faq-answer p{padding:0 24px 20px;font-size:var(--cp-font-size-base);color:var(--color-text-dark);line-height:1.6;margin:0}.cp-faq-item.open .cp-faq-toggle{transform:rotate(180deg)}.cp-faq-item.open .cp-faq-answer{max-height:500px}.cp-cta{background:var(--color-primary);padding:48px 32px;border-radius:var(--border-radius-xl);margin:40px;text-align:center}.cp-cta-inner{max-width:600px;margin:0 auto}.cp-cta-inner h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-white)!important;margin-bottom:16px}.cp-cta-inner p{font-size:var(--cp-font-size-lg);color:#ffffffd9!important;line-height:1.6;margin-bottom:24px}.cp-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cp-cta-buttons .cp-btn-primary{background:#fff3;color:var(--color-white);border:1.5px solid rgba(255,255,255,.6)}.cp-cta-buttons .cp-btn-primary:hover{background:#ffffff4d;color:var(--color-white)}.cp-cta-buttons .cp-btn-secondary-light{background:#ffffff26;border-color:#fff9;color:var(--color-white)}.cp-cta-buttons .cp-btn-secondary-light:hover{background:#ffffff40;color:var(--color-white)}.cp-cta-existing-account{margin-top:32px;padding:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:var(--border-radius-lg)}.cp-cta-existing-account p{font-size:var(--font-size-base);color:#ffffffe6;margin-bottom:16px;line-height:1.6}.cp-link-arrow{display:inline-flex;align-items:center;gap:8px;color:var(--color-white);background:#fff3;font-size:var(--font-size-sm);font-weight:600;text-decoration:none;padding:10px 20px;border-radius:var(--border-radius-md);transition:all .2s ease}.cp-link-arrow:hover{background:#ffffff4d;color:var(--color-white)}.cp-link-arrow:hover i{transform:translate(4px)}.cp-link-arrow i{transition:transform .2s ease}@media (max-width: 767px){.cp-hero{padding:60px 20px 40px}.cp-hero h1{font-size:var(--font-size-3xl)}.cp-hero-text p br{display:none}.cp-hero-buttons{flex-direction:column}.cp-hero-buttons .cp-btn{width:100%}.cp-section{padding:40px 20px}.cp-problem-intro{flex-direction:column}.cp-problem-intro .cp-problem-image{width:100%;max-width:300px;margin:0 auto}.cp-problem-intro .cp-problem-image.cp-placeholder{height:150px}.cp-problem-intro p br{display:none}.cp-feature-grid{grid-template-columns:1fr}.cp-highlight-box{grid-template-columns:1fr;gap:20px}.cp-highlight-item{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1)}.cp-highlight-item:last-child{border-bottom:none}.cp-simulation-main{flex-direction:column;gap:8px}.cp-simulation-arrow{transform:rotate(90deg)}.cp-about-cards,.cp-roles-cards{grid-template-columns:1fr}.cp-step-icon{width:44px;height:44px}.cp-step-icon i{font-size:20px}.cp-faq-question{padding:16px;font-size:var(--font-size-base)}.cp-faq-answer p{padding:0 16px 16px}.cp-cta{margin:20px;padding:32px 20px;border-radius:var(--border-radius-lg)}.cp-cta-buttons{flex-direction:column}.cp-cta-buttons .cp-btn{width:100%}.cp-agitation-box p br,.cp-revenue-description p br,.cp-about-text p br,.cp-roles-intro p br,.cp-cta-inner p br{display:none}}.cp-wrapper .lp-fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.cp-wrapper .lp-fade-in.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.cp-wrapper .lp-fade-in{opacity:1;transform:none;transition:none}.cp-step-list.lp-stagger>.cp-step-item{opacity:1;transform:none;transition:none}}.coi-wrapper{width:100%}.coi-hero{background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-bg-page) 100%);padding:60px 20px 40px;text-align:center;border-bottom:none}.cafe-owner-inquiry-page .mobile-header{border-bottom:none;box-shadow:none}.coi-hero-inner{max-width:800px;margin:0 auto}.coi-hero-badge{display:inline-block;background:var(--color-secondary);color:var(--color-white);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:16px}.coi-hero h1{font-size:28px;font-weight:700;color:var(--color-primary);margin-bottom:16px}.coi-hero-subtitle{font-size:15px;color:var(--color-text-dark);line-height:1.8}.coi-section{padding:60px 20px}.coi-section-inner{max-width:900px;margin:0 auto}.coi-section-title{font-size:22px;font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:40px}.coi-type-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px}.coi-type-card{background:var(--color-bg-page);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-base);padding:24px;text-align:center}.coi-type-card h3{font-size:16px;font-weight:600;color:var(--color-primary);margin-bottom:12px}.coi-type-card p{font-size:14px;color:var(--color-text-dark);line-height:1.6}.coi-type-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px}.coi-type-icon.coi-icon-teal{background:var(--color-info-bg);color:var(--color-info-main)}.coi-type-icon.coi-icon-coral{background:var(--color-danger-bg);color:var(--color-danger-main)}.coi-login-notice{text-align:center;padding:48px 32px;background:var(--color-gray-50);border-radius:var(--border-radius-base);border:1px solid var(--color-gray-300)}.coi-notice-icon{font-size:48px;color:var(--color-secondary);margin-bottom:20px}.coi-login-notice h3{font-size:18px;font-weight:600;color:var(--color-primary);margin-bottom:12px}.coi-login-notice p{font-size:14px;color:var(--color-text-dark);margin-bottom:8px}.coi-notice-hint{font-size:13px;color:var(--color-text-secondary)}.coi-notice-buttons{margin-top:24px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.coi-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--border-radius-base);font-size:14px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s}.coi-btn-primary{background:var(--color-secondary);color:var(--color-white)}.coi-btn-primary:hover{background:var(--color-secondary-dark)}.coi-btn-secondary{background:var(--color-bg-page);color:var(--color-secondary);border:1px solid var(--color-secondary)}.coi-btn-secondary:hover{background:var(--color-gray-50)}.coi-btn-large{padding:16px 32px;font-size:16px}.coi-alert{padding:16px;border-radius:var(--border-radius-base);margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}.coi-alert i{flex-shrink:0;font-size:18px}.coi-alert ul{margin:0;padding-left:20px}.coi-alert li{margin-bottom:4px}.coi-alert li:last-child{margin-bottom:0}.coi-alert-danger{background:var(--color-danger-bg);border:1px solid var(--color-danger-main);color:var(--color-danger-main)}.coi-alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-main);color:var(--color-success-main)}.coi-form-wrapper{background:var(--color-bg-page);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-base);padding:32px}.coi-form-group{margin-bottom:24px}.coi-form-label{display:block;font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:8px}.coi-required{color:var(--color-danger-main);font-size:.857rem;font-weight:400;margin-left:4px}.coi-optional{color:var(--color-text-secondary);font-size:.857rem;font-weight:400;margin-left:4px}.coi-form-input,.coi-form-select,.coi-form-textarea{width:100%;padding:12px 16px;border:1px solid var(--color-gray-350);border-radius:var(--border-radius-base);font-size:14px;transition:border-color .3s}.coi-form-input:focus,.coi-form-select:focus,.coi-form-textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #6b7f951a}.coi-form-input.is-invalid,.coi-form-select.is-invalid,.coi-form-textarea.is-invalid{border-color:var(--color-danger-main)}.coi-form-textarea{min-height:120px;resize:vertical}.coi-form-error{display:block;color:var(--color-danger-main);font-size:13px;margin-top:4px}.coi-form-hint{font-size:.857rem;color:var(--color-text-secondary);margin-top:6px;margin-bottom:0}.coi-radio-group{display:flex;gap:24px}.coi-radio-group.coi-radio-vertical{flex-direction:column;gap:12px}.coi-radio-item{display:flex;align-items:center;gap:8px;cursor:pointer}.coi-radio-item input[type=radio]{width:18px;height:18px;accent-color:var(--color-secondary)}.coi-radio-label{font-size:14px;color:var(--color-text-dark)}.coi-form-section{margin-top:32px;padding-top:32px;border-top:1px solid var(--color-gray-200)}.coi-form-section-title{font-size:16px;font-weight:600;color:var(--color-primary);margin-bottom:24px}.coi-form-actions{margin-top:32px;text-align:center}.coi-conditional-form{transition:opacity .3s,max-height .3s}.coi-autocomplete-wrapper{position:relative}.coi-autocomplete-results{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-page);border:1px solid var(--color-gray-300);border-top:none;border-radius:0 0 2px 2px;max-height:300px;overflow-y:auto;z-index:100;display:none;box-shadow:0 4px 12px #00000026}.coi-autocomplete-results.show{display:block}.coi-autocomplete-item{padding:12px 16px;cursor:pointer;background:var(--color-bg-page);border-bottom:1px solid var(--color-gray-100)}.coi-autocomplete-item:hover{background:var(--color-gray-50)}.coi-autocomplete-item:last-child{border-bottom:none}.coi-cafe-name{font-weight:500;color:var(--color-primary)}.coi-cafe-location{font-size:.857rem;color:var(--color-text-secondary);margin-left:8px}.coi-search-loading,.coi-search-no-results,.coi-search-error{padding:16px;text-align:center;font-size:14px;color:var(--color-text-secondary)}.coi-search-error{color:var(--color-danger-main)}.coi-selected-cafes{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;min-height:0}.coi-selected-cafes:empty{display:none}.coi-cafe-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-secondary);color:var(--color-white);border-radius:16px;font-size:13px;font-weight:500}.coi-cafe-tag-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff3;border:none;border-radius:50%;color:var(--color-white);cursor:pointer;font-size:.857rem;line-height:1;padding:0;transition:background .2s}.coi-cafe-tag-remove:hover{background:#fff6}#new-cafe-entries{display:flex;flex-direction:column;gap:12px}.coi-new-cafe-entry{display:flex;align-items:center;gap:8px}.coi-new-cafe-entry .coi-form-input{flex:1}.coi-entry-remove-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-gray-100);border:1px solid var(--color-gray-350);border-radius:var(--border-radius-base);color:var(--color-text-secondary);cursor:pointer;font-size:14px;transition:all .2s;flex-shrink:0}.coi-entry-remove-btn:hover{background:var(--color-gray-300);color:var(--color-text-dark)}.coi-add-entry-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:10px 16px;background:var(--color-bg-page);border:1px dashed var(--color-secondary);border-radius:var(--border-radius-base);color:var(--color-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.coi-add-entry-btn:hover{background:var(--color-gray-50);border-style:solid}.coi-add-entry-btn i{font-size:.857rem}.coi-merit-section{background:var(--color-gray-100)}.coi-merit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.coi-merit-card{background:var(--color-bg-page);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-base);padding:24px;text-align:center}.coi-merit-card h3{font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:12px}.coi-merit-card p{font-size:13px;color:var(--color-text-dark);line-height:1.6}.coi-merit-icon{font-size:32px;color:var(--color-secondary);margin-bottom:16px}.coi-cta-box{text-align:center}.coi-cta-box p{font-size:14px;color:var(--color-text-dark)}.coi-cta-box a{color:var(--color-secondary);font-weight:600;text-decoration:none}.coi-cta-box a:hover{text-decoration:underline}.coi-external-link{color:var(--color-secondary);font-weight:600;text-decoration:underline;white-space:nowrap}.coi-external-link i{font-size:.85em;margin-left:2px}.coi-external-link:hover{color:var(--color-secondary-dark)}.coi-confirm-message{background:var(--color-info-bg);border:1px solid var(--color-info-main);padding:20px;border-radius:var(--border-radius-base);margin-bottom:24px}.coi-confirm-message p{margin:0;font-size:14px;color:var(--color-info-main);text-align:center;font-weight:500}.coi-confirm-section{border-bottom:1px solid var(--color-gray-200);padding:16px 0}.coi-confirm-section:last-of-type{border-bottom:none}.coi-confirm-label{font-weight:600;color:var(--color-primary);margin-bottom:8px;font-size:14px}.coi-confirm-value{color:var(--color-text-dark);font-size:14px;line-height:1.6}.coi-confirm-message-content{white-space:pre-wrap;word-wrap:break-word}.coi-confirm-buttons{display:flex;gap:16px;margin-top:32px;justify-content:center}.hidden{display:none!important}@media (max-width: 768px){.coi-hero{padding:40px 15px 30px}.coi-hero h1{font-size:22px}.coi-hero-subtitle{font-size:14px}.coi-hero-subtitle br{display:none}.coi-section{padding:40px 15px}.coi-type-cards{grid-template-columns:1fr;gap:16px}.coi-form-wrapper{padding:20px}.coi-radio-group{flex-direction:column;gap:12px}.coi-merit-grid{grid-template-columns:repeat(2,1fr);gap:16px}.coi-notice-buttons{flex-direction:column}.coi-notice-buttons .coi-btn{width:100%;justify-content:center}.coi-confirm-buttons{flex-direction:column-reverse}.coi-confirm-buttons .coi-btn{width:100%;justify-content:center}}@media (max-width: 480px){.coi-merit-grid{grid-template-columns:1fr}}@media (max-width: 767px){.nyanko-list-index .main-content{padding-left:0;padding-right:0}}.nyanko-list-diagnosis-banner{max-width:1200px;margin:0 auto var(--spacing-md);padding:0 var(--spacing-md)}@media (max-width: 767px){.nyanko-list-diagnosis-banner{padding:0 5px;margin-bottom:8px}}.nyanko-list-diagnosis-banner-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;color:var(--color-gray-900);transition:all var(--transition-fast)}.nyanko-list-diagnosis-banner-link:hover{border-color:var(--color-primary);background:var(--color-bg-primary)}.nyanko-list-diagnosis-banner-link>.fa-cat{font-size:var(--font-size-xl);color:var(--color-primary);flex-shrink:0}.nyanko-list-diagnosis-banner-link>.fa-chevron-right{font-size:var(--font-size-xs);color:var(--color-gray-500);flex-shrink:0;margin-left:auto}.nyanko-list-diagnosis-banner-text{display:flex;flex-direction:column;line-height:1.4}.nyanko-list-diagnosis-banner-text strong{font-size:var(--font-size-sm)}.nyanko-list-diagnosis-banner-text small{font-size:var(--font-size-xs);color:var(--color-gray-600)}.nyanko-list-search-box{max-width:1200px;margin:0 auto 20px}@media (max-width: 767px){.nyanko-list-search-box{margin-bottom:16px;border-radius:0}}.nyanko-list-filters{padding:0 10px;margin-top:16px;margin-bottom:20px}@media (min-width: 768px){.nyanko-list-filters{padding:0 20px}}.nyanko-list-content{max-width:1200px;margin:0 auto;padding:0 10px 48px;min-height:400px}@media (min-width: 768px){.nyanko-list-content{padding:0 20px 48px}}.nyanko-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 768px){.nyanko-list-grid{gap:16px}}@media (min-width: 992px){.nyanko-list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.nyanko-list-grid>*{width:100%;min-width:0}.nyanko-list-pagination{margin-top:32px}.diagnoses-page{max-width:720px;margin:0 auto;padding:0 12px var(--spacing-xl)}@media (min-width: 768px){.diagnoses-page{padding:0 16px var(--spacing-xl)}}.diagnoses-grid{display:flex;flex-direction:column;gap:24px}.diagnoses-card{display:flex;flex-direction:row;text-decoration:none;color:var(--color-text-primary)}.diagnoses-card:hover{color:var(--color-text-primary)}.diagnoses-card:active{opacity:.9}.diagnoses-card-image{flex:0 0 150px;position:relative;overflow:hidden;background:var(--color-gray-200);border-radius:16px;aspect-ratio:4/3;align-self:center}.diagnoses-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-base)}@media (min-width: 768px){.diagnoses-card-image{flex:0 0 40%;aspect-ratio:auto;align-self:stretch}}.diagnoses-card:hover .diagnoses-card-image img{transform:scale(1.03)}.diagnoses-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-gray-400);font-size:2rem}.diagnoses-card-body{flex:1;display:flex;flex-direction:column;padding:16px}@media (min-width: 768px){.diagnoses-card-body{padding:24px}}.diagnoses-card-title{font-size:18px;font-weight:700;margin-bottom:12px;padding-bottom:10px;color:var(--color-primary);border-bottom:3px solid var(--color-accent-gold);display:inline-block}@media (min-width: 768px){.diagnoses-card-title{font-size:20px}}.diagnoses-card-description{font-size:13px;color:var(--color-text-muted);margin-bottom:16px;line-height:1.6;flex:1}.diagnoses-card-btn{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;padding:10px 28px;background:var(--color-secondary);border:none;border-radius:50px;color:var(--color-white);font-size:14px;font-weight:700;transition:opacity var(--transition-fast)}.diagnoses-card-btn i{font-size:12px;transition:transform var(--transition-fast)}.diagnoses-card-btn:hover{color:var(--color-white)}.diagnoses-card:hover .diagnoses-card-btn{opacity:.85}.diagnoses-card:hover .diagnoses-card-btn i{transform:translate(4px)}.shindan-hero{position:relative;width:100%;height:200px;overflow:hidden;margin-bottom:24px;border-radius:0}.shindan-hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (min-width: 768px){.shindan-hero{height:280px;border-radius:12px}}.shindan-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%)}.shindan-hero-content{position:absolute;bottom:0;left:0;right:0;padding:20px 5%;color:var(--color-white)}.shindan-hero-content h1{font-size:22px;font-weight:700;margin:0 0 6px;text-shadow:1px 1px 4px rgba(0,0,0,.5);color:var(--color-white)}@media (min-width: 768px){.shindan-hero-content h1{font-size:26px}}.shindan-hero-content p{font-size:14px;margin:0;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.4)}@media (min-width: 768px){.shindan-hero-content p{font-size:15px}}.shindan-header{text-align:center;padding:24px 20px;margin-bottom:24px;background:var(--color-primary-pale);border-radius:16px}@media (min-width: 768px){.shindan-header{padding:32px}}.shindan-header-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-gray-100);border-radius:50%;font-size:1.5rem;color:var(--color-primary);margin-bottom:12px}.shindan-header-title{font-size:20px;font-weight:700;color:var(--color-primary);margin-bottom:0}.shindan-header-accent{width:32px;height:3px;background:var(--color-accent-gold);margin:10px auto;border-radius:2px}.shindan-header-subtitle{font-size:14px;color:var(--color-gray-600);line-height:1.6;margin:0}.shindan-container{max-width:640px;margin:0 auto;padding:20px 16px}@media (min-width: 768px){.shindan-container{padding:var(--spacing-2xl) var(--spacing-lg)}}.shindan-progress{margin-bottom:var(--spacing-xl);text-align:center}.shindan-progress-bar{width:100%;height:6px;background:var(--color-gray-200);border-radius:50px;overflow:hidden;margin-bottom:8px}.shindan-progress-fill{width:0;height:100%;background:linear-gradient(to right,var(--color-primary),var(--color-accent-gold));border-radius:50px;transition:width var(--transition-fast)}.shindan-progress-text{font-size:14px;font-weight:600;color:var(--color-gray-700)}.shindan-progress-label{color:var(--color-accent-gold);font-weight:700}.shindan-question{text-align:center;transition:transform .25s ease-out,opacity .25s ease-out}.shindan-question.slide-out-left{transform:translate(-30px);opacity:0}.shindan-question.slide-out-right{transform:translate(30px);opacity:0}.shindan-question.slide-in-right{transform:translate(30px);opacity:0;transition:none}.shindan-question.slide-in-left{transform:translate(-30px);opacity:0;transition:none}.shindan-question-number{display:block;font-size:14px;font-weight:700;color:var(--color-accent-gold);margin-bottom:8px}.shindan-question-text{font-size:20px;font-weight:700;line-height:1.6;margin-bottom:var(--spacing-xl);color:var(--color-primary)}@media (min-width: 768px){.shindan-question-text{font-size:24px}}.shindan-choices{display:flex;flex-direction:column;gap:12px;margin-bottom:var(--spacing-lg)}.shindan-choices-btn{width:100%;padding:16px 20px;border:1.5px solid var(--color-gray-250, var(--color-gray-300));border-radius:12px;background:var(--color-gray-50, var(--color-bg-primary));color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:14px}.shindan-choices-btn:hover{border-color:var(--color-primary);background:var(--color-primary-pale)}.shindan-choices-btn.is-selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white)}.shindan-choices-btn:active{transform:scale(.98)}.shindan-choices-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (hover: none){.shindan-choices-btn:hover{border-color:var(--color-gray-250, var(--color-gray-300));background:var(--color-gray-50, var(--color-bg-primary))}}.shindan-choices-label{display:block;font-weight:600}.shindan-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-gray-700);cursor:pointer;font-size:13px;padding:8px 12px}.shindan-back-btn i{font-size:11px}.shindan-back-btn:hover{color:var(--color-primary)}@media (prefers-reduced-motion: reduce){.shindan-question{transition:none}.shindan-question.slide-out-left,.shindan-question.slide-out-right,.shindan-question.slide-in-right,.shindan-question.slide-in-left{transform:none;opacity:1}.shindan-choices-btn:active{transform:none}}.shindan-result{max-width:640px;margin:0 auto;padding:20px 16px;overflow-x:hidden}@media (min-width: 768px){.shindan-result{padding:var(--spacing-2xl) var(--spacing-lg)}}.shindan-section-title{font-size:15px;font-weight:700;text-align:center;margin-bottom:16px;color:var(--color-text-primary)}.shindan-section-accent{display:block;width:32px;height:3px;background:var(--color-accent-gold);margin:8px auto 0;border-radius:2px}.shindan-result-header{text-align:center;margin-bottom:var(--spacing-xl);padding:24px 16px;background:var(--color-primary-pale);border-radius:16px}@media (min-width: 768px){.shindan-result-header{padding:32px 24px}}.shindan-stagger>*{opacity:0;transition:opacity .2s ease-out}.shindan-stagger.is-visible>*{opacity:1}.shindan-stagger.is-visible>*:nth-child(1){transition-delay:0ms}.shindan-stagger.is-visible>*:nth-child(2){transition-delay:.15s}.shindan-stagger.is-visible>*:nth-child(3){transition-delay:.3s}.shindan-stagger.is-visible>*:nth-child(4){transition-delay:.45s}@media (prefers-reduced-motion: reduce){.shindan-stagger>*{opacity:1;transition:none}}.shindan-result-accent{width:32px;height:3px;background:var(--color-accent-gold);margin:12px auto;border-radius:2px}.shindan-result-label{font-size:14px;color:var(--color-gray-600);margin-bottom:0;letter-spacing:.1em}.shindan-result-name{font-size:22px;font-weight:700;color:var(--color-primary);margin-bottom:8px;word-break:break-word}.shindan-result-name:before,.shindan-result-name:after{content:"✦";color:var(--color-accent-gold);font-size:.5em;vertical-align:middle;margin:0 6px}.shindan-result-name__suffix{font-size:.6em;font-weight:600}@media (min-width: 768px){.shindan-result-name{font-size:32px}.shindan-result-name:before,.shindan-result-name:after{margin:0 8px}}.shindan-result-catchcopy{font-size:14px;color:var(--color-accent-gold);font-style:italic}@media (min-width: 768px){.shindan-result-catchcopy{font-size:16px}}.shindan-result-body{margin-bottom:var(--spacing-xl);padding:12px 16px;border-left:4px solid var(--color-accent-gold);line-height:1.8;font-size:14px;color:var(--color-gray-900)}@media (min-width: 768px){.shindan-result-body{padding:16px 20px;font-size:15px;line-height:1.9}}.shindan-result-tags{margin-bottom:var(--spacing-xl);margin-top:calc(var(--spacing-xl) * -.3)}.shindan-result-tag-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.shindan-tag{display:inline-block;padding:6px 16px;background:var(--color-gray-200);border-radius:50px;font-size:13px;color:var(--color-text-primary);font-weight:600}.shindan-encounter{margin-bottom:var(--spacing-xl);padding:20px 12px;background:var(--color-primary-pale);border-radius:12px}@media (min-width: 768px){.shindan-encounter{padding:36px 32px;border-radius:16px}}.shindan-encounter__title{font-size:18px;font-weight:700;text-align:center;color:var(--color-primary);margin-bottom:24px}.shindan-encounter__title i{color:var(--color-accent-gold);margin-right:6px}.shindan-encounter__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 768px){.shindan-encounter__grid{grid-template-columns:repeat(4,1fr)}}.shindan-encounter__card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.shindan-encounter__card:hover .shindan-encounter__photo img{opacity:.92}.shindan-encounter__card:active{opacity:.85}.shindan-encounter__photo{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:var(--color-gray-100);box-shadow:0 2px 8px #0000000f}.shindan-encounter__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base)}.shindan-encounter__info{display:flex;flex-direction:column;align-items:center;padding:10px 4px 0;text-align:center}.shindan-encounter__name{font-size:15px;font-weight:700;color:var(--color-primary);line-height:1.3}.shindan-encounter__cafe{font-size:12px;color:var(--color-text-muted);margin-top:3px}.shindan-encounter__cafe i{font-size:10px;margin-right:3px;color:var(--color-accent-gold)}.shindan-encounter__cta{text-align:center;margin-top:24px}.shindan-result-cta{margin-bottom:var(--spacing-xl);text-align:center}.shindan-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--color-secondary);color:var(--color-white);border:none;border-radius:50px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:opacity var(--transition-fast);max-width:100%}@media (min-width: 768px){.shindan-cta-btn{padding:14px 32px;font-size:14px}}.shindan-cta-btn:hover{opacity:.85;color:var(--color-white)}.shindan-cta-arrow{font-size:12px;transition:transform var(--transition-fast)}.shindan-cta-btn:hover .shindan-cta-arrow{transform:translate(4px)}.shindan-cta-btn--register{background:var(--color-secondary)}.shindan-result-register{margin-bottom:var(--spacing-xl);text-align:center;padding:20px 16px;background:var(--color-primary-pale);border-radius:12px}@media (min-width: 768px){.shindan-result-register{padding:24px;border-radius:16px}}.shindan-result-register p{margin-bottom:12px}.shindan-result-register__nc-hint{font-size:13px;color:var(--color-accent-gold);font-weight:700}.shindan-result-register__nc-hint i{margin-right:4px}.shindan-result-retry{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media (max-width: 480px){.shindan-result-retry{flex-direction:column;align-items:center;gap:10px}}.shindan-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;color:var(--color-secondary);text-decoration:none;border:1.5px solid var(--color-secondary);border-radius:50px;font-size:13px;font-weight:600;transition:all var(--transition-fast)}.shindan-retry-btn:hover{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}@media (max-width: 480px){.shindan-retry-btn{width:100%;justify-content:center}}.shindan-notification{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;margin-bottom:var(--spacing-xl);background:var(--color-primary-pale);color:var(--color-primary);border-radius:12px;text-align:center;font-size:15px;font-weight:700;line-height:1.4;animation:shindan-notification-in .4s ease-out;transition:opacity .4s ease-out}.shindan-notification.is-hiding{opacity:0}.shindan-notification__icon{font-size:1.2em}@keyframes shindan-notification-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.shindan-notification{animation:none}}.shindan-result-cat-hero{position:relative;width:60%;max-width:240px;aspect-ratio:1/1;margin:0 auto 24px;border-radius:50%;overflow:hidden;background:var(--color-gray-100);border:4px solid var(--color-accent-gold)}.shindan-result-cat-hero img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (min-width: 768px){.shindan-result-cat-hero{width:280px;max-width:280px}}.shindan-result-type-section{margin:0 auto 24px}@media (min-width: 768px){.shindan-result-type-section{max-width:520px}}.shindan-result-type-body{padding:12px 16px;border-left:4px solid var(--color-accent-gold);line-height:1.8;color:var(--color-gray-900);font-size:14px}@media (min-width: 768px){.shindan-result-type-body{padding:16px 20px;font-size:15px;line-height:1.9}}.shindan-result-breed-section{margin:0 auto 32px}@media (min-width: 768px){.shindan-result-breed-section{max-width:520px}}.shindan-result-breed-body{padding:16px;background:var(--color-primary-pale);border-radius:12px;line-height:1.8;color:var(--color-gray-700);font-size:14px}.shindan-result-breed-body .section-more-link{margin-top:16px}@media (min-width: 768px){.shindan-result-breed-body{padding:20px}}.shindan-result-compatible{margin-bottom:32px}.shindan-result-compatible-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 480px){.shindan-result-compatible-grid{grid-template-columns:repeat(2,1fr)}}.shindan-result-compatible-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.shindan-result-compatible-card:hover img{opacity:.92}.shindan-result-compatible-image{position:relative;width:80%;max-width:100px;aspect-ratio:1/1;margin:0 auto;background:var(--color-gray-100);overflow:hidden;border-radius:50%}.shindan-result-compatible-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--transition-base)}@media (min-width: 768px){.shindan-result-compatible-image{max-width:130px}}.shindan-result-compatible-info{display:flex;flex-direction:column;padding:10px 4px;text-align:center;margin-top:6px}.shindan-result-compatible-name{font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.shindan-result-compatible-catch{font-size:12px;color:var(--color-text-muted);margin-top:4px;line-height:1.3}html[data-theme=dark] .shindan-header .shindan-header-icon{background:var(--color-gray-200)}.oshi-neko-meets-page .main-content{background-color:transparent}.onm-wrapper{max-width:100%;margin:0 auto;padding:0;--onm-font-size-lg: var(--font-size-lg);--onm-font-size-base: var(--font-size-base)}@media (max-width: 767px){.onm-wrapper{--onm-font-size-lg: 17px;--onm-font-size-base: 15px}}.onm-section-inner{max-width:800px;margin:0 auto}.onm-placeholder{background:var(--color-gray-100);border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-gray-500);font-size:var(--font-size-sm);text-align:center;padding:12px;gap:8px}.onm-placeholder i{font-size:24px;opacity:.5}.onm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:50px;font-size:var(--font-size-base);font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none}.onm-btn:hover{text-decoration:none}.onm-btn-primary{background:var(--color-secondary);color:var(--color-gray-50)}.onm-btn-primary:hover{background:var(--color-secondary-dark);color:var(--color-gray-50)}.onm-btn-secondary{background:var(--color-gray-50);color:var(--heading-color);border:1px solid var(--color-border)}.onm-btn-secondary:hover{background:var(--color-gray-100);color:var(--heading-color)}.onm-btn-secondary-light{background:#ffffff26;color:var(--color-white);border:1.5px solid rgba(255,255,255,.6)}.onm-btn-secondary-light:hover{background:#ffffff40;color:var(--color-white)}.onm-hero{background:var(--color-gray-50);padding:80px 40px 60px;border-bottom:1px solid var(--color-border)}.onm-hero-inner{max-width:700px;margin:0 auto;text-align:center}.onm-hero-badge{display:inline-block;background:var(--color-secondary-pale);color:var(--color-secondary);font-size:var(--font-size-sm);font-weight:600;padding:6px 14px;border-radius:var(--border-radius-pill);margin-bottom:20px}.onm-hero h1{font-size:var(--font-size-4xl);font-weight:700;color:var(--heading-color);line-height:1.5;margin-bottom:32px}.onm-hero-image{margin:32px auto;max-width:500px}.onm-hero-image img{width:100%;height:auto;border-radius:var(--border-radius-lg);-o-object-fit:cover;object-fit:cover}.onm-hero-text{text-align:left;margin-bottom:32px}.onm-hero-text p{color:var(--color-text-dark);font-size:var(--onm-font-size-lg);line-height:1.7;margin-bottom:16px}.onm-hero-text p:last-child{margin-bottom:0}.onm-hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.onm-section{padding:64px 40px}.onm-section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--heading-color);text-align:center;margin-bottom:32px}.onm-section-image{text-align:center;margin-bottom:4px}.onm-section-image img{max-width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.onm-section-image-note{text-align:right;font-size:.857rem;color:var(--color-gray-500);margin:4px 0 8px}.onm-about-section{background:var(--color-gray-150)}.onm-about-text{text-align:center;font-size:var(--onm-font-size-lg);color:var(--color-text-dark);line-height:1.7}.onm-features-section{background:var(--color-gray-50)}.onm-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.onm-feature-card{background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.onm-feature-card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--heading-color);margin-bottom:12px}.onm-feature-card p{font-size:var(--onm-font-size-base);color:var(--color-text-dark);line-height:1.6;margin:0}.onm-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--border-radius-lg);margin-bottom:16px}.onm-feature-icon i{font-size:24px}.onm-feature-icon.onm-icon-coral{background:#c97b7b1f;color:var(--color-stat-mauve)}.onm-feature-icon.onm-icon-teal{background:#5a9a9a1f;color:var(--color-stat-teal)}.onm-highlight-box{background:var(--color-secondary-pale);border-radius:var(--border-radius-lg);padding:24px 32px;box-shadow:var(--shadow-sm)}.onm-highlight-box p{color:var(--color-text-dark);font-size:var(--onm-font-size-lg);line-height:1.7;margin:0}.onm-highlight-box p i{color:var(--color-secondary);margin-right:8px}.onm-flow-section{background:var(--color-gray-150)}.onm-step-list{display:flex;flex-direction:column;gap:0;position:relative}.onm-step-item{display:flex;align-items:flex-start;gap:20px;background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);position:relative;margin-bottom:0}.onm-step-item:not(:last-child):after{content:"";position:absolute;left:39px;top:100%;width:2px;height:16px;background:linear-gradient(to bottom,var(--color-secondary-light),transparent)}.onm-step-item:not(:last-child){margin-bottom:16px}.onm-step-list.lp-stagger>.onm-step-item{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}.onm-step-list.lp-stagger.is-visible>.onm-step-item{opacity:1;transform:translateY(0)}.onm-step-list.lp-stagger.is-visible>.onm-step-item:nth-child(1){transition-delay:0s}.onm-step-list.lp-stagger.is-visible>.onm-step-item:nth-child(2){transition-delay:.15s}.onm-step-list.lp-stagger.is-visible>.onm-step-item:nth-child(3){transition-delay:.3s}.onm-step-list.lp-stagger.is-visible>.onm-step-item:nth-child(4){transition-delay:.45s}.onm-step-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);color:var(--color-gray-50);font-size:var(--font-size-base);font-weight:700;border-radius:50%}.onm-step-content{flex:1}.onm-step-content h3{font-size:var(--font-size-xl);font-weight:600;color:var(--heading-color);margin-bottom:8px}.onm-step-content p{font-size:var(--onm-font-size-base);color:var(--color-text-dark);line-height:1.6;margin:0}.onm-cta{background:var(--color-primary);padding:48px 32px;border-radius:var(--border-radius-xl);margin:40px;text-align:center}.onm-cta-inner{max-width:600px;margin:0 auto}.onm-cta-inner h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-white)!important;margin-bottom:16px}.onm-cta-inner p{font-size:var(--onm-font-size-lg);color:#ffffffd9!important;line-height:1.6;margin-bottom:24px}.onm-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.onm-cta-buttons .onm-btn-primary{background:#fff3;color:var(--color-white);border:1.5px solid rgba(255,255,255,.6)}.onm-cta-buttons .onm-btn-primary:hover{background:#ffffff4d;color:var(--color-white)}.onm-cta-buttons .onm-btn-secondary-light{background:#ffffff26;border-color:#fff9;color:var(--color-white)}.onm-cta-buttons .onm-btn-secondary-light:hover{background:#ffffff40;color:var(--color-white)}.onm-wrapper .lp-fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.onm-wrapper .lp-fade-in.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.onm-wrapper .lp-fade-in{opacity:1;transform:none;transition:none}.onm-step-list.lp-stagger>.onm-step-item{opacity:1;transform:none;transition:none}}@media (max-width: 767px){.onm-hero{padding:60px 20px 40px}.onm-hero h1{font-size:var(--font-size-3xl)}.onm-hero-text p br{display:none}.onm-hero-buttons{flex-direction:column}.onm-hero-buttons .onm-btn{width:100%}.onm-section{padding:40px 20px}.onm-feature-grid{grid-template-columns:1fr}.onm-cta{margin:20px;padding:32px 20px;border-radius:var(--border-radius-lg)}.onm-cta-buttons{flex-direction:column}.onm-cta-buttons .onm-btn{width:100%}.onm-about-text br,.onm-highlight-box p br,.onm-cta-inner p br{display:none}}.shop-guidelines-page .main-content{background-color:transparent}.sg-wrapper{max-width:100%;margin:0 auto;padding:0;--sg-font-size-lg: var(--font-size-lg);--sg-font-size-base: var(--font-size-base)}@media (max-width: 767px){.sg-wrapper{--sg-font-size-lg: 17px;--sg-font-size-base: 15px}}.sg-section-inner{max-width:800px;margin:0 auto}.sg-hero{background:var(--color-gray-50);padding:80px 40px 60px;border-bottom:1px solid var(--color-border)}.sg-hero-inner{max-width:700px;margin:0 auto;text-align:center}.sg-hero-badge{display:inline-block;background:var(--color-secondary-pale);color:var(--color-secondary);font-size:var(--font-size-sm);font-weight:600;padding:6px 14px;border-radius:var(--border-radius-pill);margin-bottom:20px}.sg-hero h1{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-primary);line-height:1.5;margin-bottom:24px}.sg-hero-note{text-align:left;color:var(--color-text-dark);font-size:var(--sg-font-size-base);line-height:1.7}.sg-section{padding:64px 40px}.sg-section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:32px}.sg-section p{font-size:var(--sg-font-size-base);color:var(--color-text-dark);line-height:1.7;margin-bottom:24px}.sg-section p:last-child{margin-bottom:0}.sg-revenue-section{background:var(--color-gray-150)}.sg-billing-section{background:var(--color-gray-50)}.sg-schedule-section{background:var(--color-gray-150)}.sg-minimum-section{background:var(--color-gray-50)}.sg-fee-section{background:var(--color-gray-150)}.sg-account-section{background:var(--color-gray-50)}.sg-content-section{background:var(--color-gray-150)}.sg-contact-section{background:var(--color-gray-50)}.sg-formula-box{background:var(--color-primary);border-radius:var(--border-radius-lg);padding:20px 24px;text-align:center;margin-bottom:24px}.sg-formula-box code{color:var(--color-white);font-size:var(--sg-font-size-lg);font-weight:600;letter-spacing:.5px}.sg-info-table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:var(--sg-font-size-base)}.sg-info-table th,.sg-info-table td{padding:14px 18px;border:1px solid var(--color-border);line-height:1.5}.sg-info-table th{background:var(--color-bg-page);color:var(--color-primary);font-weight:600;white-space:nowrap;width:160px}.sg-info-table td{background:var(--color-bg-page);color:var(--color-text-dark)}.sg-example-box{background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:24px;margin-bottom:24px}.sg-example-box h3{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary);margin-bottom:12px}.sg-example-box ul{list-style:none;padding:0;margin:0}.sg-example-box ul li{font-size:var(--sg-font-size-base);color:var(--color-text-dark);line-height:1.7;padding:4px 0 4px 16px;position:relative}.sg-example-box ul li:before{content:"・";position:absolute;left:0}.sg-example-box p{font-size:var(--sg-font-size-base);color:var(--color-text-dark);line-height:1.7;margin:0}.sg-example-box strong{color:var(--color-secondary)}.sg-note-box{background:var(--color-secondary-pale);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:24px 24px 24px 28px;display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.sg-note-box i{flex-shrink:0;font-size:20px;color:var(--color-secondary);margin-top:2px}.sg-note-box p{font-size:var(--sg-font-size-base);color:var(--color-text-dark);line-height:1.7;margin:0}.sg-note-list{list-style:none;padding:0;margin:0}.sg-note-list li{font-size:var(--sg-font-size-base);color:var(--color-text-dark);line-height:1.7;padding:6px 0 6px 20px;position:relative}.sg-note-list li:before{content:"・";position:absolute;left:0}.sg-contact-link{color:var(--color-secondary);text-decoration:underline;font-weight:600}.sg-contact-link:hover{color:var(--color-secondary-dark)}.sg-footer{padding:40px;text-align:center;border-top:1px solid var(--color-border);background:var(--color-gray-100)}.sg-footer p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:8px}.sg-footer p:last-child{margin-bottom:0}.sg-footer p strong{color:var(--color-text-dark)}@media (max-width: 767px){.sg-hero{padding:60px 20px 40px}.sg-hero h1{font-size:var(--font-size-3xl)}.sg-section{padding:40px 20px}.sg-info-table th{width:auto;display:block;border-bottom:none}.sg-info-table td{display:block}.sg-info-table tr{display:block;margin-bottom:8px}.sg-formula-box{padding:16px 20px}.sg-formula-box code{font-size:var(--sg-font-size-base)}.sg-note-box{flex-direction:column;gap:8px}.sg-footer{padding:32px 20px}}body.dare-nyan-page{overscroll-behavior-y:contain;overscroll-behavior:none}.dare-nyan-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:var(--color-bg-page);display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}.dare-nyan-header{display:flex;align-items:center;height:60px;padding:0 15px;background:var(--color-primary);color:var(--color-white);flex-shrink:0;z-index:10}.dare-nyan-header-close{background:none;border:none;color:var(--color-white);font-size:20px;padding:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.dare-nyan-header-logo{width:44px;height:auto;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1);flex-shrink:0;margin-right:6px}.dare-nyan-header-title{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:700;padding-right:36px}.dare-nyan-camera{flex:1;position:relative;overflow:hidden;background:#000}.dare-nyan-camera-cafe-name{position:absolute;top:12px;left:12px;padding:4px 10px;background:#00000073;color:var(--color-white);font-size:.857rem;font-weight:600;border-radius:var(--border-radius-lg);pointer-events:none}.dare-nyan-camera-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dare-nyan-capture-btn{position:absolute;bottom:32px;left:50%;transform:translate(-50%);width:72px;height:72px;border-radius:50%;background:var(--color-bg-page);border:4px solid rgba(255,255,255,.5);color:var(--color-primary);font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #0000004d}.dare-nyan-capture-btn:disabled{opacity:.6;cursor:not-allowed}.dare-nyan-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:16px}.dare-nyan-message>i{font-size:48px;color:var(--color-text-muted)}.dare-nyan-message p{font-size:16px;color:var(--color-text-secondary)}.dare-nyan-message-sub{font-size:13px!important;color:var(--color-text-muted)!important}.dare-nyan-permission-guide{text-align:left;margin:16px auto;max-width:280px}.dare-nyan-permission-steps{font-size:13px;color:var(--color-text-secondary);padding-left:20px;margin:8px 0 0;line-height:1.8}.dare-nyan-message-icon{font-size:56px!important;color:var(--color-primary)!important}.dare-nyan-message-title{font-size:22px;font-weight:700;color:var(--color-text-primary);margin:0}.dare-nyan-message-desc{font-size:14px!important;color:var(--color-text-secondary)!important;line-height:1.6;max-width:360px}.dare-nyan-message-divider{width:60px;height:1px;background-color:var(--color-border)}.dare-nyan-cafe-select{flex:1;overflow-y:auto;padding:16px}.dare-nyan-section-label{font-size:14px;font-weight:600;color:var(--color-text-muted);margin-bottom:8px;padding-left:4px}.dare-nyan-cafe-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 12px;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;font-size:15px;color:var(--color-text-primary);-webkit-tap-highlight-color:transparent}.dare-nyan-cafe-item:active{background:var(--color-bg-secondary)}.dare-nyan-cafe-distance{font-size:13px;color:var(--color-text-muted);white-space:nowrap;margin-left:12px}.dare-nyan-cafe-address{font-size:13px;color:var(--color-text-muted);margin-left:12px;text-align:right}.dare-nyan-search-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);font-size:16px;margin-bottom:8px}.dare-nyan-manual-search{margin-top:24px}.dare-nyan-no-result{padding:16px;text-align:center;color:var(--color-text-muted);font-size:14px}.dare-nyan-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.dare-nyan-captured-preview{width:200px;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-xl);border:2px solid var(--color-border)}.dare-nyan-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:dare-nyan-spin .8s linear infinite}.dare-nyan-spinner-small{width:24px;height:24px;border:2px solid rgba(0,0,0,.2);border-top-color:var(--color-primary);border-radius:50%;animation:dare-nyan-spin .8s linear infinite}@keyframes dare-nyan-spin{to{transform:rotate(360deg)}}.dare-nyan-results-screen{flex:1;position:relative;overflow:hidden}.dare-nyan-results-upper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.dare-nyan-results-retry-btn{width:auto;padding:10px 24px}.dare-nyan-results-bg-image{width:200px;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-xl);border:2px solid var(--color-border)}.dare-nyan-results-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--color-bg-page);border-radius:20px 20px 0 0;box-shadow:0 -2px 20px #0003;height:60vh;max-height:60vh;transform:translateY(100%);will-change:transform;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:pan-y;padding-bottom:env(safe-area-inset-bottom,0);display:flex;flex-direction:column}.dare-nyan-results-sheet-handle{flex-shrink:0;padding:12px 8px;text-align:center;cursor:grab;touch-action:none}.dare-nyan-results-sheet-handle:before{content:"";display:block;width:40px;height:4px;background:var(--color-border);border-radius:var(--border-radius-base);margin:0 auto}.dare-nyan-results-sheet-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 16px}.dare-nyan-results-header{display:flex;align-items:baseline;gap:8px;margin:0 0 8px}.dare-nyan-results-label{font-size:13px;font-weight:600;color:var(--color-primary);margin:0}.dare-nyan-results-hint{font-size:11px;color:var(--color-text-muted);margin:0}.dare-nyan-candidate-match{display:flex;align-items:center;gap:4px}.dare-nyan-candidate-match-label{font-size:11px;color:var(--color-text-muted)}.dare-nyan-candidate-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dare-nyan-candidate-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);cursor:pointer;text-align:left;width:100%;color:var(--color-text-primary);-webkit-tap-highlight-color:transparent;transition:background-color .15s}.dare-nyan-candidate-card:active{background:var(--color-bg-tertiary, #e9e9e9)}.dare-nyan-candidate-photo{width:100%;aspect-ratio:1;border-radius:var(--border-radius-lg);-o-object-fit:cover;object-fit:cover}.dare-nyan-candidate-name{font-size:14px;font-weight:600;color:var(--color-text-primary);text-align:center}.dare-nyan-candidate-stars{display:flex;gap:1px}.dare-nyan-candidate-stars .fa-star,.dare-nyan-candidate-stars .fa-star-half-alt{color:var(--color-accent-gold);font-size:12px}.dare-nyan-candidate-stars .far.fa-star{color:var(--color-gray-300);font-size:12px}.dare-nyan-no-match{text-align:center;padding:32px 16px}.dare-nyan-no-match i{font-size:48px;color:var(--color-text-muted);margin-bottom:12px}.dare-nyan-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%}.dare-nyan-btn:active{opacity:.8}.dare-nyan-btn-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.dare-nyan-btn--compact{display:inline-flex;width:auto;padding:8px 16px;font-size:13px;border-radius:var(--border-radius-pill)}.dare-nyan-cafe-link{margin-bottom:12px}@media (min-width: 992px){.dare-nyan-cafe-link{display:none}}.dare-nyan-info-btn-wrap{position:relative;flex-shrink:0}.dare-nyan-info-btn{background:none;border:none;color:#ffffffb3;font-size:18px;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}.dare-nyan-info-btn:active{color:var(--color-white)}.dare-nyan-info-tooltip{position:absolute;top:calc(100% + 10px);right:-6px;white-space:nowrap;background:var(--color-bg-page);color:var(--color-text-primary);font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000002e;pointer-events:none;opacity:0;animation:dare-nyan-tooltip 4.5s ease .3s forwards}.dare-nyan-info-tooltip:before{content:"";position:absolute;bottom:100%;right:12px;border:6px solid transparent;border-bottom-color:var(--color-white)}@keyframes dare-nyan-tooltip{0%{opacity:0;transform:translateY(4px)}7%{opacity:1;transform:translateY(0)}78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.dare-nyan-info-content{padding:4px 0}.dare-nyan-info-section{margin-bottom:20px}.dare-nyan-info-section h3{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--color-primary)}.dare-nyan-info-section h3 i{margin-right:6px}.dare-nyan-info-section p{font-size:14px;line-height:1.7;margin:0;color:var(--color-text-secondary, #555)}.dare-nyan-info-section ol,.dare-nyan-info-section ul{font-size:14px;line-height:1.8;padding-left:20px;margin:0;color:var(--color-text-secondary, #555)}.dare-nyan-info-section li{margin-bottom:2px}.dare-nyan-pc-qr{margin-top:16px}.dare-nyan-pc-qr canvas{border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.container{width:100%;margin:0 auto;padding:0}@media (min-width: 1024px){.container{max-width:1100px}}@media (min-width: 1400px){body{position:relative}.container{max-width:1100px}}.cafe-detail-preview>section{margin-bottom:48px}@media (max-width: 767px){.cafe-detail-preview>section{margin-bottom:32px}}.quick-info-section{padding:0 16px;max-width:1200px;margin:0 auto}.quick-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 767px){.quick-info-grid{grid-template-columns:1fr;gap:16px}}.description-section,.cafe-details-section{padding:0 16px;max-width:1200px;margin:0 auto}.cafe-details-section .section-title{font-size:24px;font-weight:700;color:var(--color-text-dark, #1F2937);margin:0 0 24px;text-align:center}@media (max-width: 767px){.cafe-details-section .section-title{font-size:20px;margin:0 0 20px}}.cafe-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 767px){.cafe-details-grid{grid-template-columns:1fr;gap:16px}}.quick-info-card{background:var(--color-gray-50);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.quick-info-card__icon{font-size:32px;color:var(--color-secondary);text-align:center}.quick-info-card__title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0;text-align:center}.quick-info-card__main-value{font-size:18px;font-weight:600;color:var(--color-text-primary);text-align:center;line-height:1.4}.quick-info-card__sub-value{font-size:14px;color:var(--color-text-muted);text-align:center;line-height:1.5}.quick-info-card__action{margin-top:8px;text-align:center}.quick-info-link{font-size:13px;color:var(--color-secondary);text-decoration:none;font-weight:500;border:none;background:none;cursor:pointer;padding:0;transition:color .2s ease}.quick-info-link:hover{color:var(--color-secondary-dark);text-decoration:underline}@media (max-width: 767px){.quick-info-card{padding:16px;border-radius:10px}.quick-info-card__icon{font-size:28px}.quick-info-card__title{font-size:15px}.quick-info-card__main-value{font-size:16px}.quick-info-card__sub-value{font-size:13px}}.cafe-description-section{background:var(--color-gray-50);border-radius:12px;padding:32px 24px;max-width:800px;margin:0 auto}@media (max-width: 767px){.cafe-description-section{padding:24px 20px;border-radius:10px}}.cafe-description-section__title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0 0 16px;text-align:center}@media (max-width: 767px){.cafe-description-section__title{font-size:18px}}.cafe-description-text{font-size:15px;line-height:1.8;color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0}@media (max-width: 767px){.cafe-description-text{font-size:14px}}.cafe-description-toggle{display:block;margin:16px auto 0}.cafe-detail-card{background:var(--color-gray-50);border-radius:12px;padding:24px}.cafe-detail-card__header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px}.cafe-detail-card__icon{font-size:20px;color:var(--color-secondary)}.cafe-detail-card__title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.cafe-detail-card__body{display:flex;flex-direction:column;gap:12px}@media (max-width: 767px){.cafe-detail-card{padding:20px;border-radius:10px}.cafe-detail-card__header{margin-bottom:16px;padding-bottom:10px}.cafe-detail-card__icon{font-size:18px}.cafe-detail-card__title{font-size:16px}.cafe-detail-card__body{gap:10px}}.cafe-info-row{display:flex;gap:12px;align-items:flex-start}.cafe-info-row__label{font-size:13px;font-weight:600;color:var(--color-text-secondary, #6B7280);min-width:100px;flex-shrink:0}.cafe-info-row__value{font-size:14px;color:var(--color-text-primary, #374151);flex:1;line-height:1.6}.cafe-info-row__value a{color:var(--color-primary, #FB8C00);text-decoration:none}.cafe-info-row__value a:hover{text-decoration:underline}.cafe-info-row__value .phone-link{color:var(--color-primary, #FB8C00);font-weight:500}.cafe-info-row__value .link{color:var(--color-primary, #FB8C00)}.badges{display:flex;flex-wrap:wrap;gap:6px}.cafe-social-links{display:flex;gap:12px;flex-wrap:wrap}.cafe-social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:18px;color:var(--color-white);text-decoration:none;transition:transform .2s ease,opacity .2s ease}.cafe-social-link:hover{transform:translateY(-2px);opacity:.9}.cafe-social-link--instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.cafe-social-link--twitter{background:#000}.cafe-social-link--facebook{background:#1877f2}.cafe-social-link--line{background:#00b900}.cafe-social-link--youtube{background:red}.cafe-social-link--tiktok{background:#000}.cafe-map-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-success-main);color:var(--color-white);font-size:14px;font-weight:500;border-radius:6px;text-decoration:none;transition:background .3s ease,transform .2s ease}.cafe-map-button:hover{background:var(--color-success-soft-hover);transform:translateY(-1px);color:var(--color-white);text-decoration:none}.cafe-map-button--block{display:flex;justify-content:center;width:100%}.cafe-map-button i{font-size:16px}@media (max-width: 767px){.cafe-info-row{flex-direction:column;gap:4px}.cafe-info-row__label{min-width:auto;font-size:.857rem}.cafe-info-row__value{font-size:13px}.cafe-social-link{width:36px;height:36px;font-size:16px}.cafe-map-button{padding:8px 16px;font-size:13px}}html[data-theme=dark]{--search-box-bg: var(--color-bg-page);--search-box-border: var(--color-gray-400)}html[data-theme=dark] .mobile-header,html[data-theme=dark] .mobile-footer-nav,html[data-theme=dark] .dare-nyan-header{background-color:var(--color-primary-dark)}html[data-theme=dark] body{background-color:var(--color-primary-dark)!important}html[data-theme=dark] body:after{background:var(--color-primary-dark)!important}html[data-theme=dark] .ad-sidebar{z-index:0!important}html[data-theme=dark] .btn-primary,html[data-theme=dark] .btn--primary:not(.sidebar__review-btn):not(.sidebar-review-btn):not(.sidebar-review-btn),html[data-theme=dark] .mypage-managed-cafe__edit-btn,html[data-theme=dark] .cafe-hero__edit .btn-edit,html[data-theme=dark] .cafe-hero-edit .btn-edit{background-color:#3d506b;border-color:#3d506b;color:var(--color-white)}html[data-theme=dark] .btn-primary:hover,html[data-theme=dark] .btn--primary:not(.sidebar__review-btn):not(.sidebar-review-btn):not(.sidebar-review-btn):hover,html[data-theme=dark] .mypage-managed-cafe__edit-btn:hover,html[data-theme=dark] .cafe-hero__edit .btn-edit:hover,html[data-theme=dark] .cafe-hero-edit .btn-edit:hover{background-color:#4a6080;border-color:#4a6080;color:var(--color-white)}html[data-theme=dark] .badge--primary,html[data-theme=dark] .badge-primary,html[data-theme=dark] .bg-primary{background-color:#3d506b!important}html[data-theme=dark] .btn--secondary:not(.btn-like):not(.btn-comment),html[data-theme=dark] .btn-secondary:not(.btn-like):not(.btn-comment){background:var(--color-gray-300)!important;border-color:var(--color-gray-300)!important;color:var(--color-gray-900)!important}html[data-theme=dark] .btn--secondary:not(.btn-like):not(.btn-comment):hover,html[data-theme=dark] .btn-secondary:not(.btn-like):not(.btn-comment):hover{background:var(--color-gray-400)!important;border-color:var(--color-gray-400)!important;color:var(--color-gray-900)!important}html[data-theme=dark] .sidebar-menu{background:var(--color-primary-dark)!important;scrollbar-color:rgba(150,170,200,.3) transparent}html[data-theme=dark] .sidebar-menu::-webkit-scrollbar-thumb{background:#96aac84d}html[data-theme=dark] .sidebar-menu::-webkit-scrollbar-thumb:hover{background:#96aac880}html[data-theme=dark] .modal-container,html[data-theme=dark] .message-modal,html[data-theme=dark] .slide-modal-container{box-shadow:0 8px 32px #00000080}html[data-theme=dark] .slide-modal-tabs{background:var(--color-gray-100)}html[data-theme=dark] .slide-modal-tab{color:var(--color-gray-550)}html[data-theme=dark] .slide-modal-tab:hover{background:var(--color-gray-150)}html[data-theme=dark] .slide-modal-tab.active{background:var(--color-gray-200);color:var(--color-gray-900);border-bottom-color:var(--color-gray-900)}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme=dark] textarea:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme=dark] select:not([type=checkbox]):not([type=radio]):not([type=range]){background-color:var(--color-gray-100);border-color:var(--color-border);color:var(--color-gray-900)}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range])::-moz-placeholder,html[data-theme=dark] textarea:not([type=checkbox]):not([type=radio]):not([type=range])::-moz-placeholder,html[data-theme=dark] select:not([type=checkbox]):not([type=radio]):not([type=range])::-moz-placeholder{color:var(--color-gray-550)}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range])::placeholder,html[data-theme=dark] textarea:not([type=checkbox]):not([type=radio]):not([type=range])::placeholder,html[data-theme=dark] select:not([type=checkbox]):not([type=radio]):not([type=range])::placeholder{color:var(--color-gray-550)}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,html[data-theme=dark] textarea:not([type=checkbox]):not([type=radio]):not([type=range]):focus,html[data-theme=dark] select:not([type=checkbox]):not([type=radio]):not([type=range]):focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #8ba0be26}html[data-theme=dark] .badge--warning,html[data-theme=dark] .badge--status-pending,html[data-theme=dark] .badge-warning,html[data-theme=dark] .status-badge.status-pending{color:#2e2a1a!important}html[data-theme=dark] .status-badge.status-pending{background:var(--badge-blue-bg)!important;color:var(--badge-blue-text)!important}html[data-theme=dark] .nc-plan-row__badge.badge-success{background:#6b9b7a!important}html[data-theme=dark] .nc-plan-row__badge.badge-warning{background:#c4a55a!important}html[data-theme=dark] .nc-plan-row__badge.badge-danger{background:#b86b6b!important}html[data-theme=dark] .nc-plan-row__badge.badge-info{background:#6b8fb8!important}html[data-theme=dark] .management-menu-card{background:#3d506b;border-color:#3d506b}html[data-theme=dark] .management-menu-card:hover{background:#4a6080;border-color:#4a6080}html[data-theme=dark] .cafe-hero__edit .btn-edit:hover,html[data-theme=dark] .cafe-hero-edit .btn-edit:hover{background-color:#4a6080!important}html[data-theme=dark] .sales-amount-display,html[data-theme=dark] .stats-compact,html[data-theme=dark] .sales-card-left{background:#6baba21f!important;border-color:#6baba240!important}html[data-theme=dark] .sales-amount-display:before,html[data-theme=dark] .sales-amount-display:after,html[data-theme=dark] .stats-compact:before,html[data-theme=dark] .stats-compact:after,html[data-theme=dark] .sales-card-left:before,html[data-theme=dark] .sales-card-left:after{background:linear-gradient(90deg,transparent 0%,rgba(107,171,162,.2) 5%,rgba(107,171,162,.4) 50%,rgba(107,171,162,.2) 95%,transparent 100%)!important}html[data-theme=dark] .stat-item-value,html[data-theme=dark] .sales-value,html[data-theme=dark] .sales-currency,html[data-theme=dark] .sales-card-amount{color:#6bc0b0!important}html[data-theme=dark] .bank-action-btn{background:var(--color-gray-150);border-color:var(--color-gray-400);color:var(--color-gray-700)}html[data-theme=dark] .bank-action-btn:hover{background:var(--color-gray-200);border-color:var(--color-gray-500);color:var(--color-gray-800)}html[data-theme=dark] .bank-action-btn-delete:hover{background:rgba(var(--color-danger-soft-rgb),.15);border-color:rgba(var(--color-danger-soft-rgb),.4)}html[data-theme=dark] .bank-account-register{border-color:var(--color-gray-300)}html[data-theme=dark] .editor-section-bg-primary{background:var(--color-gray-100)}html[data-theme=dark] .editor-section-bg-primary h3{color:var(--link-color);border-bottom-color:var(--link-color)}html[data-theme=dark] .editor-section-bg-warning{background:var(--color-gray-150)}html[data-theme=dark] .editor-section-bg-warning h3{color:var(--color-success-main);border-bottom-color:var(--color-success-main)}html[data-theme=dark] .breadcrumb{background:var(--color-bg-page)!important;box-shadow:0 1px 3px #0000004d}html[data-theme=dark] .custom-modal-content{background:var(--color-gray-100);box-shadow:0 8px 32px #00000080}html[data-theme=dark] .custom-modal-content:before{border-color:var(--color-gray-400);box-shadow:0 0 0 1px #6482aa33}html[data-theme=dark] .custom-modal-body:before{color:#c8d5e40f}html[data-theme=dark] .message-header{color:var(--color-gray-800);border-bottom-color:#c8d5e433}html[data-theme=dark] .message-amount{color:var(--color-gray-900)}html[data-theme=dark] .message-text{color:var(--color-gray-700);background:#ffffff0d}html[data-theme=dark] .btn-cancel-withdrawal{background:var(--color-gray-150);color:var(--color-gray-700);border-color:var(--color-gray-300)}html[data-theme=dark] .btn-cancel-withdrawal:hover{background:rgba(var(--color-danger-soft-rgb),.15);border-color:rgba(var(--color-danger-soft-rgb),.4)}html[data-theme=dark] .rejection-reason-btn{background:#a0c0e81f;color:var(--color-gray-600);border-color:#a0c0e84d;box-shadow:0 1px 2px #0003}html[data-theme=dark] .rejection-reason-btn:hover{background:#a0c0e833;color:var(--color-gray-700);border-color:#a0c0e866}html[data-theme=dark] .cancellation-reason-btn{background:#96a0b426;color:var(--color-gray-600);border-color:#96a0b44d}html[data-theme=dark] .cancellation-reason-btn:hover{background:#96a0b440;color:var(--color-gray-700)}html[data-theme=dark] .admin-message-popup{background:var(--color-gray-150)!important;box-shadow:0 4px 20px #00000080,0 0 0 1px #ffffff14}html[data-theme=dark] .admin-message-popup:after{border-top-color:var(--color-gray-150)!important}html[data-theme=dark] .admin-message-header{background:linear-gradient(135deg,var(--color-gray-400) 0%,var(--color-gray-350) 100%)!important;color:#fff!important}html[data-theme=dark] .admin-message-popup.cancellation-popup .admin-message-header.cancellation-header{background:linear-gradient(135deg,var(--color-gray-400) 0%,var(--color-gray-350) 100%)!important}html[data-theme=dark] .admin-message-meta{background:var(--color-gray-200)!important;color:var(--color-gray-700)!important;border-bottom-color:var(--color-gray-300)!important}html[data-theme=dark] .meta-amount{color:var(--color-gray-800)!important}html[data-theme=dark] .admin-message-body{background:var(--color-gray-150)!important;color:var(--color-gray-800)!important}html[data-theme=dark] input:-webkit-autofill,html[data-theme=dark] textarea:-webkit-autofill,html[data-theme=dark] select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-gray-100) inset;-webkit-text-fill-color:var(--color-gray-900);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}html[data-theme=dark] ::-moz-selection{background:#648cc859;color:var(--color-gray-900)}html[data-theme=dark] ::selection{background:#648cc859;color:var(--color-gray-900)}html[data-theme=dark] .search-box{background:var(--color-bg-page);border-color:var(--color-gray-400)}html[data-theme=dark] .search-tab:not(.active),html[data-theme=dark] .search-box__tab:not(.search-box__tab--active){color:var(--color-gray-700)}html[data-theme=dark] .search-tab:not(.active):hover,html[data-theme=dark] .search-box__tab:not(.search-box__tab--active):hover{background:var(--color-gray-200)}html[data-theme=dark] .search-content,html[data-theme=dark] .search-box__content{background:var(--color-bg-page)}html[data-theme=dark] #randomCafeBtn{background:var(--color-accent-gold)!important;color:var(--color-white)!important;border-color:var(--color-accent-gold)!important}html[data-theme=dark] #randomCafeBtn:hover{background:var(--color-accent-gold-dark)!important;border-color:var(--color-accent-gold-dark)!important}html[data-theme=dark] .post-detail-modal__blur-overlay{background:#000000d9}html[data-theme=dark] img[src$="default-avatar.svg"],html[data-theme=dark] img[src$="no-image.svg"]{filter:brightness(.7) contrast(1.1)}html[data-theme=dark] .error-wrapper{background:var(--color-gray-100)}html[data-theme=dark] .error-title{color:var(--color-gray-800)}html[data-theme=dark] .error-tips{background:var(--color-gray-150)}html[data-theme=dark] .error-tips h3{color:var(--color-gray-800)}html[data-theme=dark] .error-actions .btn-primary{background:var(--color-gray-800);color:var(--color-white);border-color:var(--color-gray-800)}html[data-theme=dark] .error-actions .btn-primary:hover{background:var(--color-gray-700);border-color:var(--color-gray-700)}html[data-theme=dark] .error-actions .btn-secondary{background:var(--color-gray-100);color:var(--color-gray-800);border-color:var(--color-border)}html[data-theme=dark] .error-actions .btn-secondary:hover{background:var(--color-gray-150);border-color:var(--color-gray-400)}.grecaptcha-badge{visibility:hidden}