@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap";:root{--tepi-halaman: clamp(16px, 2.2vw, 56px);--brand: #fc4c02;--brand-darker: #bf3901;--brand-light: #fff3ee;--brand-tint: #fff4ec;--gold: #8f6708;--gold-ink: #7a5a08;--gold-tint: #fdf6e3;--info: #1d6fd4;--info-ink: #17549f;--info-tint: #eaf2fd;--bg: #f7f7f7;--surface: #ffffff;--surface-alt: #f8f8f8;--gray-disabled: #e6e9f0;--fg: #2d2d2d;--fg-2: #333333;--fg-muted: #565252;--fg-muted-2: #606060;--fg-3: #676767;--fg-soft: #808080;--fg-placeholder: #a2a2a2;--border: #d1d3d4;--thread-line: #7d848a;--poll-fill: color-mix(in srgb, var(--brand) 38%, var(--surface));--poll-fill-lead: color-mix(in srgb, var(--brand) 62%, var(--surface));--border-dark: #c0c0c0;--border-light: rgba(0, 0, 0, .1);--border-lighter: #dadada;--border-gray: #d0d0d0;--skeleton: #d9d9d9;--status-sold-out: #414042;--status-pre-order: #657996;--status-back-order: #996291;--status-late-po: #d3647a;--status-ready: #41b774;--status-showcase: #5fc7c9;--status-wipeout: #7209b7;--status-discount: #ff0000;--tint-plan: color-mix(in srgb, var(--status-pre-order) 14%, transparent);--tint-watching: color-mix(in srgb, var(--status-ready) 14%, transparent);--tint-completed: color-mix(in srgb, var(--status-showcase) 14%, transparent);--tint-liked: color-mix(in srgb, var(--status-discount) 12%, transparent);--tint-scored: color-mix(in srgb, var(--brand) 14%, transparent);--tint-drop: color-mix(in srgb, var(--fg-soft) 14%, transparent);--ink-plan: #3f5474;--ink-watching: #1b7a45;--ink-completed: #22797b;--ink-liked: #c81e1e;--ink-scored: #9a3d0c;--status-restock: #fc4c02;--accent-sky: #8cd5f6;--accent-yellow: #f8981d;--shadow-surface: 0px 0px 10px 0px rgba(170, 169, 169, .25);--shadow-surface-strong: 0px 0px 4px 0px rgba(0, 0, 0, .25);--shadow-navbar: 0 2px 4px 0 rgba(0, 0, 0, .2);--shadow-card: 0 0 4px 0 rgba(14, 14, 14, .1);--shadow-lift: 0 10px 26px rgba(20, 20, 20, .1);--shadow-lift-strong: 0 18px 44px rgba(20, 20, 20, .16);--shadow-dropdown: 0 0 10px rgba(0, 0, 0, .15);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-2xl: 28px;--radius-pill: 9999px;--shelf-control: 30px;--ease-ios: cubic-bezier(.25, .1, .25, 1);--ease-ios-spring: cubic-bezier(.36, .66, .04, 1);--duration-fast: .15s;--duration: .2s;--duration-slow: .25s;--navbar-h: 64px;--navbar-h-mobile: 56px;--container-max: 1195px;--wadah-channel: 1136px;--kolom-utama: 860px;--font-sans: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-rounded: "M PLUS Rounded 1c", "Nunito", system-ui, sans-serif;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-display: clamp(32px, 4vw, 48px);--weight-regular: 400;--weight-medium: 600;--weight-bold: 700;--weight-extra: 800;--weight-black: 900;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.5px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--section-gap: var(--space-8)}:root[data-theme=dark]{--ink-plan: #a8bcd9;--ink-watching: #6fd39b;--ink-completed: #7fdcde;--ink-liked: #ff8f8f;--ink-scored: #ffb079;--brand: #ff6a1f;--brand-darker: #fc4c02;--gold: #d9ad3f;--gold-ink: #f0cd77;--gold-tint: #2a2210;--info: #4d9bff;--info-ink: #8dbeff;--info-tint: #12213a;--brand-light: #2b1409;--brand-tint: #241105;--bg: #0c0d10;--surface: #16181d;--surface-alt: #1c1f26;--gray-disabled: #262a33;--fg: #eef0f3;--fg-2: #e3e6ea;--fg-muted: #b4bac4;--fg-muted-2: #939aa5;--fg-3: #8b929d;--fg-soft: #7c8390;--fg-placeholder: #666d78;--border: #2b2f38;--thread-line: #70707c;--poll-fill: color-mix(in srgb, var(--brand) 42%, var(--surface));--poll-fill-lead: color-mix(in srgb, var(--brand) 68%, var(--surface));--border-dark: #3a3f4a;--border-light: rgba(255, 255, 255, .08);--border-lighter: #23262e;--border-gray: #333844;--skeleton: #23262e;--shadow-surface: 0 0 10px 0 rgba(0, 0, 0, .55);--shadow-surface-strong: 0 0 4px 0 rgba(0, 0, 0, .7);--shadow-lift: 0 10px 26px rgba(0, 0, 0, .55);--shadow-lift-strong: 0 18px 44px rgba(0, 0, 0, .7);--shadow-navbar: 0 2px 4px 0 rgba(0, 0, 0, .6);--shadow-card: 0 0 4px 0 rgba(0, 0, 0, .5);--shadow-dropdown: 0 0 10px rgba(0, 0, 0, .6)}:root[data-theme=dark] .side-fab{--brand: #fc4c02;--brand-darker: #bf3901}:root[data-theme=dark] .hero-bubble-btn{box-shadow:0 0 14px #ff6a1f66}:root[data-theme=dark] .hero-score:hover{box-shadow:0 0 12px #ff6a1f73}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);letter-spacing:var(--tracking-tight);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,select,textarea{font-family:inherit}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.kyou-h1{font-weight:var(--weight-extra);font-size:var(--text-3xl);color:var(--fg);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.kyou-h2{font-weight:var(--weight-extra);font-size:var(--text-2xl);color:var(--fg);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);margin:0}.kyou-h3{font-weight:var(--weight-bold);font-size:var(--text-xl);color:var(--fg);line-height:var(--leading-snug);margin:0}.kyou-product-name{font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--fg);line-height:var(--leading-normal)}.kyou-meta{font-size:var(--text-sm);color:var(--fg-muted-2)}.kyou-caption{font-size:var(--text-sm);color:var(--fg-soft)}.tnum{font-variant-numeric:tabular-nums}.kyou-status{font-weight:var(--weight-bold);font-size:var(--text-xs);color:#fff;padding:4px 7px;border-radius:var(--radius-xs);white-space:nowrap;display:inline-block}.kyou-btn{font-weight:var(--weight-bold);font-size:var(--text-base);border-radius:var(--radius-xs);border:1px solid transparent;padding:10px 16px;cursor:pointer;transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios);display:inline-flex;align-items:center;gap:6px}.kyou-btn--primary{background:var(--brand);color:#fff;border-color:var(--brand)}.kyou-btn--primary:hover{background:var(--brand-darker);border-color:var(--brand-darker)}.kyou-btn--ghost:hover{background:var(--brand-light)}.kyou-btn--muted{background:var(--surface-alt);color:var(--fg);border-color:var(--border)}.kyou-btn--muted:hover{color:var(--brand);border-color:var(--brand)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:var(--tepi-halaman)}@media(min-width:1440px){:root{--container-max: 2200px;--kolom-profil: 2200px;--wadah-channel: 2200px;--kolom-utama: 2200px}.container,.channel-content-wrap{width:100%}}@media(max-width:580px){.container{width:95%}}.navbar{position:sticky;top:0;z-index:100;background:var(--surface);box-shadow:var(--shadow-navbar);height:var(--navbar-h)}@media(max-width:580px){.navbar{height:var(--navbar-h-mobile)}}.navbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-left{display:flex;align-items:center;gap:16px}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.navbar-title span{color:var(--brand)}.navbar-nav{display:flex;align-items:center;gap:var(--space-5);position:relative}.navbar-navlink{position:relative;padding:var(--space-2) 0;color:var(--fg-muted-2);font-size:var(--text-sm);font-weight:var(--weight-bold);text-decoration:none;white-space:nowrap;transition:color var(--duration) var(--ease-ios)}.navbar-navlink:hover{color:var(--fg);text-decoration:none}.navbar-navlink.is-on{color:var(--fg)}.garis-aktif{position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--brand);border-radius:var(--radius-pill);opacity:0;pointer-events:none;transition:transform var(--duration-slow, .26s) var(--ease-ios),width var(--duration-slow, .26s) var(--ease-ios),opacity var(--duration) var(--ease-ios)}.garis-aktif.is-tampak{opacity:1}.garis-aktif:not(.is-tampak){transition:opacity var(--duration) var(--ease-ios)}@media(prefers-reduced-motion:reduce){.garis-aktif{transition:opacity var(--duration) var(--ease-ios)}}.navbar-navlink:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:3px}@media(max-width:580px){.navbar-nav{gap:var(--space-4)}}.page-head p{margin:4px 0 0}.search-wrap{position:relative}.search-box{display:flex;align-items:stretch;width:220px;transition:width var(--duration) var(--ease-ios)}.search-box:focus-within{width:260px}.search-input-wrap{position:relative;flex:1;min-width:0}.search-input-el{width:100%;height:36px;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);outline:none;font-family:inherit;font-size:var(--text-sm);color:var(--fg);padding:0 30px 0 34px;transition:border-color var(--duration) var(--ease-ios)}.search-input-wrap>.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--fg-placeholder);pointer-events:none}.search-input-wrap:focus-within>.search-icon{color:var(--brand)}.search-input-el:focus{border-color:var(--brand)}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--fg-placeholder);padding:3px;display:none;border-radius:var(--radius-pill)}.search-clear:hover{color:var(--fg);background:var(--border-lighter)}.search-clear svg{width:13px;height:13px}.search-clear.show{display:flex}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media(min-width:881px){body:has(.channel-trending .rail-search) .navbar .search-wrap{display:none}}.search-box svg.search-icon{width:15px;height:15px;flex-shrink:0}@media(max-width:700px){.search-box{width:40px}.search-box:focus-within{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(74vw,300px);z-index:30}.search-input-el{padding-right:8px;text-overflow:clip}.search-box:focus-within .search-input-el{padding-right:30px}}.search-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;width:320px;max-width:85vw;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:250;max-height:380px;overflow-y:auto}.search-dropdown.open{display:block}.search-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-lighter);border-top-color:#fc4c02;flex-shrink:0;animation:search-spin .7s linear infinite}@keyframes search-spin{to{transform:rotate(360deg)}}.kyou-spinner-row{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.kyou-spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--border-lighter);border-top-color:#fc4c02;animation:search-spin .7s linear infinite}.kyou-spinner-label{font-size:var(--text-sm);color:var(--fg-soft)}@media(prefers-reduced-motion:reduce){.kyou-spinner{animation-duration:1.6s}}.search-result-row{display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;transition:background var(--duration) var(--ease-ios)}.search-result-row:hover{background:var(--surface-alt)}.search-result-poster{width:32px;height:44px;border-radius:var(--radius-xs);flex-shrink:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:var(--text-xs)}.search-result-poster img{width:100%;height:100%;object-fit:cover}.search-result-info{min-width:0;flex:1}.search-result-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-meta{font-size:var(--text-xs);color:var(--fg-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-empty{padding:20px 14px;text-align:center;color:var(--fg-soft);font-size:var(--text-sm)}.navbar-right{display:flex;align-items:center;gap:14px}.notif-wrap{position:relative}.notif-bell{position:relative;background:none;border:none;cursor:pointer;padding:6px;color:var(--fg-soft);display:flex;transition:color var(--duration) var(--ease-ios)}.notif-bell:hover{color:var(--fg)}.navbar-shop:hover{color:var(--brand)}.navbar-shop svg{width:25px;height:25px}.notif-bell.has-notif{color:#fc4c02}.notif-bell svg{width:25px;height:25px}.notif-badge{position:absolute;top:2px;right:2px;background:#fc4c02;color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-black);min-width:16px;height:16px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:0 0 0 2px var(--surface)}.navbar-divider{width:1px;height:28px;background:var(--border)}.account-btn{position:relative;background:none;border:none;cursor:pointer;padding:6px;color:var(--fg-soft);display:flex;transition:color var(--duration) var(--ease-ios)}.account-btn:hover{color:var(--fg)}.account-btn svg{width:25px;height:25px}.account-btn.has-photo{padding:0}.account-btn.has-photo img{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 2px var(--border);transition:box-shadow var(--duration) var(--ease-ios)}.account-btn.has-photo:hover img{box-shadow:0 0 0 2px var(--brand)}@keyframes bell-shake{0%,to{transform:rotate(0)}15%{transform:rotate(-16deg)}30%{transform:rotate(14deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}90%{transform:rotate(2deg)}}.notif-bell.bell-ring svg{animation:bell-shake .65s ease-in-out;transform-origin:top center}@keyframes bell-wave-ring{0%{transform:scale(.6);opacity:.8}to{transform:scale(2.4);opacity:0}}.bell-wave.playing{animation:bell-wave-ring .7s ease-out}.bell-wave.playing.delay2{animation-delay:.15s}.notif-dropdown{display:none;position:absolute;top:calc(100% + 10px);right:0;width:300px;max-width:80vw;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:250;overflow:hidden}.notif-dropdown.open{display:block}.notif-dropdown-head{padding:12px 14px;font-weight:var(--weight-extra);font-size:var(--text-sm);color:var(--fg);border-bottom:1px solid var(--border-lighter)}.notif-dropdown-body{max-height:280px;overflow-y:auto}.notif-row{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;cursor:pointer;transition:background var(--duration) var(--ease-ios);border-bottom:1px solid var(--border-lighter)}.notif-row:last-child{border-bottom:none}.notif-row:hover{background:var(--surface-alt)}.notif-row .char-avatar{width:30px;height:30px;font-size:var(--text-xs);flex-shrink:0}.notif-row-text{font-size:var(--text-sm);color:var(--fg);line-height:var(--leading-snug)}.hero{position:relative;background:linear-gradient(135deg,#FC4C02 0%,#FC4C02 62%,var(--brand-darker) 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(#FFC600 2px,transparent 2px);background-size:26px 26px;opacity:.22}.hero .container{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:0}@media(min-width:1440px){.hero .container{padding-inline:var(--tepi-halaman)}}.hero-text{max-width:560px;padding:30px 0;align-self:center}.hero-text .kyou-h1{color:#fff;font-family:var(--font-rounded);text-transform:uppercase;letter-spacing:.5px}.hero-text .kyou-meta{color:#2d2d2d;background:#ffffffeb;display:inline-block;padding:4px 10px;border-radius:var(--radius-xs);margin-top:8px}.hero-mascot{flex-shrink:0;height:100%;width:auto;display:block;object-fit:contain;transform-origin:bottom center;animation:mascot-breathe 4.5s ease-in-out infinite}@keyframes mascot-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}.hero-figure:hover .hero-mascot{animation:mascot-wave .7s ease-in-out}@keyframes mascot-wave{0%,to{transform:rotate(0)}25%{transform:rotate(1.6deg)}75%{transform:rotate(-1.6deg)}}@media(max-width:700px){.hero-text{max-width:100%;padding:20px 0}}@media(max-width:480px){.hero-mascot{display:none}}.hero-figure{display:flex;align-items:center;gap:10px;flex-shrink:0}@keyframes kyou-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-bubble{position:relative;align-self:center;max-width:300px;padding:14px 16px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);animation:kyou-rise .2s ease both}.hero-bubble:after{content:"";position:absolute;right:-9px;top:50%;transform:translateY(-50%);border:9px solid transparent;border-right:0;border-left-color:#fff}.hero-bubble-text{margin:0;font-family:var(--font-rounded);font-size:var(--text-base);color:#2d2d2d;line-height:1.5;overflow-wrap:anywhere}.hero-bubble-text strong{font-weight:var(--weight-bold);color:var(--brand-darker)}.hero-bubble-greeting{margin:0 0 4px;font-family:var(--font-rounded);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand)}.hero-bubble-btn{margin-top:10px;padding:7px 14px;border:0;border-radius:var(--radius-xs);background:var(--brand);color:#fff;font-family:var(--font-rounded);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:background .2s ease}.hero-bubble-btn:hover{background:var(--brand-darker)}.hero-score-row{display:flex;flex-wrap:wrap;gap:3px;margin-top:10px;animation:kyou-rise .2s ease both}.hero-score{width:24px;height:24px;padding:0;border:1px solid #d1d3d4;border-radius:var(--radius-xs);background:#f8f8f8;color:#565252;font-family:var(--font-rounded);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.hero-score:hover{background:var(--brand);border-color:var(--brand);color:#fff}.hero-score:active{background:var(--brand-darker);border-color:var(--brand-darker)}@media(max-width:480px){.hero .container{flex-wrap:wrap}.hero-figure{width:100%}.hero-bubble{max-width:100%;width:100%;margin-bottom:18px}.hero-bubble:after{display:none}}@media(prefers-reduced-motion:reduce){.hero-score,.hero-bubble-btn{transition:none}.hero-bubble,.hero-score-row,.hero-mascot,.hero-figure:hover .hero-mascot{animation:none}}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border-lighter);border:1px solid var(--border-lighter);border-radius:var(--radius-md);overflow:hidden;margin:18px 0 4px}@media(max-width:700px){.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:701px){.stats-strip>:last-child{padding-right:172px}}.stat-cell{background:var(--surface);padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}.stat-cell--click{cursor:pointer;transition:background var(--duration) var(--ease-ios)}.stat-cell--click:hover{background:var(--brand-tint)}.stat-cell--click:hover .stat-value.accent{text-decoration:underline}.stat-cell--click:active{background:var(--brand-light)}.side-fab-stack{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;align-items:stretch}.side-fab{display:flex;align-items:center;gap:8px;background:var(--brand);color:#fff;font-family:var(--font-rounded);font-weight:var(--weight-extra);font-size:13px;border:none;cursor:pointer;padding:13px 15px 13px 18px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:var(--shadow-dropdown);transition:padding-right var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios),transform var(--duration-fast) var(--ease-ios-spring)}.side-fab:hover{background:var(--brand-darker);padding-right:18px}.side-fab:active{transform:scale(.93)}.side-fab svg{width:20px;height:20px;flex-shrink:0}.side-fab .wf-count{background:#fff;color:var(--brand-darker);font-size:var(--text-2xs);font-weight:var(--weight-black);min-width:18px;height:18px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:0 4px}.side-fab .live-dot{width:7px;height:7px;border-radius:50%;background:#7cff6b;box-shadow:0 0 #7cff6b99;animation:live-pulse 1.6s infinite}@keyframes live-pulse{0%{box-shadow:0 0 #7cff6b99}70%{box-shadow:0 0 0 6px #7cff6b00}to{box-shadow:0 0 #7cff6b00}}@media(max-width:700px){.side-fab-stack{gap:8px;top:auto;bottom:16px;transform:none}.side-fab{position:relative;width:42px;height:42px;padding:0;justify-content:center;gap:0;border-radius:var(--radius-md) 0 0 var(--radius-md)}.side-fab:hover{padding-right:0}.side-fab>span:not([class]){display:none}.side-fab svg{width:19px;height:19px}.side-fab .wf-count{position:absolute;top:3px;left:3px;min-width:15px;height:15px;font-size:9px}.side-fab .live-dot{position:absolute;top:6px;right:7px}}.drawer-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:300}.drawer-backdrop.open{display:block;animation:drawer-fade var(--duration-slow) var(--ease-ios)}.drawer-panel{position:fixed;top:0;right:0;height:100%;width:480px;max-width:94vw;background:var(--surface);z-index:301;box-shadow:-4px 0 24px #00000038;display:flex;flex-direction:column;border-radius:var(--radius-2xl) 0 0 var(--radius-2xl);overflow:hidden;transform:translate(100%);transition:transform var(--duration-slow) var(--ease-ios)}.drawer-backdrop.open .drawer-panel{transform:translate(0);animation:drawer-slide var(--duration-slow) var(--ease-ios-spring)}#profil-drawer .drawer-panel{width:560px}.drawer-panel--wide{width:min(1180px,96vw)}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-lighter);flex-shrink:0}.drawer-close{background:none;border:none;cursor:pointer;color:var(--fg-soft);padding:4px;display:flex}.drawer-close:hover{color:var(--fg)}.drawer-close svg{width:20px;height:20px}.drawer-body{flex:1;overflow-y:auto;padding:8px 18px 20px;scrollbar-width:none;-ms-overflow-style:none}.drawer-body::-webkit-scrollbar{width:0;height:0}.drawer-item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--duration) var(--ease-ios)}.drawer-item:hover{background:var(--surface-alt)}.drawer-item-info{min-width:0;flex:1}.drawer-item-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-pill{display:inline-flex;align-items:center;font-size:10px;font-weight:var(--weight-bold);line-height:1.3;padding:2px 7px;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--fg-muted-2);background:var(--surface-alt)}.drawer-pill[data-val=plan]{background:var(--tint-plan);border-color:var(--status-pre-order);color:var(--ink-plan)}.drawer-pill[data-val=watching]{background:var(--tint-watching);border-color:var(--status-ready);color:var(--ink-watching)}.drawer-pill[data-val=completed]{background:var(--tint-completed);border-color:var(--status-showcase);color:var(--ink-completed)}.drawer-pill[data-val=drop]{background:var(--tint-drop);border-color:var(--fg-soft);color:var(--fg-muted-2)}.drawer-pill--liked{background:var(--tint-liked);border-color:var(--status-discount);color:var(--ink-liked)}.stat-cell .stat-value{font-weight:var(--weight-extra);font-size:var(--text-xl);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-cell .stat-label{font-size:var(--text-xs);color:var(--fg-soft);font-weight:var(--weight-bold)}.stat-cell .stat-value.accent{color:var(--brand)}.schedule-board{display:flex;gap:12px;margin:10px 0 24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding-top:12px;overscroll-behavior-x:contain;transform:rotateX(180deg)}.schedule-board::-webkit-scrollbar{height:10px}.schedule-board::-webkit-scrollbar-track{background:var(--surface-alt);border-radius:999px}.schedule-board::-webkit-scrollbar-thumb{background:#8c8c8c;border-radius:999px}.schedule-board::-webkit-scrollbar-thumb:hover{background:var(--brand)}.schedule-day{transform:rotateX(180deg);background:var(--surface);border:1px solid #8c8c8c;border-radius:var(--radius-md);padding:14px;flex:0 0 268px;scroll-snap-align:start}.schedule-day.is-today{border-color:var(--brand)}.schedule-day-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.schedule-day-name{font-weight:var(--weight-extra);font-size:var(--text-sm);color:var(--fg)}.schedule-day.is-today .schedule-day-name{color:var(--brand)}.schedule-empty{padding:6px 0}.schedule-list{display:flex;flex-direction:column;gap:4px}.schedule-row{display:flex;align-items:center;gap:10px;width:100%;min-width:0;background:none;border:none;padding:6px 4px;cursor:pointer;text-align:left;border-radius:var(--radius-xs);transition:background var(--duration) var(--ease-ios)}.schedule-row:hover{background:var(--surface-alt)}.schedule-time{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-soft);width:38px;flex-shrink:0}.schedule-poster{width:48px;height:68px;border-radius:var(--radius-xs);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--skeleton);font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:13px}.schedule-poster img{width:100%;height:100%;object-fit:cover}.schedule-title{font-size:var(--text-sm);color:var(--fg);min-width:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.acct{display:flex;flex-direction:column;gap:10px}.acct-card{border:1px solid var(--border-lighter);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:6px}.acct-head{display:flex;align-items:center;gap:8px}.acct-name{font-weight:var(--weight-extra);font-size:var(--text-sm);color:var(--fg)}.acct-badge{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--status-ready);background:var(--surface-alt);border-radius:var(--radius-pill);padding:2px 8px}.acct-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.acct-input{flex:1;min-width:0;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);font-size:var(--text-sm);outline:none}.acct-input:focus{border-color:var(--brand)}.acct-unlink{background:none;border:none;cursor:pointer;padding:4px 2px;font-size:var(--text-sm);color:var(--fg-soft)}.acct-unlink:hover{color:var(--status-discount)}.acct-msg{font-size:var(--text-sm);padding:8px 10px;border-radius:var(--radius-xs);background:var(--surface-alt);color:var(--fg)}.acct-msg--err{color:var(--status-discount)}.acct-badge--partial{color:var(--accent-yellow)}.acct-linked{font-size:var(--text-xs);color:var(--fg-muted-2);line-height:1.45;background:var(--surface-alt);border-radius:var(--radius-xs);padding:8px 10px}.acct-note{margin:2px 0 0}.provider-mark{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:16px;padding:0 5px;border-radius:4px;font-size:9px;font-weight:var(--weight-black);letter-spacing:.3px;color:#fff;flex-shrink:0}.provider-mark--mal{background:#2e51a2}.provider-mark--anilist{background:#02a9ff}.drawer-tabs{display:flex}.drawer-tabs button{flex:1;text-align:center;font-size:11px;padding:7px 4px}.drawer-panel-tab.active{display:block}.profile-head{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 4px 16px;text-align:center}.profile-name{font-weight:var(--weight-extra);font-size:var(--text-base);color:var(--fg)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-lighter);border:1px solid var(--border-lighter);border-radius:var(--radius-md);overflow:hidden;margin-bottom:14px}.profile-stat{background:var(--surface);padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:2px}.profile-tabs{margin-bottom:10px}.activity-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(#FFC600 1.5px,transparent 1.5px);background-size:18px 18px;opacity:.22}.activity-banner-avatar svg{width:32px;height:32px;color:#9a9a9a}.activity-row:hover{background:var(--surface-alt)}.activity-icon svg{width:15px;height:15px}.profile-logout-btn svg{width:12px;height:12px;flex-shrink:0}.profile-logout-btn:hover{background:#ffffff4d}.profile-fav-poster .mono{font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:28px;opacity:.35}.profile-fav-item:hover .poster-visual{transform:scale(1.08)}.profile-back-btn{background:none;border:none;color:var(--brand);font-weight:var(--weight-bold);font-size:var(--text-sm);cursor:pointer;padding:4px 0;margin-bottom:8px;font-family:inherit}.profile-back-btn:hover{text-decoration:underline}.account-connect-chip.connected{border-color:var(--status-ready);background:var(--tint-watching)}.account-connect-icon svg{width:100%;height:100%}.account-connect-chip.connected .account-connect-state{color:var(--status-ready)}.drawer-item.is-person{cursor:pointer;gap:14px;padding:12px 10px;border-radius:var(--radius-sm);transition:background var(--duration) var(--ease-ios)}.drawer-item.is-person:hover{background:var(--surface-alt)}.drawer-item.is-person .drawer-item-title{font-size:var(--text-md)}.follow-btn:hover{background:var(--brand-darker);border-color:var(--brand-darker)}.follow-btn:active{transform:scale(.97)}.follow-btn.is-following{color:var(--brand);background:transparent}.follow-btn.is-following:hover{color:var(--status-discount);border-color:var(--status-discount);background:var(--tint-liked)}.ranking-head-note{font-size:var(--text-xs);color:var(--fg-soft);background:var(--surface-alt);border-radius:var(--radius-xs);padding:8px 10px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.ranking-head-note .live-dot{width:6px;height:6px;border-radius:50%;background:#2fbf4f;flex-shrink:0;animation:live-pulse 1.6s infinite}.rank-row{position:relative;display:flex;align-items:center;gap:14px;padding:12px 14px 12px 72px;border-radius:var(--radius-md);margin-bottom:10px;cursor:pointer;background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden;transition:transform var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.rank-row:hover{box-shadow:var(--shadow-dropdown)}.rank-row:active{transform:scale(.99)}.rank-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;z-index:1;pointer-events:none;background:var(--brand);border-radius:var(--radius-md) 0 0 var(--radius-md);transition:width var(--duration) var(--ease-ios)}.rank-row:nth-child(-n+3):before{background:linear-gradient(180deg,#ffc600,#fc4c02)}.rank-row:hover:before{width:6px}.rank-num{position:absolute;left:-6px;top:50%;width:74px;z-index:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-rounded);font-style:italic;font-weight:var(--weight-black);font-size:66px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--border-dark);transform:translateY(-50%);transition:transform .38s var(--ease-ios-spring),-webkit-text-stroke var(--duration) var(--ease-ios);pointer-events:none}.rank-num:after{content:attr(data-rank);position:absolute;top:50%;left:56%;font-size:var(--text-md);font-style:italic;color:var(--fg);-webkit-text-stroke:0;text-shadow:1px 0 0 var(--surface),-1px 0 0 var(--surface),0 1px 0 var(--surface),0 -1px 0 var(--surface),1px 1px 0 var(--surface),-1px -1px 0 var(--surface),1px -1px 0 var(--surface),-1px 1px 0 var(--surface);transform:translate(-50%,-50%);transition:transform .48s var(--ease-ios-spring) 40ms,color var(--duration) var(--ease-ios)}.rank-row:hover .rank-num{transform:translateY(-50%) scale(1.08);-webkit-text-stroke:2.5px rgba(252,76,2,.45)}.rank-row:hover .rank-num:after{transform:translate(-50%,-50%) translate(3px,-5px) scale(1.08);color:var(--brand)}.rank-row:nth-child(-n+3):hover .rank-num{color:var(--surface);-webkit-text-stroke:2.5px transparent;background-image:linear-gradient(135deg,#ffc60080,#fc4c0280);-webkit-background-clip:text;background-clip:text}.rank-row:nth-child(-n+3):hover .rank-num:after{color:#f08a02}.rank-poster{position:relative;z-index:1;flex-shrink:0;width:62px;height:86px;border-radius:var(--radius-sm);overflow:hidden;background:#333;box-shadow:0 1px 4px #00000024}.rank-poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rank-row .char-avatar{z-index:1}.rank-info{position:relative;z-index:1;min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.rank-title{color:var(--fg);font-weight:var(--weight-bold);font-size:var(--text-sm);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-pct{font-size:var(--text-xs);color:var(--fg-soft);font-weight:var(--weight-bold)}.rank-delta{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;gap:2px;font-size:var(--text-sm);font-weight:var(--weight-black)}.rank-delta.up{color:var(--status-ready)}.rank-delta.down{color:var(--status-discount)}.rank-delta.same{color:var(--fg-soft)}.rank-delta svg{width:11px;height:11px}.channel-composer-modal-box.is-dropping,.char-modal-box.shelf-form.is-dropping{outline:2px dashed var(--brand);outline-offset:-6px}.channel-composer-modal-box.is-dropping:after,.char-modal-box.shelf-form.is-dropping:after{content:"Lepas untuk menambahkan foto";position:absolute;inset:auto 0 0 0;padding:10px;text-align:center;font-size:var(--text-sm);font-weight:600;color:#fff;background:var(--brand)}.channel-post-photos{display:grid;gap:4px;margin-top:var(--space-3)}.channel-post-photos--1{grid-template-columns:1fr}.channel-post-photos--2,.channel-post-photos--4{grid-template-columns:1fr 1fr}.channel-post-photos--3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.channel-post-photos--3>:first-child{grid-row:span 2}.channel-post-photos video.channel-post-image{display:block;background:#000}.channel-post-photos--1 video.channel-post-image{width:100%;max-height:420px}.channel-post-photos--2 .channel-post-image,.channel-post-photos--3 .channel-post-image,.channel-post-photos--4 .channel-post-image{width:100%;height:100%;min-height:140px;max-height:260px;object-fit:cover;border-radius:var(--radius-sm);margin:0}.channel-post-photos--3>:first-child.channel-post-image{max-height:none}.channel-post-photos--poll .channel-post-image{max-height:240px;object-fit:contain;background:var(--surface-alt)}.channel-post-photos--poll.channel-post-photos--1 .channel-post-image{max-height:240px}video.composer-image-preview{object-fit:cover;background:#000}.comment-box-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.comment-box-row{display:flex;align-items:center;gap:var(--space-2)}.comment-box-row input[type=text]{flex:1;min-width:0}.comment-box-thumbs .composer-thumb{width:64px;height:64px}.comment-box-attach{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:var(--fg-muted-2);transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.comment-box-attach:hover{background:var(--surface-alt);color:var(--brand)}.comment-box-attach svg{width:18px;height:18px}.comment-box-attach.is-full{opacity:.4;cursor:default}.comment-box-attach.is-full:hover{background:none;color:var(--fg-muted-2)}.comment-box-error{margin:0;font-size:var(--text-xs);color:var(--brand)}.channel-comment-mention{color:var(--brand-darker);font-weight:var(--weight-bold);margin-right:5px}.channel-comment-photos{display:grid;gap:4px;margin-top:6px;max-width:420px}.channel-comment-photos--1{grid-template-columns:1fr}.channel-comment-photos--2,.channel-comment-photos--4{grid-template-columns:1fr 1fr}.channel-comment-photos--3{grid-template-columns:1fr 1fr 1fr}.channel-comment-photos img,.channel-comment-photos video{width:100%;max-height:240px;object-fit:cover;display:block;border-radius:var(--radius-sm);background:#000}.channel-comment-photos--1 img,.channel-comment-photos--1 video{object-fit:contain;max-height:320px}.composer-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin:var(--space-4) 0 var(--space-3)}.comment-box-thumbs{margin-top:8px}.composer-thumb{position:relative;width:92px;height:92px}.composer-thumb .composer-image-preview{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-lighter)}.composer-thumb-remove{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:2px solid var(--surface);background:#141416e0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.composer-thumb-remove:hover{background:var(--status-discount)}.composer-thumb-remove svg{width:13px;height:13px}.composer-thumb-uploading{position:absolute;inset:auto 0 0 0;padding:3px;text-align:center;font-size:var(--text-2xs);font-weight:600;color:#fff;background:#000000a6;border-radius:0 0 var(--radius-md) var(--radius-md)}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:var(--space-6) 0 var(--space-4)}.pagination-page,.pagination-step{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--border-lighter);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-size:var(--text-sm);font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color var(--duration) var(--ease-ios)}.pagination-page:hover:not(.is-on),.pagination-step:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.pagination-page.is-on{background:var(--brand);border-color:var(--brand);color:#fff;cursor:default}.pagination-step:disabled{opacity:.4;cursor:not-allowed}.pagination-gap{padding:0 4px;color:var(--fg-muted-2)}.pagination-jump{display:flex;align-items:center;gap:6px;margin-left:6px;padding-left:12px;border-left:1px solid var(--border-lighter);font-size:var(--text-sm);color:var(--fg-muted-2)}.pagination-jump input{width:62px;height:34px;padding:0 8px;border:1px solid var(--border-lighter);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font:inherit;font-size:var(--text-sm);text-align:center;font-variant-numeric:tabular-nums}.pagination-jump input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.pagination-jump input::-webkit-outer-spin-button,.pagination-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-jump input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media(max-width:560px){.pagination-jump{border-left:none;padding-left:0;margin-left:0;width:100%;justify-content:center}}.footer{margin-top:48px;padding:20px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-inline:var(--tepi-halaman);box-sizing:border-box}.footer-brand{display:flex;align-items:center;gap:10px}.footer img{height:18px}.footer span{font-size:var(--text-sm);color:var(--fg-soft)}.footer-links{display:flex;align-items:center;gap:var(--space-4)}.footer-link{background:none;border:none;padding:0;cursor:pointer;font:inherit;font-size:var(--text-sm);color:var(--fg-soft);text-decoration:none}.footer-link:hover{color:var(--brand)}.feedback-group-label{margin:12px 0 6px;padding-top:12px;border-top:1px solid var(--border-lighter);font-size:var(--text-xs);font-weight:600;color:var(--fg-muted-2)}.feedback-row--divided{margin-top:0}.char-modal-box.feedback-modal-box{width:420px;text-align:left}.feedback-modal-title{margin:0 0 2px;font-size:var(--text-lg);font-weight:700}.feedback-modal-sub{margin:0 0 12px}@media(max-width:560px){.footer{justify-content:center;text-align:center}}.seg{display:inline-flex;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;gap:2px}.seg button{border:none;background:transparent;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg-muted-2);padding:7px 14px;border-radius:var(--radius-xs);transition:all var(--duration) var(--ease-ios)}.seg button:hover{color:var(--brand);background:var(--brand-light)}.seg button:active{transform:scale(.94);transition:transform var(--duration-fast) var(--ease-ios-spring)}.seg button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.seg button.active{background:var(--brand);color:#fff;box-shadow:0 2px 6px #fc4c0259}.seg button.active:hover{background:var(--brand);color:#fff}.year-select{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:8px 10px 8px 12px;cursor:pointer;transition:border-color var(--duration) var(--ease-ios)}.year-select:hover{border-color:var(--brand)}.year-select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.cselect-chevron{width:14px;height:14px;color:inherit;opacity:.6;transition:transform var(--duration) var(--ease-ios)}.cselect.open .cselect-chevron,.cselect-trigger[aria-expanded=true] .cselect-chevron{transform:rotate(180deg)}.filter-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}.filter-row-left{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:16px;padding-bottom:40px}@media(min-width:1000px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.card{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column;opacity:0;transform:translateY(18px);transition:transform var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.card.is-revealed{animation:card-reveal .5s var(--ease-ios) both}@keyframes card-reveal{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.card{opacity:1;transform:none;animation:none!important}}.card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0e0e0e24}.card-hover-info{position:absolute;left:0;right:0;bottom:0;padding:10px 8px;background:linear-gradient(to top,rgba(0,0,0,.82),transparent);display:flex;flex-wrap:wrap;gap:4px;opacity:0;transform:translateY(6px);transition:opacity var(--duration) var(--ease-ios),transform var(--duration) var(--ease-ios);pointer-events:none}.card-poster:hover .card-hover-info{opacity:1;transform:translateY(0)}.card-poster:hover .badge-stack{opacity:0}.card-hover-genre{background:#ffffff29;color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-bold);padding:3px 8px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.3)}@media(prefers-reduced-motion:reduce){.card-hover-info{transition:none}}@media(hover:none){.card-hover-info{display:none}}.poster-skeleton{width:100%;height:100%;background:linear-gradient(100deg,var(--skeleton) 0%,var(--skeleton) 40%,#e9e9e9 50%,var(--skeleton) 60%,var(--skeleton) 100%);background-size:300% 100%;animation:poster-skeleton-sweep 1.4s ease-in-out infinite}@keyframes poster-skeleton-sweep{0%{background-position:150% 0}to{background-position:-50% 0}}.komyuu-skeleton-line{border-radius:var(--radius-xs);background:linear-gradient(100deg,var(--skeleton) 0%,var(--skeleton) 40%,color-mix(in srgb,var(--skeleton) 55%,var(--surface)) 50%,var(--skeleton) 60%,var(--skeleton) 100%);background-size:300% 100%;animation:poster-skeleton-sweep 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.komyuu-skeleton-line{animation:none;background:var(--skeleton)}}@media(prefers-reduced-motion:reduce){.card:hover,.vote-btn:active,.watch-toggle-btn:active,.card-comment-send:active,.status-select-wrap:active,.side-fab:active,.rank-row:hover,.seg button:active{transform:none!important}.rank-row:hover .rank-num{transform:translateY(-50%)!important}.rank-row:hover .rank-num:after{transform:translate(-50%,-50%)!important}.icon-ring{display:none!important}.check-pop-anim,.heart-icon.heart-pop,.cselect-menu,.drawer-backdrop.open,.drawer-backdrop.open .drawer-panel{animation:none!important}.poster-skeleton{animation:none!important;background:var(--skeleton)}}.card-poster{position:relative;aspect-ratio:2 / 3;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--skeleton)}.card-poster .mono{font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:64px;opacity:.35}.poster-visual{transition:transform var(--duration-slow) var(--ease-ios)}.card-poster:hover .poster-visual{transform:scale(1.08)}.badge-cat{position:absolute;top:8px;left:8px;background:#0c0d10b8!important;color:#fff;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.badge-rating{position:absolute;top:8px;right:8px;background:#fffffff0;color:#2d2d2d;border-radius:var(--radius-pill);padding:3px 7px 3px 5px;font-size:var(--text-xs);font-weight:var(--weight-bold);display:flex;align-items:center;gap:3px}.badge-rating svg{width:12px;height:12px}.badge-stack{position:absolute;left:8px;bottom:8px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.badge-eps-row{display:flex;align-items:center;gap:6px}.badge-eps{background:#0009;color:#fff;border-radius:var(--radius-xs);padding:3px 6px;font-size:var(--text-xs);font-weight:var(--weight-bold)}.stat-pill{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;background:#0000009e;color:#fff;border:none;border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:var(--weight-black);line-height:1;font-family:inherit;cursor:default;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background var(--duration) var(--ease-ios)}.stat-pill svg{width:12px;height:12px;flex-shrink:0}.stat-pill--fav svg{color:var(--status-discount)}.stat-pill--watch{cursor:pointer}.stat-pill--watch svg{color:var(--accent-sky)}.stat-pill--watch:hover{background:#000000c7}.stat-pill-num{font-variant-numeric:tabular-nums}.stat-pill-label{max-width:0;margin-left:0;overflow:hidden;opacity:0;white-space:nowrap;transition:max-width var(--duration-slow) var(--ease-ios),opacity var(--duration) var(--ease-ios),margin var(--duration) var(--ease-ios)}.card:hover .stat-pill-label{max-width:72px;opacity:1;margin-left:1px}.card-body{padding:10px 12px 8px;display:flex;flex-direction:column;gap:6px;flex:1}.card-title{cursor:pointer}.card-title:hover{color:var(--brand)}.card-like-row{display:flex;align-items:center;gap:6px;margin-top:auto;padding:0 12px}.watch-toggle-btn{position:relative;flex:1;min-width:0;height:32px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted);cursor:pointer;font-family:inherit;transition:all var(--duration) var(--ease-ios);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-toggle-btn svg{width:14px;height:14px;flex-shrink:0}.watch-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.watch-toggle-btn:hover{border-color:var(--status-ready);color:var(--status-ready)}.watch-toggle-btn:active{transform:scale(.94);transition:transform var(--duration-fast) var(--ease-ios-spring)}.watch-toggle-btn.is-watched{background:var(--tint-watching);border-color:var(--status-ready);color:var(--ink-watching)}@media(max-width:560px){.card-like-row{flex-wrap:wrap}.card-like-row .watch-toggle-btn{flex:1 0 100%}}.icon-burst-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.icon-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid currentColor;pointer-events:none;animation:icon-ring-burst .52s var(--ease-ios) forwards}.icon-ring--like{color:var(--status-discount)}.icon-ring--watch{color:var(--status-ready)}@keyframes icon-ring-burst{0%{transform:scale(.35);opacity:.55}to{transform:scale(1.7);opacity:0}}.check-pop-anim{animation:check-pop .34s var(--ease-ios-spring)}@keyframes check-pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}.card-like-row .vote-btn{height:32px;padding:0 12px;gap:5px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-extra)}.card-like-row .vote-btn.icon-only{width:32px;padding:0;justify-content:center;flex-shrink:0}@keyframes watch-badge-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.card-action-row{display:flex;align-items:center;gap:6px;padding:8px 12px 12px}.card-comment-inline{flex:1;min-width:0;height:32px;display:flex;align-items:center;gap:6px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 4px 0 12px;transition:border-color var(--duration) var(--ease-ios)}.card-comment-inline:hover{border-color:var(--border-dark)}.card-comment-inline:focus-within{border-color:var(--brand)}.card-comment-input{flex:1;min-width:0;border:none;background:none;outline:none;font-family:inherit;font-size:var(--text-sm);color:var(--fg);padding:0}.card-comment-input::placeholder{color:var(--fg-soft)}.card-comment-send{display:none;flex-shrink:0;height:24px;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-xs);padding:0 12px;font-size:var(--text-xs);font-weight:var(--weight-extra);cursor:pointer;font-family:inherit}.card-comment-send:hover{background:var(--brand-darker)}.card-comment-send:active{transform:scale(.94);transition:transform var(--duration-fast) var(--ease-ios-spring)}.card-comment-input:not(:placeholder-shown)~.card-comment-send{display:inline-block}.card-comment-float{position:absolute;max-width:220px;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-pill);padding:7px 15px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg);box-shadow:var(--shadow-card);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:210;animation:card-comment-float-up 2.6s ease-out forwards}.card-comment-float.is-clickable{pointer-events:auto;cursor:pointer}.card-comment-float.is-clickable:hover{animation-play-state:paused;border-color:var(--brand);box-shadow:0 4px 16px #fc4c0247}@keyframes card-comment-float-up{0%{transform:translate(-50%);opacity:1}50%{transform:translate(-50%,-74px);opacity:.65}to{transform:translate(-50%,-134px);opacity:0}}.vote-btn{display:flex;align-items:center;gap:4px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-xs);padding:5px 7px;cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted-2);transition:all var(--duration) var(--ease-ios)}.vote-btn img,.vote-btn svg{width:14px;height:14px}.card-votes img,.card-votes svg{width:12px;height:12px}.vote-btn:active{transform:scale(.94);transition:transform var(--duration-fast) var(--ease-ios-spring)}.vote-btn.like:hover{border-color:var(--status-discount);color:var(--status-discount)}.vote-btn.like.active{background:var(--tint-liked);border-color:var(--status-discount);color:var(--ink-liked)}.vote-btn.dislike.active{background:var(--tint-drop);border-color:var(--fg-soft);color:var(--fg)}@keyframes heart-pop{0%{transform:scale(1)}30%{transform:scale(1.4)}55%{transform:scale(.85)}to{transform:scale(1)}}.heart-icon.heart-pop{animation:heart-pop .42s var(--ease-ios-spring);transform-origin:center}@keyframes heart-break-left{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-6px,7px) rotate(-26deg);opacity:0}}@keyframes heart-break-right{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(6px,7px) rotate(26deg);opacity:0}}.ep-rating-star-btn svg{width:15px;height:15px;overflow:visible}@keyframes star-shine{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,198,0,0))}35%{transform:scale(1.55);filter:drop-shadow(0 0 7px rgba(255,198,0,.95))}65%{transform:scale(.82);filter:drop-shadow(0 0 3px rgba(255,198,0,.5))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,198,0,0))}}.ep-rating-picker.open{display:grid}.ep-rating-picker button{width:27px;height:27px;border-radius:var(--radius-xs);border:1px solid var(--border-lighter);background:var(--surface-alt);font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-xs);cursor:pointer;color:var(--fg);transition:all var(--duration) var(--ease-ios)}.ep-rating-picker button:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.cselect--block{display:flex;width:100%}.status-select{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;background:var(--surface);color:var(--fg-muted);cursor:pointer;transition:border-color var(--duration) var(--ease-ios)}.status-select:hover{border-color:var(--brand)}.status-select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.status-select .cselect-option-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-select[data-val=plan]{background:var(--tint-plan);border-color:var(--status-pre-order);color:var(--ink-plan)}.status-select[data-val=watching]{background:var(--tint-watching);border-color:var(--status-ready);color:var(--ink-watching)}.status-select[data-val=completed]{background:var(--tint-completed);border-color:var(--status-showcase);color:var(--ink-completed)}.status-select[data-val=drop]{background:var(--tint-drop);border-color:var(--fg-soft);color:var(--fg-muted-2)}.status-select-wrap{position:relative;width:32px;height:32px;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #8c8c8c;border-radius:var(--radius-sm);background:var(--surface-alt);color:#382e2c;font-family:inherit;font-weight:var(--weight-black);font-size:17px;cursor:pointer;transition:all var(--duration) var(--ease-ios)}.status-select-wrap:hover{border-color:var(--brand);color:var(--brand)}.status-select-wrap:active{transform:scale(.92);transition:transform var(--duration-fast) var(--ease-ios-spring)}.status-select-wrap:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.status-select-wrap[data-val=plan]{background:var(--tint-plan);border-color:var(--status-pre-order);color:var(--ink-plan)}.status-select-wrap[data-val=watching]{background:var(--tint-watching);border-color:var(--status-ready);color:var(--ink-watching)}.status-select-wrap[data-val=completed]{background:var(--tint-completed);border-color:var(--status-showcase);color:var(--ink-completed)}.status-select-wrap[data-val=drop]{background:var(--tint-drop);border-color:var(--fg-soft);color:var(--fg-muted-2)}.status-select-plus{pointer-events:none;line-height:1}:root[data-theme=dark] .status-select-wrap[data-val=""]{color:#fff}.cselect{position:relative;display:inline-flex}.cselect-trigger{display:inline-flex;align-items:center;gap:6px}.cselect-menu{min-width:176px;z-index:250;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);transform-origin:top center;animation:cselect-in var(--duration-fast) var(--ease-ios)}@keyframes cselect-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cselect-option{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted);padding:9px 10px;border-radius:var(--radius-xs);transition:background var(--duration-fast) var(--ease-ios),color var(--duration-fast) var(--ease-ios)}.cselect-option-label{flex:1}.cselect-check{width:15px;height:15px;flex-shrink:0;color:var(--brand)}.cselect-option:hover{background:var(--brand-light);color:var(--brand)}.cselect-option.is-selected{color:var(--brand);font-weight:var(--weight-extra)}.cselect-option[data-val=""]{color:var(--fg);font-weight:var(--weight-extra)}.cselect-option[data-val=""]:hover{background:var(--surface-alt);color:var(--fg)}.cselect-option[data-val=drop]{color:var(--status-discount)}.cselect-option[data-val=drop]:hover{background:var(--tint-liked);color:var(--status-discount)}.episode-empty{padding:18px 2px 24px}.synopsis-skeleton{display:flex;flex-direction:column;gap:8px}.synopsis-skeleton span{display:block;height:12px;border-radius:4px;background:linear-gradient(100deg,var(--skeleton) 0%,var(--skeleton) 40%,#e9e9e9 50%,var(--skeleton) 60%,var(--skeleton) 100%);background-size:300% 100%;animation:poster-skeleton-sweep 1.4s ease-in-out infinite}.synopsis-skeleton span:nth-child(2){width:92%}.synopsis-skeleton span:nth-child(3){width:64%}@media(prefers-reduced-motion:reduce){.synopsis-skeleton span{animation:none!important;background:var(--skeleton)}}.rail-score{margin-top:8px}.rail-score[data-scored="1"]{background:var(--tint-scored);border-color:var(--brand);color:var(--ink-scored);font-weight:var(--weight-bold)}#detail-theme-section{margin-bottom:28px}.theme-columns{display:grid;gap:8px 20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.theme-group{min-width:0}.theme-group-label{text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-bold);margin-bottom:4px}.theme-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border-lighter)}.theme-group .theme-row:last-child{border-bottom:none}.theme-info{flex:1;min-width:0}.theme-title{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-artist,.theme-eps{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-yt{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;text-decoration:none}.theme-yt svg{width:12px;height:12px}.char-avatar.is-loading{background:linear-gradient(100deg,var(--skeleton) 0%,var(--skeleton) 40%,#e9e9e9 50%,var(--skeleton) 60%,var(--skeleton) 100%);background-size:300% 100%;animation:poster-skeleton-sweep 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.char-avatar.is-loading{animation:none!important;background:var(--skeleton)}}.card-loading{cursor:default}.card-loading:hover{transform:none;box-shadow:var(--shadow-card)}.card-loading-line{height:12px;border-radius:4px;margin:10px 0 0;background:linear-gradient(100deg,var(--skeleton) 0%,var(--skeleton) 40%,#e9e9e9 50%,var(--skeleton) 60%,var(--skeleton) 100%);background-size:300% 100%;animation:poster-skeleton-sweep 1.4s ease-in-out infinite}.card-loading-line--short{width:55%}@media(prefers-reduced-motion:reduce){.card-loading-line{animation:none!important;background:var(--skeleton)}}.meta-source-link{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--brand);text-align:right;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px}.meta-source-link:hover:not(:disabled){color:var(--brand-darker)}.meta-source-link:disabled{opacity:.6;cursor:default}.search-kinds{position:sticky;top:0;z-index:2;display:flex;gap:6px;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--border-lighter)}.search-kind{padding:5px 12px;font-size:var(--text-xs);font-weight:var(--weight-bold);font-family:inherit;color:var(--fg-muted-2);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration) var(--ease-ios)}.search-kind:hover{border-color:var(--brand);color:var(--brand)}.search-kind.active{background:var(--brand);border-color:var(--brand);color:#fff}.manga-head{display:flex;gap:24px;align-items:flex-start;margin:12px 0 20px;flex-wrap:wrap}.manga-cover{width:200px;flex:none;aspect-ratio:2 / 3;border-radius:var(--radius-md);overflow:hidden;background:var(--skeleton);box-shadow:var(--shadow-card)}.manga-cover img{width:100%;height:100%;object-fit:cover;display:block}.manga-head-main{flex:1;min-width:260px}.manga-kind{position:static;display:inline-block;margin-bottom:8px;background:var(--brand)}.manga-title{margin:0 0 4px}.manga-sub{margin-bottom:10px}.manga-stats{display:flex;gap:28px;flex-wrap:wrap;margin:16px 0;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.manga-stat{display:flex;flex-direction:column;gap:2px}.manga-stat-label{letter-spacing:.04em}.manga-stat-value{display:flex;align-items:center;gap:6px;font-size:var(--text-xl);font-weight:var(--weight-extra);color:var(--fg)}.manga-stat-value svg{width:20px;height:20px;flex:none}.manga-like svg{width:15px;height:15px;flex:none}.manga-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.manga-like{display:inline-flex;align-items:center;gap:8px}.manga-like.is-on{background:var(--tint-liked);border-color:var(--status-discount);color:var(--ink-liked)}.manga-synopsis{margin:4px 0 24px}.manga-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0 28px;margin-bottom:28px}.manga-meta-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border-lighter)}.manga-meta-k{flex:none}.manga-meta-v{text-align:right;font-size:var(--text-sm);color:var(--fg)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 20px;gap:10px;animation:kyou-rise .2s ease both}.empty-state img{width:96px;height:96px;object-fit:contain;padding:12px;border-radius:50%;background:var(--brand-light)}.empty-state strong{font-family:var(--font-rounded);font-size:var(--text-md);color:var(--fg)}.empty-state span{font-size:var(--text-sm);color:var(--fg-soft);line-height:1.5;max-width:42ch}.empty-state--compact{padding:22px 16px;gap:6px}.empty-state--compact img{width:64px;height:64px;padding:9px}.empty-state--compact strong{font-size:var(--text-base)}.empty-state--compact span{font-size:var(--text-sm);line-height:1.45;max-width:34ch}@media(prefers-reduced-motion:reduce){.empty-state{animation:none}}#detail-view{display:none;position:relative}.detail-backdrop{position:absolute;top:0;left:0;right:0;height:360px;overflow:hidden;z-index:0;pointer-events:none}.detail-backdrop-img{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background-size:cover;background-position:center 20%;filter:blur(30px) brightness(.64) saturate(1.15);transform:scale(1.15)}.detail-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,.16) 40%,var(--bg) 60%)}.detail-view-body{position:relative;z-index:1}.back-row{padding:18px 0 6px}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:#ffffffd9;padding:6px 0}.back-btn:hover{color:#fff}.back-btn svg{width:16px;height:16px}.detail-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;padding:16px 0 48px;align-items:start}@media(max-width:860px){.detail-layout{grid-template-columns:1fr}}#detail-title{color:#fff}.detail-sub{color:#ffffffd9!important}.detail-rail{position:sticky;top:calc(var(--navbar-h) + 16px);display:flex;flex-direction:column;gap:14px}@media(max-width:860px){.detail-rail{position:static}}.rail-poster{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card)}.rail-poster .mono{font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:96px;opacity:.35}.rail-actions{display:flex;gap:8px}.rail-actions .vote-btn{flex:1;justify-content:center;padding:9px;font-size:var(--text-sm)}.rail-status{width:100%;padding:9px;font-size:var(--text-sm)}.rail-section-label{font-weight:var(--weight-extra);font-size:16px;color:var(--fg);margin:2px 0 -2px 6px}.meta-card{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.meta-row .k{font-size:var(--text-xs);color:var(--fg-soft);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.3px}.meta-row .v{font-size:var(--text-sm);color:var(--fg);font-weight:var(--weight-bold);text-align:right}.meta-more{display:flex;flex-direction:column;gap:8px}.meta-more-btn{align-self:center;margin-top:2px;font-size:var(--text-xs);font-weight:var(--weight-bold);background:none;border:none;cursor:pointer;color:var(--brand);padding:4px 6px}.meta-more-btn:hover{color:var(--brand-darker);text-decoration:underline}.alt-titles-card{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:7px}.alt-row{display:flex;flex-direction:column;gap:1px}.alt-k{font-size:var(--text-2xs);color:var(--fg-placeholder);font-weight:var(--weight-bold);text-transform:uppercase}.alt-v{font-size:var(--text-sm);color:var(--fg);line-height:1.35}.score-bar{display:flex;align-items:flex-start;gap:20px;margin:14px 0 20px;padding:12px 16px;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md)}.score-block{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.score-tag{display:inline-block;background:#2e51a2;color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-black);padding:2px 7px;border-radius:var(--radius-xs);letter-spacing:.3px;text-transform:uppercase}.score-tag .score-source{font-weight:var(--weight-regular);text-transform:none;opacity:.9;margin-left:3px}.score-tag .live-dot{width:6px;height:6px;border-radius:50%;background:#7cff6b;display:inline-block;vertical-align:middle;margin-right:5px;animation:live-pulse 1.6s infinite}.score-value{font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--fg);line-height:1.1}.score-value-row{display:flex;align-items:center;gap:5px}.score-value-row svg{width:20px;height:20px;flex-shrink:0}.score-divider{width:1px;align-self:stretch;background:var(--border-lighter)}.score-like-block{display:flex;align-items:center;gap:10px}.score-heart{width:34px;height:34px;flex-shrink:0}.score-check-badge{width:34px;height:34px;border-radius:50%;background:var(--status-ready);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.score-check-badge svg{width:18px;height:18px}.score-like-value{font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--fg);line-height:1.1}.score-like-label{font-size:9px;color:var(--fg-soft);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.3px}.streaming-list{display:flex;flex-direction:column;gap:4px}.streaming-chip{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg)}.streaming-chip svg{width:15px;height:15px;flex-shrink:0}@media(max-width:480px){.score-bar{flex-wrap:wrap;gap:14px}}.peers-strip{margin:-8px 0 20px}.peers-lead{background:none;border:0;padding:0 0 8px;cursor:pointer;font-size:9px;color:var(--fg-soft);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.3px}.peers-lead:hover{color:var(--fg);text-decoration:underline}.peers-row{display:flex;gap:14px;overflow-x:auto;padding:5px 5px 8px;margin-left:-5px}.peers-row.is-loading{height:76px}.peers-row::-webkit-scrollbar{height:4px}.peers-row::-webkit-scrollbar-thumb{background:var(--border-lighter);border-radius:2px}.peers-face{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0;cursor:pointer;flex-shrink:0;width:62px}.peers-slot{height:56px;display:flex;align-items:center;justify-content:center}.peers-face:hover .peers-name{color:var(--brand)}.peers-name{font-size:var(--text-2xs);color:var(--fg);font-weight:var(--weight-bold);max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peers-more{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0;cursor:pointer;flex-shrink:0;width:62px}.peers-more-bulat{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px dashed var(--border-lighter);font-size:var(--text-2xs);font-weight:var(--weight-black);color:var(--fg-soft)}.peers-more:hover .peers-more-bulat{border-color:var(--brand);color:var(--brand)}.peers-more:hover .peers-name{color:var(--brand)}.peers-lead.is-static{display:block;cursor:default}.peers-lead.is-static:hover{color:var(--fg-soft);text-decoration:none}.peers-more.is-static{cursor:default}.peers-more.is-static:hover .peers-more-bulat{border-color:var(--border-lighter);color:var(--fg-soft)}.peers-more.is-static:hover .peers-name{color:var(--fg)}.channel-post .peers-strip{margin:10px 0 0}.detail-main{min-width:0}.detail-sub{margin:6px 0 0}.genre-pills{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.genre-pill{background:var(--surface-alt);border:1px solid var(--border);color:var(--fg-muted-2);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:5px 10px;border-radius:var(--radius-pill)}.synopsis{font-size:var(--text-base);color:var(--fg-2);line-height:var(--leading-relaxed);margin:0 0 20px}.tab-panel{display:none}.tab-panel.active{display:block}.trailer-box{aspect-ratio:16/9;max-width:460px;margin:0 auto 24px;background:#2d2d2d;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffffffd9;padding:12px}.trailer-box svg{width:32px;height:32px}.trailer-box span{font-size:var(--text-xs);text-align:center}.section-label{font-weight:var(--weight-extra);font-size:var(--text-lg);color:var(--fg);margin:var(--section-gap) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1.1px solid var(--border-lighter)}.section-label:first-child{margin-top:0}.tab-panel>div:not(:first-child)>.section-label:first-child{margin-top:var(--section-gap)}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;margin-bottom:8px}.char-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.char-avatar{width:72px;height:72px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-black);font-size:var(--text-xl);position:relative;overflow:hidden;cursor:pointer;transition:box-shadow var(--duration) var(--ease-ios);box-shadow:0 0 0 3px transparent}.char-avatar:hover{box-shadow:0 0 0 3px var(--brand)}a.char-avatar{text-decoration:none}a.char-avatar:focus-visible{box-shadow:0 0 0 3px var(--brand);outline:none}.char-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-pill)}.char-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}.char-va{font-size:var(--text-xs);color:var(--fg-placeholder)}.char-card--oshi .char-avatar{box-shadow:0 0 0 3px #fff,0 0 0 5px #ffc600}.char-card--oshi .char-avatar:hover{box-shadow:0 0 0 3px #fff,0 0 0 5px #ffc600,0 0 0 8px var(--brand)}.oshi-crown{position:absolute;top:-8px;right:-4px;width:22px;height:22px;border-radius:var(--radius-pill);background:#ffc600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}.oshi-crown svg{width:13px;height:13px;color:#382e2c}.oshi-btn{font-size:var(--text-xs);font-weight:var(--weight-bold);background:none;border:none;cursor:pointer;color:var(--fg-placeholder);padding:2px 4px;transition:color var(--duration) var(--ease-ios)}.oshi-btn:hover{color:var(--brand)}.oshi-btn.is-oshi{color:var(--brand-darker)}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 16px;margin:0 0 24px}.staff-row{display:flex;flex-direction:column;gap:1px}.staff-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}.staff-role{font-size:var(--text-xs);color:var(--fg-soft)}.episode-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.episode-date{font-size:var(--text-xs);color:var(--fg-soft);white-space:nowrap;flex-shrink:0}.episode-rating svg{width:13px;height:13px}.episode-rating .votes{color:var(--fg-soft);font-weight:var(--weight-regular)}.episode-more-btn{margin-top:12px}.char-modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:400;align-items:center;justify-content:center;padding:16px}.char-modal-backdrop.open{display:flex}.char-modal-box{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);width:340px;max-width:100%;max-height:85vh;overflow-y:auto;padding:22px;position:relative;text-align:center}.char-modal-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:var(--fg-soft);padding:6px;display:flex}.char-modal-close:hover{color:var(--fg)}.char-modal-close svg{width:18px;height:18px}.char-modal-avatar{width:84px;height:84px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-black);font-size:var(--text-2xl);margin:0 auto 12px;position:relative}.char-modal-name{font-size:var(--text-lg);font-weight:var(--weight-extra);color:var(--fg);margin:0}.char-modal-role{display:inline-block;margin-top:4px;font-size:var(--text-2xs);font-weight:var(--weight-bold);color:#fff;background:var(--brand);padding:2px 8px;border-radius:var(--radius-pill);text-transform:uppercase}.char-modal-va-block{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border-top:1px solid var(--border-lighter);margin-top:14px;padding-top:14px}.char-modal-va-text{display:flex;flex-direction:column;gap:2px}.char-modal-va-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}.char-modal-va-lang{font-size:var(--text-2xs);color:var(--fg-soft);font-weight:var(--weight-bold)}.char-modal-va-photo{width:56px;height:70px;border-radius:var(--radius-xs);object-fit:cover;flex-shrink:0}.char-modal-meta{display:flex;flex-direction:column;gap:8px;text-align:left;margin-top:10px}.char-modal-oshi-btn{margin-top:16px;width:100%;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);padding:10px;border-radius:var(--radius-xs);cursor:pointer;background:var(--brand);color:#fff;border:none}.char-modal-oshi-btn:hover{background:var(--brand-darker)}.char-modal-oshi-btn.is-oshi{background:#ffc600;color:#382e2c}.review-compose{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);padding:14px;display:flex;gap:10px;margin-bottom:20px}.review-compose .char-avatar{width:36px;height:36px;font-size:var(--text-sm);flex-shrink:0}.review-compose-body{flex:1;display:flex;flex-direction:column;gap:8px}.review-compose textarea{width:100%;resize:vertical;min-height:56px;border:0;border-radius:0;padding:2px 0;font-family:inherit;font-size:var(--text-sm);color:var(--fg);background:transparent}.review-compose textarea:focus{outline:none}.review-compose:focus-within{border-color:var(--brand)}.review-compose textarea::placeholder{color:var(--fg-soft)}.review-compose-foot{display:flex;justify-content:flex-end}.review{display:flex;gap:10px;padding:16px 0;border-bottom:1px solid var(--border-lighter);border-radius:var(--radius-xs);transition:background .4s var(--ease-ios)}.review:last-child{border-bottom:none}.review-highlight{background:var(--brand-tint);animation:review-flash 1.8s ease-out}@keyframes review-flash{0%{background:var(--brand-light)}to{background:var(--brand-tint)}}.review .char-avatar{width:38px;height:38px;font-size:var(--text-sm);flex-shrink:0}.review .char-avatar img,.review-compose .char-avatar img{width:100%;height:100%;border-radius:var(--radius-pill);object-fit:cover}.review-body{flex:1;min-width:0}.review-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-user{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg)}.review-time{font-size:var(--text-xs);color:var(--fg-placeholder)}.review-hot{background:var(--brand)}.comment-menu-wrap{position:relative;margin-left:auto}.comment-menu-btn{background:none;border:none;cursor:pointer;color:var(--fg-placeholder);padding:6px;display:flex;border-radius:var(--radius-xs);transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.comment-menu-btn:hover{background:var(--surface-alt);color:var(--fg)}.comment-menu-btn svg{width:16px;height:16px}.comment-menu-dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-xs);box-shadow:var(--shadow-dropdown);z-index:60;min-width:210px;overflow:hidden}.comment-menu-dropdown.open{display:block}.comment-menu-dropdown button{width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:9px 12px;display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg)}.comment-menu-dropdown button svg{width:16px;height:16px;flex-shrink:0}.comment-menu-dropdown button:hover{background:var(--surface-alt)}.comment-menu-dropdown .comment-menu-delete{color:var(--status-discount)}.comment-menu-delete:hover{background:var(--tint-liked)}.comment-edit-box{margin:6px 0 8px}.comment-edit-input{width:100%;min-height:60px;resize:vertical;padding:8px 10px;border-radius:var(--radius-xs);border:1px solid var(--border-dark);font-family:inherit;font-size:var(--text-sm);color:var(--fg);background:var(--surface-alt)}.comment-edit-actions{display:flex;gap:8px;margin-top:6px}.confirm-backdrop.open{display:flex}.confirm-box p{margin:0 0 18px;font-size:var(--text-base);color:var(--fg);font-weight:var(--weight-bold)}.confirm-btn-yes:hover{background:#f0f0f0}.confirm-btn-no:hover{background:#d40000}.review-text{font-size:var(--text-sm);color:var(--fg-2);line-height:var(--leading-relaxed);margin:6px 0 8px}.review-actions{display:flex;gap:8px;align-items:center}.review-actions .vote-btn{padding:4px 8px}.reply-toggle{background:none;border:none;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-xs);color:var(--fg-soft);padding:4px 8px;display:flex;align-items:center;gap:4px}.reply-toggle:hover{color:var(--brand)}.reply-toggle svg{width:13px;height:13px;transition:transform var(--duration) var(--ease-ios)}.reply-toggle.open svg{transform:rotate(180deg)}.reply-thread{display:none;margin:10px 0 0 20px;padding-left:14px;border-left:2px solid var(--border-lighter)}.reply-thread.open{display:block}.reply-item{display:flex;gap:8px;padding:8px 0}.reply-item .char-avatar{width:28px;height:28px;font-size:var(--text-xs);flex-shrink:0}.reply-item-body{flex:1;min-width:0}.reply-item-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reply-item-user{font-weight:var(--weight-bold);font-size:var(--text-xs);color:var(--fg)}.reply-item-time{font-size:var(--text-2xs);color:var(--fg-placeholder)}.reply-item-text{font-size:var(--text-xs);color:var(--fg-2);line-height:var(--leading-relaxed);margin:3px 0 0}.reply-compose{display:flex;gap:8px;padding:8px 0 4px}.reply-compose .char-avatar{width:28px;height:28px;font-size:var(--text-xs);flex-shrink:0}.reply-compose-body{flex:1;display:flex;gap:6px}.reply-compose input{flex:1;border:1px solid var(--border);border-radius:var(--radius-xs);padding:7px 10px;font-family:inherit;font-size:var(--text-xs);color:var(--fg);min-width:0}.reply-compose input:focus{outline:none;border-color:var(--brand)}.reply-compose button{font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-xs);background:var(--brand);color:#fff;border:none;border-radius:var(--radius-xs);padding:0 12px;cursor:pointer;flex-shrink:0}.reply-compose button:hover{background:var(--brand-darker)}#channel-view{background:var(--brand);min-height:calc(100vh - var(--navbar-h))}.channel-layout{display:flex;justify-content:center;background:var(--bg)}.channel-content-wrap{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-5);min-height:calc(100vh - var(--navbar-h));width:100%;max-width:none;padding:var(--space-6) var(--tepi-halaman) var(--space-12);box-sizing:border-box}.channel-main{flex:1;min-width:0;max-width:var(--kolom-utama, 860px)}@media(min-width:1440px){.channel-content-wrap{width:100%}}@media(max-width:880px){.channel-trending{display:none}}.channel-filter-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.channel-filter-row .channel-section-tabs{margin-bottom:0}.cari-judul{margin:var(--space-4) 0 0;font-size:var(--text-lg);font-weight:var(--weight-extra);color:var(--fg)}.cari-judul span{color:var(--brand)}.cari-tabs{margin:var(--space-4) 0}.cari-seksi{margin-bottom:var(--space-6)}.cari-seksi:last-child{margin-bottom:0}.cari-seksi .section-label:first-child{margin-top:0}.cari-anime-list{display:flex;flex-direction:column}.cari-anime{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) 0;border-bottom:1px solid var(--border-lighter)}.cari-anime:last-child{border-bottom:0}.cari-anime-poster{display:block;width:72px;height:106px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-alt)}.cari-anime-poster img{width:100%;height:100%;object-fit:cover;display:block}.cari-anime-teks{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.cari-anime-judul{font-size:var(--text-base);color:var(--fg);font-weight:var(--weight-bold);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.cari-anime-judul:hover{color:var(--brand)}.cari-anime-aksi{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.cari-aksi{font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);padding:5px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;color:var(--fg-muted-2);cursor:pointer;white-space:nowrap;transition:color var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.cari-aksi:hover{color:var(--brand);border-color:var(--brand)}.cari-aksi.is-on{background:var(--brand-light);border-color:var(--brand);color:var(--brand-darker)}.cari-aksi.is-info{background:var(--info-tint);border-color:color-mix(in srgb,var(--info) 40%,transparent);color:var(--info);cursor:default}.cari-orang-list{display:flex;flex-direction:column}.cari-orang{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;text-decoration:none;border-bottom:1px solid var(--border-lighter)}.cari-orang:last-child{border-bottom:0}.cari-orang-teks{display:flex;flex-direction:column;gap:1px;min-width:0}.cari-orang-teks b{font-size:var(--text-sm);color:var(--fg);font-weight:var(--weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cari-orang:hover .cari-orang-teks b{color:var(--brand)}.cari-orang-sama{display:flex;align-items:center;gap:5px;margin-top:3px}.cari-sama-thumb{width:20px;height:20px;flex-shrink:0;border-radius:var(--radius-xs);overflow:hidden;background:var(--surface-alt);border:1px solid var(--border-lighter);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:var(--weight-black);color:var(--fg-soft)}.cari-sama-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cari-sama-teks{font-size:var(--text-xs);color:var(--fg-muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cari-seksi .section-label{display:flex;align-items:center;gap:10px;border-bottom:0;padding-bottom:0}.cari-seksi .section-label:before{content:"";width:4px;align-self:stretch;min-height:18px;background:var(--brand);border-radius:2px;flex-shrink:0}.cari-riwayat{display:flex;flex-direction:column}.cari-riwayat-baris{text-align:left;font-family:inherit;font-size:var(--text-sm);color:var(--fg-muted);background:none;border:0;cursor:pointer;padding:7px 0;border-bottom:1px solid var(--border-lighter)}.cari-riwayat-baris:last-child{border-bottom:0}.cari-riwayat-baris:hover{color:var(--brand)}.notifpage-judul{margin:var(--space-4) 0 var(--space-4);font-size:var(--text-2xl);font-weight:var(--weight-extra);color:var(--fg)}.notifpage-saring,.notifpage-hari{margin-bottom:var(--space-5)}.notifpage-hari:last-child{margin-bottom:0}.notifpage-hari-judul{position:sticky;top:var(--navbar-h);z-index:1;margin:0 0 var(--space-2);padding:var(--space-2) 0;background:var(--bg);font-size:var(--text-sm);font-weight:var(--weight-extra);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.4px}.notifpage-baris{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-2);font-family:inherit;transition:border-color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.notifpage-baris:hover{border-color:var(--brand);background:var(--surface-alt)}.notifpage-baris:last-child{margin-bottom:0}.notifpage-avatar{width:44px;height:44px;flex-shrink:0;font-size:var(--text-md)}.notifpage-isi{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.notifpage-teks{font-size:var(--text-md);color:var(--fg);line-height:1.45}.notifpage-waktu{font-size:var(--text-sm);color:var(--fg-soft)}.notif-lihat-semua{display:block;width:100%;text-align:left;padding:10px 14px;border:0;border-top:1px solid var(--border-lighter);background:none;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand);cursor:pointer}.notif-lihat-semua:hover{background:var(--brand-light)}.cari-lihat-semua{margin-top:var(--space-3);padding:0;border:0;background:none;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand);cursor:pointer}.cari-lihat-semua:hover{text-decoration:underline}.search-lihat-semua{display:block;width:100%;text-align:left;padding:10px 14px;border:0;border-top:1px solid var(--border-lighter);background:none;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand);cursor:pointer}.search-lihat-semua:hover{background:var(--brand-light)}.composer-bar{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);margin-bottom:var(--space-4);box-shadow:var(--shadow-lift)}.composer-bar-prompt{flex:1;min-width:0;text-align:left;cursor:pointer;border:none;background:none;padding:10px var(--space-3);font-family:inherit;font-size:var(--text-sm);color:var(--fg-placeholder);border-radius:var(--radius-pill);transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.composer-bar-prompt{display:flex;align-items:center;gap:var(--space-3);padding-left:4px}.composer-bar-prompt-teks{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-bar-plus{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 35%,transparent);transition:transform var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.composer-bar-plus svg{width:16px;height:16px}.composer-bar-prompt:hover .composer-bar-plus{transform:rotate(90deg) scale(1.06);box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 45%,transparent)}.composer-bar-prompt:hover{background:var(--surface-alt);color:var(--fg)}@media(prefers-reduced-motion:reduce){.composer-bar-prompt:hover .composer-bar-plus{transform:none}}.composer-bar-prompt:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.composer-bar-types{display:flex;gap:var(--space-2);flex-shrink:0}.composer-bar-chip{border:1px solid var(--border);background:var(--surface-alt);border-radius:var(--radius-pill);padding:7px var(--space-3);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted-2);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;transition:color var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.composer-bar-chip-plus{font-size:13px;line-height:1;color:var(--brand);position:relative;top:-1px;transition:color var(--duration) var(--ease-ios)}.composer-bar-chip:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-light)}.composer-bar-chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:560px){.composer-bar-types{display:none}}.komyuu-card{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-lift)}@media(max-width:560px){.composer-card-types{grid-template-columns:repeat(2,1fr)}}.composer-type{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);border:1px solid var(--border-lighter);border-radius:var(--radius-md);background:var(--surface-alt);padding:var(--space-4) var(--space-2);cursor:pointer;font-family:inherit;transition:border-color var(--duration) var(--ease-ios),transform var(--duration) var(--ease-ios)}.composer-type:hover{border-color:var(--brand);transform:translateY(-2px)}.composer-type:active{transform:translateY(0)}.composer-type-icon svg{width:24px;height:24px}.komyuu-header{position:relative;overflow:hidden;margin-bottom:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);background:radial-gradient(120% 180% at 8% 0%,rgba(252,76,2,.85) 0%,rgba(252,76,2,.28) 45%,transparent 72%),linear-gradient(135deg,#241a15,#1a1310 60%,#150f0d);border:1px solid rgba(252,76,2,.28)}.komyuu-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(#FFC600 2px,transparent 2px);background-size:26px 26px;opacity:.07}.komyuu-header:after{content:"";position:absolute;pointer-events:none;left:-6%;top:-60%;width:52%;height:220%;background:radial-gradient(circle,rgba(255,198,0,.55),transparent 62%);filter:blur(34px);opacity:.75}.komyuu-header>*{position:relative;z-index:1}.komyuu-header-title{margin:0;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:var(--text-2xl);letter-spacing:.5px;text-transform:uppercase;color:#fff}.komyuu-header-title span{color:var(--brand)}.komyuu-header-tagline{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:#ffffffb8}.channel-trending{width:340px;flex-shrink:0;position:sticky;top:calc(var(--navbar-h) + var(--space-6));max-height:calc(100vh - var(--navbar-h) - var(--space-8));overflow-y:auto;align-self:flex-start;scrollbar-width:none;-ms-overflow-style:none}.channel-trending::-webkit-scrollbar{width:0;height:0}.mprofile-rail{margin-left:var(--space-5)}@media(max-width:880px){.mprofile-rail{display:none}}.channel-trending:empty{display:none}.channel-trending-head{display:flex;align-items:center;gap:8px;font-family:var(--font-rounded);font-weight:var(--weight-extra);font-size:var(--text-base);color:var(--fg);margin-bottom:var(--space-3)}.channel-trending-head-row .channel-trending-head{margin-bottom:0}.komyuu-search-history-clear:hover{color:var(--brand)}.channel-trending-section{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-3);margin-bottom:var(--space-4);box-shadow:var(--shadow-lift)}.channel-trending-label{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px}.channel-trending-item{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;border-radius:var(--radius-xs);transition:background var(--duration) var(--ease-ios)}.channel-trending-item:hover{background:var(--surface-alt)}.channel-trending-rank{width:22px;height:22px;border-radius:var(--radius-pill);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:11px;background:var(--surface-alt);color:var(--fg-soft)}.channel-trending-item:nth-child(-n+3) .channel-trending-rank{background:linear-gradient(135deg,#ffc600,#fc4c02);color:#fff}.channel-trending-thumb{width:40px;height:40px;border-radius:var(--radius-xs);overflow:hidden;flex-shrink:0;background:var(--surface-alt)}.channel-trending-body{min-width:0;flex:1}.channel-trending-text{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel-trending-meta{font-size:11px;color:var(--fg-soft);margin-top:3px;display:flex;align-items:center;gap:4px}.channel-trending-meta svg{width:11px;height:11px}.channel-trending-tags{display:flex;flex-wrap:wrap;gap:6px}.channel-trending-tag{font-size:11px;font-weight:var(--weight-bold);color:var(--brand);background:var(--brand-tint);padding:5px 10px;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration) var(--ease-ios)}.channel-trending-tag:hover{background:var(--tint-scored)}.title-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.title-collection-item{display:flex;flex-direction:column;gap:4px;padding:0;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;font-family:inherit;text-align:left;box-shadow:var(--shadow-lift);transition:transform var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios)}.title-collection-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift-strong);border-color:#fc4c0259}.title-collection-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.title-collection-noimg{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:var(--surface-alt);font-family:var(--font-rounded);font-size:var(--text-3xl);font-weight:var(--weight-black);color:var(--fg-placeholder)}.title-collection-name{padding:8px 10px 0;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);line-height:1.3}.title-collection-owner{padding:0 10px 10px;font-size:var(--text-xs);color:var(--fg-muted-2)}@media(prefers-reduced-motion:reduce){.title-collection-item,.title-collection-item:hover{transform:none;transition:none}}.title-picker{margin-bottom:var(--space-3)}.title-picker-input{width:100%;padding:9px 11px;font-family:inherit;font-size:var(--text-sm);color:var(--fg);background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-xs)}.title-picker-input:focus{outline:none;border-color:var(--brand)}.title-picker-hint{margin:6px 0 0;font-size:var(--text-xs);color:var(--fg-muted-2)}.title-picker-results{list-style:none;margin:6px 0 0;padding:4px;max-height:220px;overflow-y:auto;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-xs);box-shadow:var(--shadow-lift)}.title-picker-result{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);text-align:left;border-radius:var(--radius-xs)}.title-picker-result:hover{background:var(--brand-tint);color:var(--brand)}.title-picker-result img{width:30px;height:42px;object-fit:cover;border-radius:4px;flex-shrink:0}.title-picker--chosen{display:flex;align-items:center;gap:10px;background:var(--brand-tint);border:1px solid rgba(252,76,2,.35);border-radius:var(--radius-xs);padding:9px 11px}.title-picker-chosen-label{flex:1;min-width:0;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-picker-clear{border:none;background:none;cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted-2)}.title-picker-clear:hover{color:var(--brand)}.composer-image{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-3)}.composer-image-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 14px;border:1px dashed var(--border);border-radius:var(--radius-xs);background:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-2);transition:color var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.composer-image-btn:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-tint)}.composer-image-btn svg{width:17px;height:17px}#composer-image-file:focus-visible+.composer-image-btn{outline:2px solid var(--brand);outline-offset:2px}.composer-image-remove:hover{color:var(--brand)}.composer-image-preview{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-3)}.composer-tag-preview{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-3)}.composer-tag-preview .composer-tag-chip{cursor:default}.composer-tag-preview .composer-tag-chip:hover{color:var(--brand);background:var(--brand-tint)}.composer-tag-chip{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand);background:var(--brand-tint);border:none;border-radius:var(--radius-pill);padding:4px 9px;cursor:pointer;transition:color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.composer-tag-chip:hover{color:#fff;background:var(--brand)}.composer-tag-input{flex:1;min-width:140px;border:none;background:none;outline:none;font-family:inherit;font-size:var(--text-sm);color:var(--fg);padding:2px 0}.channel-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 10px}.channel-tag{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand);background:var(--brand-tint);border-radius:var(--radius-pill);padding:4px 10px;cursor:pointer;transition:color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.channel-tag:hover{color:#fff;background:var(--brand)}#channel-tag-filter-bar{align-items:center;gap:8px;background:var(--brand-tint);border:1px solid #F9C29B;border-radius:var(--radius-pill);padding:8px 8px 8px 16px;margin-bottom:16px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand-darker)}#channel-tag-filter-bar button{margin-left:auto;background:var(--surface);border:none;width:22px;height:22px;border-radius:var(--radius-pill);cursor:pointer;color:var(--brand-darker);display:flex;align-items:center;justify-content:center;flex-shrink:0}#channel-tag-filter-bar button svg{width:12px;height:12px}.channel-composer-modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:400;align-items:center;justify-content:center;padding:20px}.channel-composer-modal-backdrop.open{display:flex}.channel-composer-modal-box{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);width:480px;max-width:100%;padding:20px 22px 22px;position:relative;max-height:calc(100dvh - 40px);overflow-y:auto}.channel-composer-modal-head{display:flex;align-items:center;justify-content:center;position:relative;font-weight:var(--weight-extra);font-size:var(--text-base);color:var(--fg);padding-bottom:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-lighter)}.channel-composer-modal-close{position:absolute;right:0;top:calc(50% - var(--space-1));transform:translateY(-50%);background:var(--surface-alt);border:none;width:30px;height:30px;border-radius:var(--radius-pill);cursor:pointer;color:var(--fg-soft);display:flex;align-items:center;justify-content:center}.channel-composer-modal-close svg{width:16px;height:16px}.channel-composer-modal-who{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.channel-composer-modal-name{font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--fg)}.channel-composer-type-tabs{margin-bottom:var(--space-3)}.channel-composer-title-input{width:100%;border:none;outline:none;font-family:inherit;font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-relaxed);color:var(--fg);background:var(--surface);box-sizing:border-box;padding:0 0 6px;margin-bottom:var(--space-2);border-bottom:1px solid var(--border-lighter);transition:border-color var(--duration) var(--ease-ios)}.channel-composer-title-input:focus{border-bottom-color:var(--brand)}.channel-composer-title-input::placeholder{color:var(--fg-placeholder);font-weight:var(--weight-bold)}.channel-composer-category-input::placeholder{color:var(--fg-placeholder)}#channel-post-input{width:100%;resize:vertical;min-height:96px;border:none;outline:none;font-family:inherit;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--fg);background:var(--surface);box-sizing:border-box;padding:0 0 8px;border-bottom:1px solid var(--border-lighter);transition:border-color var(--duration) var(--ease-ios)}#channel-post-input:focus{border-bottom-color:var(--brand)}#channel-post-input::placeholder{color:var(--fg-placeholder)}.channel-composer-modal-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.composer-attachments{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex-wrap:wrap}.channel-composer-modal-actions .channel-composer-submit{width:auto;min-width:108px;flex-shrink:0}@media(max-width:440px){.channel-composer-modal-actions{flex-direction:column;align-items:stretch}.channel-composer-modal-actions .channel-composer-submit{width:100%}}.channel-composer-submit{width:100%;padding:var(--space-3);border:none;border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--duration) var(--ease-ios)}.channel-composer-submit:hover:not(:disabled){background:var(--brand-darker)}.channel-composer-submit:disabled{background:var(--surface-alt);color:var(--fg-placeholder);cursor:not-allowed}.channel-post{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-lift);transition:transform var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios)}.channel-post{cursor:pointer}.channel-post p,.channel-post .channel-post-text,.channel-post .channel-post-title{cursor:auto}.channel-post:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift-strong);border-color:#fc4c0259}.channel-post:focus-within{border-color:#fc4c0273;box-shadow:var(--shadow-lift-strong)}@media(prefers-reduced-motion:reduce){.channel-post,.channel-post:hover{transform:none;transition:none}}.channel-post--unread{box-shadow:var(--shadow-lift),inset 3px 0 0 var(--brand)}.channel-post--unread:hover{box-shadow:var(--shadow-lift-strong),inset 3px 0 0 var(--brand)}.channel-new-pill{position:sticky;top:12px;z-index:5;display:block;margin:0 auto var(--space-4);padding:8px 18px;border:none;border-radius:999px;background:var(--brand);color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;box-shadow:0 4px 14px #fc4c0259;transition:transform var(--duration) var(--ease-ios)}.channel-new-pill:hover{transform:translateY(-1px)}.channel-new-pill:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.channel-new-pill,.channel-new-pill:hover{transform:none;transition:none}}.waifu-war-viewers{margin-left:auto;margin-right:10px;font-size:var(--text-xs);color:var(--fg-muted-2);white-space:nowrap}.waifu-war-archive-link{display:block;text-align:center;font-size:var(--text-xs);color:var(--fg-muted-2);text-decoration:none;padding:6px 0 2px}.waifu-war-archive-link:hover{color:var(--brand)}.channel-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.kyou-btn--sm{padding:6px 14px;font-size:var(--text-xs)}.channel-comment-like{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:4px 6px;margin-left:2px;color:var(--fg-muted-2);font-size:var(--text-xs);cursor:pointer;border-radius:999px;font-variant-numeric:tabular-nums}.channel-comment-like svg{width:13px;height:13px}.channel-comment-like:hover,.channel-comment-like.on{color:var(--brand)}.channel-comment-like:active{transform:scale(.94)}.admin-titles{display:flex;flex-direction:column;gap:8px}.admin-title{border:1px solid var(--border-lighter);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.admin-title.is-open{border-color:#fc4c0273}.admin-title-row{display:grid;grid-template-columns:40px minmax(0,1fr) repeat(5,72px);align-items:center;gap:var(--space-3);width:100%;padding:10px 12px;background:none;border:none;text-align:left;cursor:pointer;color:var(--fg)}.admin-title-row:hover{background:#fc4c020f}.admin-title-poster{width:40px;height:56px;object-fit:cover;border-radius:var(--radius-xs);display:block}.admin-title-poster--empty{background:var(--border-lighter)}.admin-title-main{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-title-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-title-nums{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-variant-numeric:tabular-nums}.admin-title-nums b{font-size:var(--text-base);font-weight:700}.admin-title-nums .kyou-meta{font-size:var(--text-2xs)}.admin-title-body{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);padding:var(--space-4) 12px var(--space-5);border-top:1px solid var(--border-lighter)}.admin-title-body-col{min-width:0}.admin-title-reviews{list-style:none;margin:0;padding:0;display:grid;gap:10px}.admin-title-review{border-left:2px solid var(--border-lighter);padding-left:10px}.admin-title-review-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}.admin-title-review-author{font-weight:600;font-size:var(--text-sm)}.admin-title-review-body{margin:0;font-size:var(--text-sm);color:var(--fg-muted-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.admin-spread{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;align-items:end;height:90px}.admin-spread-col{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.admin-spread-bar{background:var(--brand);border-radius:3px 3px 0 0;min-height:2px}.admin-spread-label{text-align:center;font-size:var(--text-2xs);color:var(--fg-muted-2);margin-top:3px}@media(max-width:1100px){.admin-title-row{grid-template-columns:40px minmax(0,1fr);row-gap:8px}.admin-title-nums{grid-column:2;flex-direction:row;align-items:baseline;gap:4px}.admin-title-body{grid-template-columns:minmax(0,1fr)}}.profile-full-link:hover{color:var(--brand)}.people-results{margin-bottom:var(--space-5)}.people-results-head{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted-2);margin:0 0 8px}.people-row{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;margin-bottom:6px;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);text-decoration:none;color:var(--fg);transition:border-color var(--duration) var(--ease-ios)}.people-row:hover{border-color:#fc4c0259}.people-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:700}.people-avatar img{width:100%;height:100%;object-fit:cover}.people-id{display:flex;flex-direction:column;min-width:0;flex:1}.people-name{font-weight:600;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-handle{font-size:var(--text-xs);color:var(--fg-muted-2)}.people-posts{font-size:var(--text-xs);color:var(--fg-muted-2);flex-shrink:0;font-variant-numeric:tabular-nums}.mprofile-wrap{width:100%;max-width:var(--kolom-profil, var(--container-max));box-sizing:border-box;min-height:calc(100vh - var(--navbar-h));padding:0 var(--tepi-halaman) var(--space-12)}.mprofile-cover .mprofile-back{position:absolute;z-index:2;top:var(--space-4);left:var(--space-5);margin:0;background:none;border:none;padding:0;color:#fff;font-weight:var(--weight-extra);font-size:var(--text-base);text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 10px rgba(0,0,0,.5)}.mprofile-cover .mprofile-back:hover{color:#fff;text-decoration:underline}.mprofile-cover .mprofile-back svg{width:18px;height:18px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.75))}.mprofile-cover{aspect-ratio:3 / 1;margin:0 calc(var(--space-5) * -1);position:relative;margin-top:0;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}.mprofile-cover.has-banner{background-size:cover;background-position:center}@media(min-width:1440px){.mprofile-cover{aspect-ratio:auto;height:420px}}.mprofile-edit{position:absolute;top:var(--space-3);right:var(--space-3);width:34px;height:34px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,.18);box-shadow:0 2px 6px #00000059;cursor:pointer;transition:transform var(--duration) var(--ease-ios)}.mprofile-edit:hover{transform:scale(1.06)}.mprofile-edit:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.mprofile-edit svg{width:17px;height:17px}.mprofile-bio{margin:var(--space-5) 0 var(--space-4);max-width:60ch;font-size:var(--text-sm);color:var(--fg);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.mprofile-head{display:flex;align-items:flex-end;gap:var(--space-4);margin-top:-46px;margin-bottom:var(--space-4)}.mprofile-avatar{width:96px;height:96px;flex-shrink:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--font-rounded);font-size:34px;font-weight:var(--weight-black);box-shadow:0 0 0 4px var(--bg)}.mprofile-head .avatar-frame{padding:5px;box-shadow:0 0 0 4px var(--bg)}.mprofile-head .avatar-frame .mprofile-avatar{box-shadow:none}.mprofile-avatar img{width:100%;height:100%;object-fit:cover}.mprofile-id{flex:1;min-width:0;padding-bottom:4px}.mprofile-name{font-size:var(--text-2xl);font-weight:700;margin:0;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mprofile-handle{color:var(--fg-muted-2);font-size:var(--text-sm);margin:2px 0 0}.mprofile-follow{flex-shrink:0;margin-bottom:4px;padding:9px 22px;border-radius:999px;border:none;background:var(--brand);color:#fff;font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:transform var(--duration) var(--ease-ios),opacity var(--duration) var(--ease-ios)}.mprofile-follow:hover{opacity:.9}.mprofile-follow:active{transform:scale(.97)}.mprofile-follow.is-following{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--border-lighter)}.mprofile-stats{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--fg-muted-2)}.mprofile-stats b{color:var(--fg);font-weight:700;font-variant-numeric:tabular-nums}.mprofile-dot{margin:0 8px;opacity:.5}.mprofile-nobasho{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--fg-muted-2)}.mprofile-settings{margin-left:auto;display:flex;align-items:center;color:var(--fg-soft);padding:0 0 var(--space-3);transition:color var(--duration) var(--ease-ios)}.mprofile-settings:hover{color:var(--brand)}.mprofile-settings:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.mprofile-settings svg{width:19px;height:19px}.mprofile-tabs{display:flex;gap:var(--space-5);border-bottom:1px solid var(--border-lighter);margin-bottom:var(--space-5);overflow-x:auto;scrollbar-width:none}.mprofile-tabs::-webkit-scrollbar{display:none}.mprofile-tab{position:relative;flex-shrink:0;background:none;border:none;cursor:pointer;padding:10px 2px 12px;color:var(--fg-muted-2);font-size:var(--text-sm);font-weight:600;display:inline-flex;align-items:center;gap:6px}.mprofile-tab:hover,.mprofile-tab.is-on{color:var(--fg)}.mprofile-tab.is-on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand);border-radius:2px 2px 0 0}.mprofile-tab.is-on .mprofile-tab-count{background:var(--brand-light);color:var(--brand)}.mprofile-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}.mprofile-poster{display:flex;flex-direction:column;gap:6px;background:none;border:none;padding:0;cursor:pointer;text-align:left;color:var(--fg)}.mprofile-poster-img{display:block;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.mprofile-poster:hover .mprofile-poster-img{transform:translateY(-3px);box-shadow:var(--shadow-lift-strong)}.mprofile-poster-name{font-size:var(--text-xs);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mprofile-poster-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mprofile-status{font-size:var(--text-2xs);color:var(--fg-muted-2)}.mprofile-status[data-val=watching]{color:var(--brand);font-weight:600}.mprofile-score{font-size:var(--text-2xs);font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums}.mprofile-reviews{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.mprofile-review{border-left:2px solid var(--border-lighter);padding-left:var(--space-4)}.mprofile-review-title{background:none;border:none;padding:0;cursor:pointer;color:var(--fg);font-weight:700;font-size:var(--text-base)}.mprofile-review-title:hover{color:var(--brand)}.mprofile-review-text{margin:4px 0;font-size:var(--text-sm);color:var(--fg-muted-2);line-height:1.55}.mprofile-review-meta{font-size:var(--text-xs);color:var(--fg-muted-2)}@media(max-width:560px){.mprofile-avatar{width:76px;height:76px;font-size:26px}.mprofile-head{margin-top:-36px}.mprofile-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.war-archive-wrap{width:100%;max-width:720px;box-sizing:border-box;min-height:calc(100vh - var(--navbar-h));padding:var(--space-6) var(--space-5) var(--space-12)}.war-archive-head{margin-bottom:var(--space-5)}.war-archive-title{font-size:var(--text-2xl);font-weight:700;margin:0}.war-archive-sub{color:var(--fg-muted-2);font-size:var(--text-sm);margin:4px 0 0}.war-archive-section{margin-bottom:var(--space-6)}.war-archive-section-head{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted-2);margin:0 0 var(--space-3)}.war-archive-row{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);transition:border-color var(--duration) var(--ease-ios)}.war-archive-row:hover{border-color:#fc4c0259}.war-archive-row--live{border-left:3px solid var(--brand)}.war-archive-row-title{font-weight:600;color:var(--fg);font-size:var(--text-base)}.war-archive-row-meta{font-size:var(--text-sm);color:var(--fg-muted-2)}.channel-post-text--lead{font-size:15px;font-weight:600;color:var(--fg)}.channel-post-text--lead .channel-post-link{color:inherit;text-decoration:none}.channel-post-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.channel-post-head .char-avatar{width:36px;height:36px;font-size:var(--text-sm);flex-shrink:0}.channel-post-user{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg)}.channel-post-user-link,.channel-comment-user{color:inherit;text-decoration:none}.channel-post-user-link:hover,.channel-comment-user:hover{text-decoration:underline}.channel-post-user-link:focus-visible,.channel-comment-user:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}.channel-post-role{display:inline-block;vertical-align:middle;margin-left:6px;padding:1px 7px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.5;white-space:nowrap}.channel-post-role--admin{background:color-mix(in srgb,var(--brand) 16%,var(--surface));color:color-mix(in srgb,var(--brand) 60%,var(--fg))}.channel-post-role--moderator{background:var(--surface-alt);border:1px solid var(--border);color:var(--fg-muted)}.channel-post-time{font-size:var(--text-xs);color:var(--fg-placeholder)}.channel-post-why{color:var(--fg-placeholder)}.channel-post-why:before{content:" · "}.channel-section-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.channel-section-tab{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface-alt);cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg-muted-2);padding:9px 18px;border-radius:var(--radius-pill);transition:all var(--duration) var(--ease-ios)}.channel-section-tab:hover{color:var(--brand);background:var(--brand-light);border-color:transparent}.channel-section-tab.active{background:var(--brand);color:#fff;border-color:transparent;box-shadow:0 2px 6px #fc4c0259}.channel-post-image--lead{width:100%;aspect-ratio:16 / 9;max-height:300px;object-fit:cover;border-radius:var(--radius-md);margin:0 0 10px}.channel-post-series{float:right;margin:0 0 var(--space-2) var(--space-3);width:96px;height:136px;flex-shrink:0;display:block;overflow:hidden;text-decoration:none;border-radius:var(--radius-xs);border:1px solid var(--border-lighter);background:var(--surface-alt);transition:transform var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios)}.channel-post-series:hover{transform:translateY(-2px);border-color:var(--brand)}.channel-post-series:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.channel-post-series:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.channel-post-series{transition:none}.channel-post-series:hover{transform:none}}.channel-post-series img{width:100%;height:100%;object-fit:cover;display:block}.channel-post-series-fallback{display:block;padding:4px;font-size:var(--text-2xs);line-height:1.2;color:var(--fg-muted-2);overflow:hidden}.channel-post-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-2)}.channel-post-actions,.channel-tags-row,.channel-post-toko,.channel-post-photos,.spoiler-region,.waifu-war{clear:both}.channel-post-type-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted-2);background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px var(--space-2)}.channel-post-text.is-spoiler,.channel-post-photos.is-spoiler{-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden}.channel-post-photos.is-spoiler{filter:blur(26px);transform:scale(1.04)}.channel-post-text.is-spoiler{filter:blur(7px)}.channel-post-text.is-spoiler{color:transparent;text-shadow:0 0 10px var(--fg-muted-2)}.spoiler-region{position:relative}.spoiler-region--polos{min-height:140px}.spoiler-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);text-align:center}.spoiler-cover-note,.spoiler-cover-btn{position:relative;z-index:1}.spoiler-cover-note{margin:0;display:inline-block;padding:9.5px 21px;background:#fc4c02;border-radius:var(--radius-lg);font-family:var(--font-rounded);font-size:clamp(1.2rem,2.1vw,1.38rem);font-weight:var(--weight-extra);letter-spacing:-.5px;color:#fff;box-shadow:0 2px 6px #00000047}.spoiler-cover-btn{flex-shrink:0;padding:7.6px 21px;border:1.5px solid #fc4c02;border-radius:var(--radius-pill);background:#fff;color:#382e2c;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;box-shadow:0 2px 6px #00000047;transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.spoiler-cover-btn:hover{background:#fc4c02;color:#fff}@media(prefers-reduced-motion:reduce){.spoiler-cover-btn{transition:none}}.channel-post-spoiler-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted-2);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px var(--space-2)}.channel-post--diskusi .channel-post-title{font-size:var(--text-xl);line-height:1.25}.channel-post--fan_art .channel-post-title,.channel-post--koleksi .channel-post-title{font-size:var(--text-lg)}.channel-post--fan_art .channel-post-image{max-height:420px}.channel-post--koleksi .channel-post-series{border-color:var(--brand)}.channel-post-pinned-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:#fff;background:var(--brand);border:1px solid var(--brand);border-radius:var(--radius-pill);padding:2px var(--space-2)}.channel-post-locked-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted-2);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px var(--space-2)}.channel-locked-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-top:var(--space-4);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--fg-muted-2)}.channel-spoiler-toggle{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:12px;border:none;background:none;cursor:pointer;padding:0;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted-2);transition:color var(--duration) var(--ease-ios)}.channel-spoiler-toggle:hover{color:var(--fg)}.channel-spoiler-toggle.active{color:var(--brand)}.channel-spoiler-toggle-switch{position:relative;width:34px;height:20px;border-radius:var(--radius-pill);background:var(--border);flex-shrink:0;transition:background var(--duration) var(--ease-ios)}.channel-spoiler-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-card);transition:transform var(--duration) var(--ease-ios)}.channel-spoiler-toggle.active .channel-spoiler-toggle-switch{background:var(--brand)}.channel-spoiler-toggle.active .channel-spoiler-toggle-switch:after{transform:translate(14px)}.komyuu-search{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.komyuu-search-input{flex:1;min-width:0;border:1px solid var(--border-lighter);border-radius:var(--radius-pill);padding:9px var(--space-4);font-family:inherit;font-size:var(--text-sm);color:var(--fg);background:transparent;transition:border-color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.komyuu-search-input:hover{background:var(--surface)}.komyuu-search-input::placeholder{color:var(--fg-placeholder)}.komyuu-search-input:focus{outline:none;border-color:var(--brand)}.komyuu-search-btn{flex-shrink:0;border:1px solid var(--brand);border-radius:var(--radius-pill);background:transparent;color:var(--brand);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);padding:9px 20px;cursor:pointer;transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.komyuu-search-btn:hover:not(:disabled){background:var(--brand);color:#fff}.komyuu-search-btn:disabled{background:var(--surface-alt);color:var(--fg-muted-2);cursor:default}.komyuu-search-summary{font-size:var(--text-sm);color:var(--fg-muted-2);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.komyuu-bingo-line-badge{display:inline-block;font-size:var(--text-2xs);font-weight:var(--weight-extra);color:#fff;background:var(--brand);border-radius:var(--radius-pill);padding:1px 7px;margin-left:var(--space-2);vertical-align:middle}.komyuu-bingo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.komyuu-bingo-cell{position:relative;aspect-ratio:1;border-radius:var(--radius-xs);overflow:hidden;background:var(--surface-alt);border:1px solid var(--border-lighter)}.komyuu-bingo-cell{display:block;cursor:pointer;transition:transform var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios)}.komyuu-bingo-cell:hover{transform:translateY(-2px);border-color:var(--brand)}.komyuu-bingo-cell:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.komyuu-bingo-cell:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.komyuu-bingo-cell,.komyuu-bingo-cell:hover,.komyuu-bingo-cell:active{transform:none;transition:none}}.komyuu-bingo-cell img{width:100%;height:100%;object-fit:cover;display:block}.komyuu-bingo-cell-placeholder{width:100%;height:100%;background:var(--surface-alt)}.komyuu-bingo-cell.done{border-color:var(--brand)}.komyuu-bingo-cell.done:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fc4c0259}.komyuu-bingo-check{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:var(--brand);color:#fff;font-size:10px;font-weight:var(--weight-extra);display:flex;align-items:center;justify-content:center;z-index:1}.komyuu-lb-row{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;border-radius:var(--radius-xs);transition:background var(--duration) var(--ease-ios)}.komyuu-lb-row:hover{background:var(--surface-alt)}.komyuu-lb-row.is-me{background:var(--brand-light)}.komyuu-lb-rank{font-size:var(--text-xs);font-weight:var(--weight-extra);color:var(--fg-muted-2);width:16px;flex-shrink:0}.komyuu-lb-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.komyuu-checkin-btn{width:100%;border:none;border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);padding:9px 12px;cursor:pointer;transition:background var(--duration) var(--ease-ios)}.komyuu-checkin-btn:hover:not(:disabled){background:var(--brand-darker)}.komyuu-checkin-btn:disabled{background:var(--surface-alt);color:var(--fg-muted-2);cursor:default}.komyuu-quests{display:flex;flex-direction:column;gap:4px;margin-top:var(--space-2)}.komyuu-quest{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--fg-muted-2)}.komyuu-quest.done{color:var(--gold);text-decoration:line-through}.komyuu-quest-label{flex:1;min-width:0}.komyuu-quest-progress{font-weight:var(--weight-bold);flex-shrink:0}.avatar-frame{display:inline-block;padding:2px;border-radius:50%;line-height:0;position:relative;height:fit-content;flex:0 0 auto}.avatar-frame--hadir-seminggu{padding:3px;background:repeating-conic-gradient(#cd7f32,#cd7f32 18deg,#f0c9a0 18deg,#f0c9a0 36deg)}.avatar-frame--maraton-20{background:linear-gradient(135deg,#2f7d92,#7fc4d6)}.avatar-frame--pembuka-obrolan{padding:3px;background:conic-gradient(from 210deg,#6b7280,#d6dade,#6b7280,#d6dade,#6b7280)}.avatar-frame--maraton-100{padding:3px;background:conic-gradient(from 0deg,#d4a017,#fff3c4,#d4a017,#fff3c4,#d4a017)}.inventory-item:hover:not(:disabled){border-color:var(--brand)}.inventory-item.locked{opacity:.45;cursor:not-allowed}.inventory-item.equipped{border-color:var(--brand);background:var(--brand-light)}.waifu-war{position:relative;margin-bottom:16px}.waifu-war>*{position:relative}.waifu-war-head{display:flex;align-items:center;gap:6px;margin-bottom:var(--space-3)}.waifu-war-title{font-size:var(--text-sm);font-weight:var(--weight-extra);color:var(--fg-muted-2);flex:1;min-width:0}.waifu-war-time{font-size:var(--text-xs);color:var(--fg-muted-2);flex-shrink:0}.waifu-war-candidates{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.waifu-war-candidate{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt);padding:var(--space-4) var(--space-3);font-family:inherit;transition:transform var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.waifu-war-candidate:hover:not(:disabled),.waifu-war-candidate:focus-visible:not(:disabled){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--surface));transform:translateY(-2px)}.waifu-war-candidate:disabled{cursor:default}.waifu-war-candidate.mine{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 16%,var(--surface));box-shadow:0 0 0 1px var(--brand)}@media(prefers-reduced-motion:reduce){.waifu-war-candidate,.waifu-war-candidate:hover{transform:none;transition:none}}.waifu-war-candidate img{width:100%;max-height:160px;object-fit:cover;border-radius:var(--radius-xs)}.waifu-war-candidate-img{width:100%;max-height:150px;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-alt)}.poll-option-thumb{flex-shrink:0;width:44px;height:44px;cursor:pointer;display:grid;place-items:center;overflow:hidden;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg-muted-2);transition:border-color var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.poll-option-thumb:hover{border-color:var(--brand);color:var(--brand)}.poll-option-thumb.has-image{border-style:solid;padding:0}.poll-option-thumb img{width:100%;height:100%;object-fit:cover}.poll-option-thumb svg{width:18px;height:18px}.poll-option-thumb-wait{font-size:var(--text-sm);color:var(--fg-muted-2)}.poll-option-thumb-clear{flex-shrink:0;width:18px;height:18px;padding:0;margin-left:-12px;align-self:flex-start;z-index:1;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;background:var(--fg);color:var(--surface)}.poll-option-thumb-clear svg{width:10px;height:10px}.waifu-war-list{display:flex;flex-direction:column;gap:8px;margin-top:var(--space-3)}.waifu-war-option{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-3);padding:11px var(--space-3);cursor:pointer;text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt);font-family:inherit;transition:border-color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.waifu-war-option:hover:not(:disabled),.waifu-war-option:focus-visible:not(:disabled){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface))}.waifu-war-option:disabled{cursor:default}.waifu-war-option.mine{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.waifu-war-option-fill{position:absolute;inset:0 auto 0 0;z-index:0;background:var(--poll-fill);border-right:2px solid var(--brand);transition:width var(--duration-slow) var(--ease-ios)}.waifu-war-option-fill[style*="width: 0%"]{border-right:none}.waifu-war-option.leading .waifu-war-option-fill{background:var(--poll-fill-lead)}.waifu-war-option-thumb{position:relative;z-index:1;flex-shrink:0;width:44px;height:44px;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-alt);margin:-4px 2px -4px -4px}.waifu-war-option-name{position:relative;z-index:1;min-width:0;margin-right:auto;font-family:var(--font-rounded);font-size:var(--text-sm);font-weight:var(--weight-black);color:var(--fg);letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waifu-war-option-pct{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:baseline;gap:5px;font-family:var(--font-rounded);font-size:var(--text-sm);font-weight:var(--weight-extra);color:var(--fg);font-variant-numeric:tabular-nums}.waifu-war-option-pct small{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--fg-muted-2)}@media(prefers-reduced-motion:reduce){.waifu-war-option,.waifu-war-option-fill{transition:none}}.waifu-war-name{font-family:var(--font-rounded);font-size:var(--text-base);font-weight:var(--weight-black);color:var(--fg);letter-spacing:var(--tracking-tight)}.waifu-war-bar{display:block;width:100%;height:8px;background:var(--border);border-radius:var(--radius-pill);overflow:hidden}.waifu-war-bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--brand-darker),var(--brand));transition:width .6s var(--ease-ios)}.waifu-war-pct{font-family:var(--font-rounded);font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--fg);line-height:1.1}.waifu-war-pct small{display:block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted-2);letter-spacing:0}.waifu-war-hint{font-size:var(--text-xs);color:var(--fg-muted-2);margin:var(--space-3) 0 0;text-align:center}.waifu-war-error{font-size:var(--text-xs);color:var(--brand);margin:var(--space-2) 0 0;text-align:center}.waifu-war-create-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-tint)}.waifu-war:not(.waifu-war--wide){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.waifu-war--wide{padding:0}.waifu-war--wide .waifu-war-candidates{gap:var(--space-6)}.waifu-war--wide .waifu-war-candidate{padding:var(--space-4) var(--space-5)}.waifu-war--wide .waifu-war-name{font-size:var(--text-base)}.waifu-war--wide .waifu-war-pct{display:flex;align-items:baseline;justify-content:center;gap:6px;font-size:var(--text-2xl)}.waifu-war--wide .waifu-war-pct small{font-size:var(--text-sm)}.channel-post--war .waifu-war{margin-top:var(--space-3)}.channel-post--war .channel-post-title{font-size:var(--text-lg)}@media(max-width:560px){.waifu-war--wide .waifu-war-candidates{grid-template-columns:1fr;gap:var(--space-5)}}.poll-fields{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--brand) 4%,var(--surface))}.poll-fields-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.poll-fields-label{font-family:var(--font-rounded);font-size:var(--text-sm);font-weight:var(--weight-extra);color:var(--fg)}.poll-fields-count{font-size:var(--text-xs);color:var(--fg-muted-2);font-variant-numeric:tabular-nums}.poll-option-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.poll-option-input{flex:1;min-width:0;padding:9px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-family:inherit;font-size:var(--text-base)}.poll-option-input:focus{outline:none;border-color:var(--brand)}.poll-option-input::placeholder{color:var(--fg-placeholder)}.poll-option-remove{flex-shrink:0;width:26px;height:26px;padding:0;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--fg-muted-2);cursor:pointer;transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.poll-option-remove:hover{background:var(--surface-alt);color:var(--fg)}.poll-option-remove svg{width:14px;height:14px}.poll-option-add{width:100%;padding:8px;margin-top:2px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--fg-muted-2);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.poll-option-add:hover{border-color:var(--brand);color:var(--brand)}.poll-duration-fixed{margin:var(--space-3) 0 0;padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--fg-muted-2)}.channel-post-title{font-family:var(--font-rounded);font-size:var(--text-lg);font-weight:var(--weight-extra);color:var(--fg);margin:0 0 6px;line-height:1.3}.channel-post-link{color:inherit;text-decoration:none}.channel-post-link:hover{color:var(--brand)}.channel-post-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--radius-xs)}.channel-post-text{font-size:15px;color:var(--fg);line-height:1.65;margin:0 0 10px;white-space:pre-wrap;max-width:68ch}.channel-post-text--snippet{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.komyuu-search-highlight{background:none;color:var(--brand);font-weight:var(--weight-extra)}.channel-post-actions{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--border-lighter)}@media(max-width:520px){.channel-post-actions{flex-wrap:wrap;row-gap:6px;gap:6px}.channel-action .aksi-teks{display:none}.channel-action{padding-inline:8px}}.channel-action{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-bold);font-family:inherit;color:var(--fg-soft);cursor:pointer;border:none;background:var(--surface-alt);border-radius:var(--radius-pill);padding:7px 12px;transition:color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.channel-action:hover{color:var(--brand);background:var(--brand-tint)}.channel-action:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.channel-action.liked{color:var(--brand);background:var(--brand-light)}.channel-action.liked{color:var(--status-discount)}.channel-action svg{width:16px;height:16px}button.channel-action{border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}.channel-action.is-repost{color:var(--status-ready)}.channel-action.pasif{margin-left:auto;cursor:default}.channel-action.pasif:hover{background:none;color:var(--fg-muted-2)}.channel-comment-item{display:flex;gap:8px;padding:10px 0}.channel-comment-item .char-avatar{width:30px;height:30px;font-size:var(--text-xs);flex-shrink:0}.channel-comment-body{flex:1;min-width:0}.channel-comment-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.channel-comment-user{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg)}.channel-comment-time{font-size:var(--text-xs);color:var(--fg-placeholder);margin-left:auto}.channel-comment-head .comment-menu-wrap{margin-left:4px}.channel-comment-reply{margin-left:38px;padding:8px 0}.channel-comment-deep{position:relative;margin-left:30px;padding:8px 0 8px 22px}.channel-comment-deep:before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:2px solid var(--thread-line);pointer-events:none}.channel-comment-deep:last-child:before{bottom:auto;height:26px}.channel-comment-deep:after{content:"";position:absolute;left:0;top:10px;width:16px;height:16px;border-left:2px solid var(--thread-line);border-bottom:2px solid var(--thread-line);border-bottom-left-radius:10px;pointer-events:none}.channel-deep-toggle{position:relative;display:block;margin:6px 0 0 30px;padding:0 0 0 22px;background:none;border:none;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-xs);color:var(--fg-soft);transition:color var(--duration) var(--ease-ios)}.channel-deep-toggle:before{content:"";position:absolute;left:0;top:-10px;width:16px;height:18px;border-left:2px solid var(--thread-line);border-bottom:2px solid var(--thread-line);border-bottom-left-radius:10px}.channel-deep-toggle:hover{color:var(--brand)}.channel-reply-toggle{background:none;border:none;cursor:pointer;padding:0;margin-top:4px;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-xs);color:var(--fg-soft);transition:color var(--duration) var(--ease-ios)}.channel-reply-toggle:hover{color:var(--brand)}.channel-load-more{display:block;margin:var(--space-4) auto 0;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--brand-darker);background:var(--brand-light);border:none;border-radius:var(--radius-pill);padding:9px 20px;cursor:pointer;transition:background var(--duration) var(--ease-ios)}.channel-load-more:hover:not(:disabled){background:var(--brand-tint)}.channel-load-more:disabled{opacity:.6;cursor:not-allowed}.channel-comment-text{font-size:var(--text-sm);color:var(--fg-2);margin-top:2px}.edited-mark{font-size:var(--text-xs);color:var(--fg-3);margin-left:6px;cursor:help}.edited-mark:before{content:"·";margin-right:6px}.channel-comment-edit{margin-top:4px}.channel-comment-edit-input{width:100%;resize:vertical;min-height:60px;padding:8px 10px;font-family:inherit;font-size:var(--text-sm);color:var(--fg);background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-xs)}.channel-comment-edit-input:focus{outline:none;border-color:var(--brand)}.channel-comment-edit-actions{display:flex;gap:8px;margin-top:6px}.channel-composer-type-tabs button:disabled{opacity:.55;cursor:not-allowed}.channel-post-official svg{width:9px;height:9px}.channel-post-avatar{cursor:pointer}.channel-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg-soft);padding:6px 0;margin-bottom:16px;transition:color var(--duration) var(--ease-ios)}.channel-back-btn:hover{color:var(--brand)}.channel-back-btn svg{width:16px;height:16px}.channel-detail-comments-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-weight:var(--weight-extra);font-size:var(--text-base);color:var(--fg);margin:22px 0 4px}.comment-sort{position:relative}.comment-sort-trigger{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;border-radius:var(--radius-sm);background:none;color:var(--fg-muted-2);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.comment-sort-trigger:hover{background:var(--surface-alt);color:var(--fg)}.comment-sort-trigger svg{width:14px;height:14px}.comment-sort-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:148px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-dropdown)}.comment-sort-item{display:block;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:inherit;transition:background var(--duration) var(--ease-ios)}.comment-sort-item:hover{background:var(--surface-alt)}.comment-sort-item-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}.comment-sort-item.is-on .comment-sort-item-label{color:var(--brand)}.komyuu-card>.channel-detail-comments-head:first-child{margin-top:0}.channel-detail-no-comments{text-align:center;color:var(--fg-soft);font-size:var(--text-sm);padding:24px}.channel-detail-composer{display:none;position:sticky;bottom:var(--space-4);background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-4);gap:10px;align-items:center;z-index:5;box-sizing:border-box}.channel-detail-composer.open{display:flex}.channel-detail-composer.channel-comment-reply{position:static;margin:4px 0 8px 38px;background:none;border:none;box-shadow:none;padding:0}.channel-detail-composer.channel-comment-deep{position:relative;margin:4px 0 8px 30px;background:none;border:none;box-shadow:none;padding:6px 0 6px 22px}.channel-detail-composer .char-avatar{width:32px;height:32px;font-size:var(--text-sm);flex-shrink:0}.channel-detail-composer input{flex:1;border:1px solid var(--border);border-radius:var(--radius-pill);padding:9px 14px;font-family:inherit;font-size:var(--text-sm);color:var(--fg);min-width:0;background:var(--surface-alt)}.channel-detail-composer input:focus{outline:none;border-color:var(--brand)}.channel-detail-composer input::placeholder{color:var(--fg-soft)}.channel-detail-composer .comment-box-send{font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);background:var(--brand);color:#fff;border:none;border-radius:var(--radius-pill);padding:9px 18px;cursor:pointer;flex-shrink:0}.channel-detail-composer .comment-box-send:hover{background:var(--brand-darker)}.kyou-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%) translateY(20px);z-index:500;background:#2d2d2d;color:#fff;font-size:var(--text-sm);font-weight:var(--weight-bold);padding:12px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);opacity:0;pointer-events:none;transition:opacity var(--duration) var(--ease-ios),transform var(--duration) var(--ease-ios)}.kyou-toast.open{opacity:1;transform:translate(-50%) translateY(0)}#login-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:hidden}:root[data-theme=dark] #login-view{--brand: #fc4c02;--brand-darker: #bf3901;--brand-light: #fff3ee;--surface: #ffffff;--fg: #2d2d2d;--fg-muted: #565252;--fg-muted-2: #606060;--fg-soft: #808080;--fg-placeholder: #a2a2a2;--border: #d1d3d4;--border-dark: #c0c0c0;--border-lighter: #dadada}.login-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,1fr);height:100%}.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:clamp(36px,7vh,80px) clamp(28px,4.5vw,72px) 0;background:radial-gradient(120% 80% at 12% 8%,#ff5f20 0%,transparent 55%),linear-gradient(150deg,var(--brand) 0%,var(--brand-darker) 100%)}.login-brand-pola{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-brand-pola img{position:absolute;opacity:.16;filter:brightness(0) invert(1)}.login-brand-pola img[data-i="0"]{width:108px;top:3%;left:46%;transform:rotate(-12deg)}.login-brand-pola img[data-i="1"]{width:84px;top:16%;right:9%;transform:rotate(9deg)}.login-brand-pola img[data-i="2"]{width:122px;top:40%;right:4%;transform:rotate(-6deg)}.login-brand-pola img[data-i="3"]{width:92px;top:62%;left:4%;transform:rotate(14deg)}.login-brand-pola img[data-i="4"]{width:76px;top:78%;right:16%;transform:rotate(-9deg)}.login-brand-pola img[data-i="5"]{width:98px;top:30%;left:22%;transform:rotate(6deg);opacity:.1}.login-brand-pola img[data-i="6"]{width:70px;top:78%;left:30%;transform:rotate(-16deg);opacity:.12}.login-brand-pola img[data-i="7"]{width:64px;top:6%;right:30%;transform:rotate(11deg);opacity:.12}.login-brand-isi{position:relative;z-index:1;max-width:30rem;margin-block:auto}.login-brand-isi .asobi-mark{font-size:clamp(34px,4.4vw,64px);background:#fff;color:var(--brand);box-shadow:0 .11em #3a2b2347}.login-brand-kata{margin:30px 0 0;max-width:24ch;font-family:var(--font-rounded);font-weight:var(--weight-extra);font-size:clamp(20px,2vw,26px);line-height:1.35;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12)}.login-form-sisi{background:var(--surface);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px clamp(24px,4vw,64px);overflow-y:auto}.login-form{width:100%;max-width:25rem;animation:login-slide-up var(--duration-slow) var(--ease-ios)}@keyframes login-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.login-form{animation:none}}.login-form-merek{display:none;margin-bottom:22px}.login-title{font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:var(--text-3xl);color:var(--fg);margin:0 0 4px;letter-spacing:-.5px}.login-sub{font-size:var(--text-base);color:var(--fg-muted-2);margin:0 0 28px}.login-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.login-field label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted)}.login-input{width:100%;height:48px;box-sizing:border-box;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);font-family:inherit;font-size:var(--text-base);transition:border-color var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.login-input::placeholder{color:var(--fg-placeholder)}.login-input:hover{border-color:var(--border-dark)}.login-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #fc4c0229}.login-pw-wrap{position:relative}.login-pw-wrap .login-input{padding-right:46px}.login-pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--fg-soft);padding:8px;display:flex;border-radius:var(--radius-pill);transition:color var(--duration) var(--ease-ios)}.login-pw-toggle:hover{color:var(--brand)}.login-pw-toggle svg{width:18px;height:18px}.login-row-between{display:flex;align-items:center;justify-content:space-between;margin:4px 0 24px}.login-remember{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--fg-muted-2);cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember input{accent-color:var(--brand);width:15px;height:15px;margin:0}.login-row-between a{font-size:var(--text-sm);font-weight:var(--weight-bold)}.login-error{margin:0 0 16px;padding:11px 14px;border-radius:var(--radius-md);background:#fff5f5;border:1px solid #f0cccc;color:#7a2020;font-size:var(--text-sm);line-height:1.45}.login-btn-primary{width:100%;height:50px;border:none;border-radius:var(--radius-pill);background:var(--brand);color:#fff;cursor:pointer;font-family:var(--font-rounded);font-weight:var(--weight-extra);font-size:var(--text-md);transition:background var(--duration) var(--ease-ios),transform var(--duration-fast) var(--ease-ios)}.login-btn-primary:hover:not(:disabled){background:var(--brand-darker)}.login-btn-primary:active:not(:disabled){transform:translateY(1px)}.login-btn-primary:disabled{background:var(--brand-darker);opacity:.7;cursor:default}.login-signup{text-align:center;font-size:var(--text-sm);color:var(--fg-muted-2);margin:20px 0 0}.login-signup a{font-weight:var(--weight-bold)}.login-footer{margin:32px 0 0;text-align:center;font-size:var(--text-xs);color:var(--fg-muted-2)}.login-row-between a,.login-signup a{color:var(--brand-darker)}@media(max-width:680px){.login-split{grid-template-columns:1fr}.login-brand{display:none}.login-form-merek{display:block}.login-form-sisi{padding:32px 20px}}:root[data-theme=dark] .login-overlay-bg{background:#f7f7f7}.login-overlay-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f7f78c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.login-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px 56px;overflow-y:auto}.login-card{background:#fff;border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);width:100%;max-width:400px;padding:32px 28px 28px;animation:login-slide-up var(--duration) var(--ease-ios)}a.card-poster,a.card-title{text-decoration:none;color:inherit;display:block}a.card-title:hover{text-decoration:underline}.card-comment-float-who{color:var(--brand);font-weight:var(--weight-black);margin-right:5px}.admin-main{flex:1;min-width:0;max-width:100%}.admin-alert{padding:10px var(--space-4);border-radius:var(--radius-md);background:var(--surface-alt);color:var(--fg-2);font-size:var(--text-sm);margin:0 0 var(--space-3)}.admin-alert--error{background:var(--brand-light);color:var(--brand-darker)}.admin-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:var(--radius-pill);background:var(--status-discount);color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-black)}.channel-section-tab.active .admin-badge{background:#fff;color:var(--brand)}.admin-tab .admin-badge{background:var(--status-discount);color:#fff}.admin-card{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-card)}.admin-card--suspended{border-color:var(--brand)}.admin-card-head{font-family:var(--font-rounded);font-weight:var(--weight-extra);font-size:var(--text-base);color:var(--fg);margin:0 0 var(--space-4)}.admin-list{list-style:none;margin:0;padding:0}.admin-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-lighter)}.admin-row:last-child{border-bottom:none}.admin-row--log{flex-wrap:wrap}.admin-row-main{flex:1;min-width:0;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}.admin-row code{font-size:var(--text-xs);background:var(--surface-alt);padding:1px 6px;border-radius:var(--radius-xs);color:var(--fg-muted-2)}.admin-spark{display:flex;align-items:flex-end;gap:4px;height:120px;padding-top:var(--space-2)}.admin-spark-col{flex:1;height:100%;display:flex;align-items:flex-end}.admin-spark-stack{width:100%;display:flex;flex-direction:column;justify-content:flex-end;min-height:2px;border-radius:var(--radius-xs);overflow:hidden}.admin-spark-posts{background:var(--brand);min-height:0}.admin-spark-comments{background:var(--brand-light);min-height:0}:root[data-theme=dark] .admin-spark-comments{background:var(--brand-tint)}.admin-report-head{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-2)}.admin-report-content{font-size:var(--text-sm);color:var(--fg-2);line-height:var(--leading-relaxed);background:var(--surface-alt);border-radius:var(--radius-md);padding:var(--space-3);margin:0 0 var(--space-2)}.admin-report-reason{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand-darker);margin:var(--space-2) 0}.admin-user-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.admin-role{font-size:var(--text-2xs);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:.4px;padding:3px 10px;border-radius:var(--radius-pill);flex-shrink:0}.admin-role--member{background:var(--surface-alt);color:var(--fg-soft)}.admin-role--moderator{background:var(--brand-light);color:var(--brand-darker)}.admin-role--admin{background:var(--brand);color:#fff}.admin-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.admin-btn{border:1px solid var(--border);background:var(--surface-alt);cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg-muted-2);padding:8px 16px;border-radius:var(--radius-pill);transition:all var(--duration) var(--ease-ios)}.admin-btn:hover{color:var(--brand);background:var(--brand-light);border-color:transparent}.admin-btn--danger{color:var(--status-discount)}.admin-btn--danger:hover{background:var(--status-discount);color:#fff}.admin-btn--ghost{background:none}.admin-select{border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 14px;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);background:var(--surface-alt);cursor:pointer}@media(max-width:560px){.admin-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.admin-chips{display:flex;flex-wrap:wrap;gap:6px;margin:var(--space-2) 0}.admin-chip{font-size:var(--text-2xs);font-weight:var(--weight-bold);padding:3px 10px;border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--fg-muted-2);border:1px solid var(--border-lighter)}.admin-chip--warn{background:var(--brand-light);color:var(--brand-darker);border-color:transparent}.admin-chip--muted{opacity:.75}.admin-hours{display:flex;align-items:flex-end;gap:3px;height:110px}.admin-hour{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.admin-hour-bar{width:100%;min-height:2px;background:var(--brand);border-radius:var(--radius-xs) var(--radius-xs) 0 0}.admin-hour-label{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:var(--text-2xs);color:var(--fg-soft)}.admin-card .admin-hours{margin-bottom:20px}.admin-main{font-variant-numeric:tabular-nums}.admin-attention{border-left:3px solid var(--brand);background:var(--brand-light);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5)}.admin-attention-head{margin:0 0 6px;font-family:var(--font-rounded);font-size:var(--text-sm);font-weight:var(--weight-extra);color:var(--brand-darker)}.admin-attention-list{margin:0;padding-left:18px;font-size:var(--text-sm);color:var(--brand-darker);line-height:1.7}.admin-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-5);align-items:center;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);margin-bottom:var(--space-4)}@media(max-width:720px){.admin-hero{grid-template-columns:1fr}}.admin-hero-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-soft);margin-bottom:2px}.admin-hero-value{display:block;font-family:var(--font-rounded);font-size:56px;line-height:1;font-weight:var(--weight-black);color:var(--brand);letter-spacing:var(--tracking-tight)}.admin-hero-note{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--fg-2);line-height:var(--leading-relaxed);max-width:52ch;text-wrap:pretty}.admin-hero-side{display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);border-left:1px solid var(--border-lighter);padding-left:var(--space-5)}@media(max-width:720px){.admin-hero-side{border-left:none;border-top:1px solid var(--border-lighter);padding:var(--space-4) 0 0}}.admin-mini-label{display:block;font-size:var(--text-xs);color:var(--fg-soft)}.admin-mini-value{display:block;font-family:var(--font-rounded);font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--fg);line-height:1.2}.admin-mini-note{display:block;font-size:var(--text-2xs);color:var(--fg-soft)}.admin-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-5)}.admin-strip-item{padding:var(--space-4);border-right:1px solid var(--border-lighter);transition:background var(--duration) var(--ease-ios)}.admin-strip-item:last-child{border-right:none}.admin-strip-item:hover{background:var(--surface-alt)}.admin-strip-value{display:block;font-family:var(--font-rounded);font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--fg);line-height:1.1}.admin-strip-item--warn .admin-strip-value{color:var(--brand)}.admin-strip-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted-2);margin-top:2px}.admin-strip-note{display:block;font-size:var(--text-2xs);color:var(--fg-soft)}.admin-legend{display:flex;align-items:center;gap:6px;margin:var(--space-3) 0 0;font-size:var(--text-2xs);color:var(--fg-soft)}.admin-legend-key{width:10px;height:10px;border-radius:3px;display:inline-block;margin-left:var(--space-3)}.admin-legend-key:first-child{margin-left:0}.admin-legend-key--posts{background:var(--brand)}.admin-legend-key--comments{background:var(--brand-light)}:root[data-theme=dark] .admin-legend-key--comments{background:var(--brand-tint)}.admin-btn:active{transform:translateY(1px)}.admin-row{transition:background var(--duration) var(--ease-ios);border-radius:var(--radius-xs)}.admin-row:hover{background:var(--surface-alt)}.admin-num{font-variant-numeric:tabular-nums}.channel-action--report{color:var(--fg-soft)}.channel-action--report:hover{color:var(--status-discount)}.report-picker{margin-top:var(--space-3);padding:var(--space-4);background:var(--surface-alt);border:1px solid var(--border-lighter);border-radius:var(--radius-md)}.report-picker-head{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}.report-picker-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.report-reason{border:1px solid var(--border);background:var(--surface);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted-2);padding:8px 14px;border-radius:var(--radius-pill);transition:all var(--duration) var(--ease-ios)}.report-reason:hover{color:var(--status-discount);border-color:var(--status-discount)}.report-reason:active{transform:translateY(1px)}.report-picker-cancel{margin-top:var(--space-3);border:none;background:none;cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-soft);padding:0}.report-picker-cancel:hover{color:var(--brand)}.admin-suspend{width:100%;padding:var(--space-3);margin-top:var(--space-2);background:var(--surface-alt);border:1px solid var(--border-lighter);border-radius:var(--radius-md)}.admin-suspend-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.admin-suspend-label{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.4px;min-width:48px}.admin-btn--on{background:var(--brand);color:#fff;border-color:transparent}.admin-btn--on:hover{background:var(--brand-darker);color:#fff}.admin-reason-row{display:grid;grid-template-columns:1fr 120px auto;align-items:center;gap:var(--space-3);padding:10px 0;border-bottom:1px solid var(--border-lighter)}.admin-reason-row:last-child{border-bottom:none}.admin-reason-row--bare{grid-template-columns:1fr auto}.admin-period-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.admin-period-tabs{padding-bottom:0;margin-left:auto}.admin-attention-link{border:none;background:none;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#fc4c0280;transition:color var(--duration) var(--ease-ios),text-decoration-color var(--duration) var(--ease-ios)}.admin-attention-link:hover{color:var(--brand);text-decoration-color:var(--brand)}.admin-attention-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:2px}.admin-reason-note{margin:0 0 var(--space-3)}.admin-reason-bar{height:6px;background:var(--surface-alt);border-radius:var(--radius-pill);overflow:hidden}.admin-reason-fill{display:block;height:100%;background:var(--brand);border-radius:var(--radius-pill)}@media(max-width:560px){.admin-reason-row{grid-template-columns:1fr auto}.admin-reason-bar{display:none}}.admin-page{background:var(--bg);min-height:calc(100vh - var(--navbar-h))}.admin-shell{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--tepi-halaman) var(--space-12);box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}@media(min-width:1024px){.admin-shell{grid-template-columns:224px minmax(0,1fr);gap:var(--space-8);align-items:start}}.admin-title{margin:0;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:var(--text-2xl);color:var(--fg);letter-spacing:var(--tracking-tight)}.admin-subtitle{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--fg-soft);max-width:60ch}.admin-card--new{border-left:3px solid var(--brand)}.feedback-open{width:100%;margin-bottom:10px;padding:9px;border:1px dashed var(--border);border-radius:var(--radius-md);background:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted-2);transition:all var(--duration) var(--ease-ios)}.feedback-open:hover{color:var(--brand);border-color:var(--brand);border-style:solid}.feedback-box{margin-bottom:10px;padding:var(--space-3);background:var(--surface-alt);border:1px solid var(--border-lighter);border-radius:var(--radius-md)}.feedback-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-2);align-items:center}.feedback-pill{border:1px solid var(--border);background:var(--surface);cursor:pointer;font-family:inherit;font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--fg-muted-2);padding:5px 11px;border-radius:var(--radius-pill);transition:all var(--duration) var(--ease-ios)}.feedback-pill:hover{color:var(--brand);border-color:var(--brand)}.feedback-pill.on{background:var(--brand);color:#fff;border-color:transparent}.feedback-text{width:100%;box-sizing:border-box;resize:vertical;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;font-family:inherit;font-size:var(--text-sm);color:var(--fg);background:var(--surface);margin-bottom:var(--space-2)}.feedback-text::placeholder{color:var(--fg-placeholder)}.feedback-text:focus{outline:none;border-color:var(--brand)}.feedback-send{border:none;border-radius:var(--radius-pill);background:var(--brand);color:#fff;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);padding:8px 20px;cursor:pointer;transition:background var(--duration) var(--ease-ios)}.feedback-cancel{border:none;background:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted-2);padding:8px 16px;margin:0;border-radius:var(--radius-pill);transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.feedback-cancel:hover{color:var(--fg);background:var(--surface-alt)}.feedback-send:hover:not(:disabled){background:var(--brand-darker)}.feedback-send:disabled{background:var(--gray-disabled);color:var(--fg-muted-2);cursor:default;box-shadow:inset 0 0 0 1px var(--border)}.channel-comment-item:hover .comment-report-btn{color:var(--fg-soft)}.comment-report-btn:hover{color:var(--status-discount)}.admin-trail-toggle{margin-top:var(--space-3);border:none;background:none;cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-soft);padding:0}.admin-trail-toggle:hover{color:var(--brand)}.admin-trail{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border-lighter)}.admin-trail-block{margin-bottom:var(--space-4)}.admin-trail-head{margin:0 0 6px;font-size:var(--text-2xs);font-weight:var(--weight-black);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.4px}.admin-trail-head--warn{color:var(--brand)}.admin-trail-item{font-size:var(--text-sm);color:var(--fg-2);line-height:1.6;padding:4px 0;border-bottom:1px solid var(--border-lighter)}.admin-trail-item:last-child{border-bottom:none}.review-head .comment-report-btn,.reply-item-head .comment-report-btn{margin-left:auto}.review:hover .comment-report-btn,.reply-item:hover .comment-report-btn{color:var(--fg-soft)}.admin-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background:var(--brand-light);border-radius:var(--radius-md)}.admin-confirm-text{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand-darker);margin-right:auto}.admin-report-content{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--fg)}.admin-report-reason,.admin-row-main{font-size:var(--text-base);font-weight:var(--weight-extra)}.admin-main .kyou-meta{font-size:var(--text-sm);color:var(--fg-muted-2)}.admin-main .channel-post-time{font-size:var(--text-sm)}.admin-chip{font-size:var(--text-xs)}.admin-card-head{font-size:var(--text-md)}.admin-main .channel-section-tab,.admin-trail-item{font-size:var(--text-base)}.admin-trail-head{font-size:var(--text-xs)}.admin-reason-row .admin-row-main{font-size:var(--text-base)}.admin-group-head{margin:var(--space-5) 0 var(--space-2);font-family:var(--font-rounded);font-size:var(--text-sm);font-weight:var(--weight-black);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.6px}.admin-group-head:first-of-type{margin-top:var(--space-4)}.admin-side{min-width:0;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-2)}.admin-side-judul{margin:var(--space-2) var(--space-3) var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-black);color:var(--fg-soft);text-transform:uppercase;letter-spacing:1.2px}.admin-tabs{display:flex;flex-direction:column;gap:2px}.admin-tab{display:flex;align-items:center;gap:var(--space-3);width:100%;border:none;background:none;cursor:pointer;text-align:left;font-family:var(--font-rounded);font-size:var(--text-base);font-weight:var(--weight-extra);color:var(--fg-muted-2);padding:10px var(--space-3);border-radius:var(--radius-md);letter-spacing:var(--tracking-tight);transition:color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.admin-tab-ikon{width:18px;height:18px;flex-shrink:0;color:var(--fg-soft);transition:color var(--duration) var(--ease-ios)}.admin-tab-label{flex:1;min-width:0}.admin-tab:hover{color:var(--fg);background:var(--surface-alt)}.admin-tab:hover .admin-tab-ikon{color:var(--fg-muted-2)}.admin-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.admin-tab.on{color:#fff;background:var(--brand);box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 30%,transparent)}.admin-tab.on .admin-tab-ikon{color:#fff}.admin-tab.on .admin-badge{background:#fff;color:var(--brand-darker)}@media(min-width:1024px){.admin-side{position:sticky;top:calc(var(--navbar-h) + var(--space-6))}}@media(max-width:1023px){.admin-side{padding:4px;border-radius:var(--radius-pill)}.admin-side-judul{display:none}.admin-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{width:auto;flex-shrink:0;padding:8px 14px;border-radius:var(--radius-pill);gap:var(--space-2)}.admin-tab-ikon{width:16px;height:16px}}.admin-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);flex-wrap:wrap}.admin-bar:empty{display:none}.admin-main>[role=status]:empty+.admin-bar:empty+.admin-seksi,.admin-main>[role=status]:empty+.admin-bar:empty+.admin-subtitle+.admin-seksi{margin-top:0}.admin-lingkup{display:flex;align-items:center;gap:6px}.admin-lingkup-label{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--fg-soft);text-transform:uppercase;letter-spacing:1px;margin-right:2px}.admin-lingkup-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted-2);padding:5px 12px;border-radius:var(--radius-pill);transition:all var(--duration) var(--ease-ios)}.admin-lingkup-btn:hover{border-color:var(--border-dark);color:var(--fg)}.admin-lingkup-btn.on{background:var(--brand-light);border-color:var(--brand);color:var(--brand-darker)}.admin-seksi{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-6) 0 var(--space-3);font-family:var(--font-rounded);font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--fg);letter-spacing:var(--tracking-tight)}.admin-seksi:first-child{margin-top:var(--space-4)}.admin-seksi-nota{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--fg-soft);letter-spacing:normal}.admin-main .komyuu-empty h2{font-size:var(--text-md);font-weight:var(--weight-extra)}.feedback-area{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--fg-muted-2)}.feedback-area strong{color:var(--brand)}.feedback-card-open{display:block;width:100%;text-align:left;cursor:pointer;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-4);font-family:inherit;transition:all var(--duration) var(--ease-ios);margin-bottom:var(--space-4)}.feedback-card-open:hover{border-color:var(--brand);border-style:solid}.feedback-card{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card);margin-bottom:var(--space-4)}.feedback-card-title{display:block;margin:0 0 4px;font-family:var(--font-rounded);font-size:var(--text-base);font-weight:var(--weight-extra);color:var(--fg)}.feedback-card-sub{display:block;font-size:var(--text-xs);color:var(--fg-soft)}.feedback-card .feedback-row:first-of-type{margin-top:var(--space-3)}.cari-riwayat-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.composer-image{margin-bottom:var(--space-3)}.channel-post-image{display:block;width:100%;aspect-ratio:16 / 9;max-height:340px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:10px}.channel-post-image.channel-post-image--lead{max-height:300px}.channel-post-photos--1 .channel-post-image{aspect-ratio:auto;width:auto;max-width:100%;max-height:460px;margin-left:auto;margin-right:auto}.channel-post-photos--1 .channel-post-image.channel-post-image--lead{max-height:380px}.channel-post-photos--1.channel-post-photos--poll .channel-post-image{width:100%;max-height:240px;object-fit:contain}.admin-card--taken{opacity:.72;border-style:dashed}.admin-claimed{margin:var(--space-2) 0 0;padding:8px 12px;background:var(--surface-alt);border-left:3px solid var(--fg-soft);border-radius:0 var(--radius-xs) var(--radius-xs) 0;font-size:var(--text-sm);color:var(--fg-muted-2)}.admin-claimed strong{color:var(--fg)}.admin-followup{margin-top:var(--space-3);padding:var(--space-3);background:var(--brand-light);border-radius:var(--radius-md)}.admin-followup-head{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand-darker)}.admin-context{margin-top:var(--space-2);padding:var(--space-3);background:var(--surface-alt);border-radius:var(--radius-md)}.admin-context-thread{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--fg-soft);font-style:italic}.admin-context-line{padding:6px 10px;font-size:var(--text-sm);color:var(--fg-2);line-height:1.6;border-radius:var(--radius-xs)}.admin-context-author{font-weight:var(--weight-extra);color:var(--fg)}.admin-context-line--target{background:var(--brand-light);color:var(--brand-darker);border-left:3px solid var(--brand)}.admin-context-line--target .admin-context-author{color:var(--brand-darker)}.admin-radar{border-left:3px solid var(--brand)}.admin-radar .admin-trail-head{margin-top:var(--space-3)}.admin-pick{display:inline-flex;align-items:center;margin-right:8px;cursor:pointer}.admin-pick input{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.admin-card--picked{border-color:var(--brand)}.admin-bulkbar{position:sticky;bottom:var(--space-4);z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--brand);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-dropdown);margin-bottom:var(--space-4)}.admin-bulkbar-count{font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:var(--text-base);color:var(--brand);margin-right:auto}.admin-more{display:block;width:100%;margin-top:var(--space-4)}.admin-thread-nums{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.admin-thread-nums b{font-weight:700}.admin-note{max-width:62ch;margin-top:calc(-1 * var(--space-2))}.admin-workload{margin-bottom:var(--space-5)}.admin-workload-list{list-style:none;padding:0;margin:0}.admin-workload-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-3);align-items:baseline;padding:var(--space-2) 0;border-bottom:1px solid var(--border-lighter);font-variant-numeric:tabular-nums}.admin-workload-row:last-child{border-bottom:0}.admin-stale{opacity:.55;font-style:italic}@media(max-width:560px){.admin-workload-row{grid-template-columns:1fr;gap:2px}}.shelf{margin-top:var(--space-3)}.rail-search{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);margin-bottom:var(--space-3);background:var(--surface);border:1.5px solid var(--border-dark);border-radius:var(--radius-pill);min-height:40px;box-shadow:0 1px 3px #0000001f,0 1px 1px #0000000f;transition:border-color var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.rail-search:hover{border-color:var(--fg-muted-2)}.rail-search:focus-within{border-color:var(--brand);box-shadow:0 1px 3px #00000014,0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.rail-search svg{width:16px;height:16px;color:var(--fg-muted-2);flex-shrink:0}.rail-search:focus-within svg{color:var(--brand)}.rail-search input{flex:1;min-width:0;border:none;background:none;outline:none;color:var(--fg);font-family:inherit;font-size:var(--text-sm)}.channel-searchbox{position:relative}.channel-main-search{display:none}@media(max-width:880px){.channel-main-search{display:block}}.search-history{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-sm);box-shadow:var(--shadow-dropdown);padding:var(--space-2) 0;overflow:hidden}.search-history-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4) var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-extra);color:var(--fg)}.search-history-clear{background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand);padding:2px 4px;border-radius:var(--radius-xs)}.search-history-clear:hover{text-decoration:underline}.search-history-row{display:flex;align-items:stretch}.search-history-row:hover{background:var(--surface-alt)}.search-history-term{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm);color:var(--fg);text-align:left;padding:var(--space-2) var(--space-4)}.search-history-term svg{width:15px;height:15px;flex-shrink:0;color:var(--fg-placeholder)}.search-history-term span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-history-remove{background:none;border:none;cursor:pointer;font-family:inherit;font-size:18px;line-height:1;color:var(--fg-placeholder);padding:0 var(--space-4);flex-shrink:0}.search-history-remove:hover{color:var(--brand)}.search-history-term:focus-visible,.search-history-remove:focus-visible,.search-history-clear:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.komyuu-search-clear{margin-bottom:var(--space-3);display:inline-flex;align-items:center;gap:4px;padding-left:14px}.komyuu-search-clear svg{width:16px;height:16px}.mprofile-wall-trigger{width:100%;text-align:left;margin:0 0 var(--space-6);padding:12px var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--fg-placeholder);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration) var(--ease-ios)}.mprofile-wall-trigger:hover{border-color:var(--brand)}.channel-post-with{font-weight:var(--weight-regular);color:var(--fg-muted)}.channel-post-with-name{font-weight:var(--weight-bold);color:var(--fg)}.composer-tag-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 14px;border:1px dashed var(--border);border-radius:var(--radius-xs);background:var(--surface);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-2);line-height:18.2px;margin-bottom:12px;transition:color var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.composer-tag-btn svg{width:17px;height:17px;color:var(--brand)}.composer-tag-btn:hover{background:var(--brand-tint)}.composer-tag-btn.is-on{background:var(--brand-light);border-style:solid;border-color:var(--brand);color:var(--fg)}.composer-tagged{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-2)}.composer-tagged-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--fg);font-size:var(--text-xs);font-weight:var(--weight-bold)}.composer-tagged-chip button{display:grid;place-items:center;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:var(--border);color:var(--fg-muted);cursor:pointer}.composer-tagged-chip button:hover{background:var(--status-discount);color:#fff}.composer-tagged-chip svg{width:9px;height:9px}.pymk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.pymk-row{display:flex;align-items:center;gap:var(--space-2)}.pymk-who{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);border:none;background:none;padding:0;cursor:pointer;text-align:left;font-family:inherit}.pymk-who img,.pymk-avatar-fallback{width:34px;height:34px;border-radius:50%;flex-shrink:0;object-fit:cover}.pymk-avatar-fallback{display:grid;place-items:center;background:var(--brand);color:#fff;font-family:var(--font-rounded);font-size:var(--text-sm);font-weight:var(--weight-bold)}.pymk-text{min-width:0;display:flex;flex-direction:column;gap:1px}.pymk-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pymk-reason{font-size:var(--text-xs);color:var(--fg-muted-2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pymk-follow{flex-shrink:0;padding:5px 14px;border:1px solid var(--brand);border-radius:var(--radius-pill);background:none;color:var(--brand);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.pymk-follow:hover:not(:disabled){background:var(--brand);color:#fff}.pymk-follow.is-done,.pymk-follow:disabled{border-color:var(--border);color:var(--fg-muted-2);cursor:default}.mention-anchor{position:relative}.mention-list{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:70;margin:0;padding:4px;list-style:none;max-height:230px;overflow-y:auto;min-width:280px;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-sm);box-shadow:var(--shadow-dropdown)}.channel-composer-modal-box>.mention-list{position:static;margin-top:6px;max-height:200px}.mention-list .mention-item{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:7px 9px;border:none;border-radius:var(--radius-xs);background:none;cursor:pointer;text-align:left;font-family:inherit;color:var(--fg)}.mention-list .mention-item:hover,.mention-list .mention-item.is-active{background:var(--surface-alt)}.mention-list .mention-item img,.mention-list .mention-avatar-fallback{width:26px;height:26px;border-radius:50%;flex-shrink:0;object-fit:cover}.mention-avatar-fallback{display:grid;place-items:center;background:var(--brand);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold)}.mention-teks{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;flex:1}.mention-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mention-handle{margin-left:auto;flex-shrink:0;font-size:var(--text-xs);color:var(--fg-muted-2)}.shelf{--shelf-control: 30px}.shelf-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.shelf-count{font-weight:var(--weight-extra);font-size:var(--text-base);color:var(--fg)}.shelf-add-btn{padding:7px 14px;border:1px solid var(--brand);border-radius:var(--radius-pill);background:none;color:var(--brand);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.shelf-add-btn:hover{background:var(--brand);color:#fff}.channel-post-link--produk{display:inline}.channel-post-toko{display:inline-flex;align-items:center;gap:8px;clear:both;margin:10px 0 14px;padding:8px 17px;border-radius:var(--radius-pill);border:1px solid #fc4c02;background:#fc4c02;color:#fff;text-decoration:none;font-size:16px;font-weight:var(--weight-bold);transition:background var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios)}.channel-post-toko:hover{background:#bf3901;border-color:#bf3901}.channel-post-toko:focus-visible{outline:2px solid #382e2c;outline-offset:2px}.channel-post-toko svg{width:18px;height:18px;flex-shrink:0}.channel-post-toko-wajah{width:23px;height:23px;flex-shrink:0;object-fit:contain;display:block}.channel-post-toko-nama{white-space:nowrap}.channel-post-toko-panah{opacity:1}.shelf-head-actions{display:flex;align-items:center;gap:var(--space-2)}.shelf-import-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.shelf-import-btn:disabled{opacity:.55;cursor:default}.shelf-note{margin:0 0 var(--space-3);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--text-sm);font-weight:var(--weight-medium)}.shelf-note.is-ok{background:color-mix(in srgb,var(--brand) 10%,transparent);border-color:color-mix(in srgb,var(--brand) 35%,transparent);color:var(--brand)}.shelf-note.is-err{background:var(--tint-liked);border-color:color-mix(in srgb,var(--status-discount) 35%,transparent);color:var(--status-discount)}.shelf-card-owner-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.shelf-card-owner-btn{flex:1;padding:7px 8px;text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;color:var(--fg-muted);cursor:pointer;text-decoration:none;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);transition:border-color var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.shelf-card-owner-btn:hover{border-color:var(--brand);color:var(--brand)}.shelf-card-owner-btn.is-on{border-color:#fc4c02;background:#fc4c02;color:#fff}.shelf-card-owner-btn.is-on:hover{border-color:#bf3901;background:#bf3901;color:#fff}.shelf-card-owner-actions{flex-wrap:nowrap}.shelf-card-owner-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:6px;padding-right:6px}.shelf-card-owner-btn--fav{flex:1.7}.shelf-card-del{flex:0 0 auto;width:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;color:var(--fg-muted-2);cursor:pointer;transition:border-color var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.shelf-card-del:hover{border-color:var(--status-discount);color:var(--status-discount)}.shelf-card-del svg{width:15px;height:15px}.showcase-photos{display:flex;flex-wrap:wrap;gap:var(--space-2)}.showcase-photo,.showcase-photo-add{position:relative;width:74px;height:74px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.showcase-photo img{width:100%;height:100%;object-fit:cover;display:block}.showcase-photo-x{position:absolute;right:3px;top:3px;width:20px;height:20px;display:grid;place-items:center;border:none;border-radius:50%;background:#141416c7;color:#fff;cursor:pointer;padding:0}.showcase-photo-x svg{width:11px;height:11px}.showcase-photo-add{display:grid;place-items:center;cursor:pointer;border:1px dashed var(--border);background:var(--surface-alt);color:var(--fg-muted-2);font-size:var(--text-xs);font-weight:var(--weight-bold)}.showcase-photo-add:hover{border-color:var(--brand);color:var(--brand)}.shelf-filters{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.shelf-filters-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.shelf-search{width:100%;padding:9px var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--fg);font-family:inherit;font-size:var(--text-sm)}.shelf-search:focus{outline:none;border-color:var(--brand)}.shelf-chips{display:flex;flex-wrap:wrap;gap:6px}.shelf-chip{min-height:var(--shelf-control);box-sizing:border-box;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--fg-muted-2);cursor:pointer;font-family:inherit;font-size:var(--text-xs);transition:border-color var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.shelf-chip:hover{border-color:var(--brand);color:var(--brand)}.shelf-chip.is-on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:var(--weight-bold)}.shelf-sort{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--fg-muted-2)}.shelf-sort select{min-height:var(--shelf-control);box-sizing:border-box;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-family:inherit;font-size:var(--text-xs)}.shelf-error{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--brand)}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3);align-items:start}@media(max-width:380px){.shelf-grid{grid-template-columns:1fr}}.shelf-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color var(--duration) var(--ease-ios)}.shelf-card:hover{border-color:var(--brand)}.shelf-card-photo{position:relative;aspect-ratio:1 / 1;background:var(--surface-alt);display:grid;place-items:center;overflow:hidden}.shelf-card-photo-tautan{display:block;width:100%;height:100%}.shelf-card-photo img{width:100%;height:100%;object-fit:cover;display:block}.shelf-card-foto-kotak{position:relative;display:block;width:100%;height:100%;overflow:hidden}.shelf-card-foto-kotak.is-lonjong .shelf-card-photo-latar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:blur(14px) saturate(1.15);transform:scale(1.15);opacity:.45}.shelf-card-foto-kotak.is-lonjong .shelf-card-foto{position:relative;z-index:1;object-fit:contain}.shelf-card-photo--bingkai{--bingkai-cincin: 3px;--bingkai-jarak: 4px;box-sizing:border-box;padding:var(--bingkai-jarak);border:var(--bingkai-cincin) solid var(--brand);border-radius:10px;background:#fff3ee;overflow:hidden}.shelf-card-photo--bingkai:before{content:"";position:absolute;left:0;top:0;width:63%;height:63%;border-radius:7px 0 0;background:var(--brand);clip-path:polygon(0 0,100% 0,0 100%)}.shelf-card-photo--bingkai .shelf-card-photo-tautan,.shelf-card-photo--bingkai>.shelf-card-foto-kotak,.shelf-card-photo--bingkai .shelf-card-noimg{position:relative;z-index:1;border-radius:7px;overflow:hidden;background:#3a2b23}.shelf-card-photo--bingkai .shelf-card-foto-kotak img{border-radius:7px}.shelf-card-photo--bingkai .shelf-card-verified{left:8px;bottom:8px;width:27px;height:27px;z-index:3}.shelf-card-photo--bingkai .shelf-card-hidden-tag{right:2px;bottom:2px}.shelf-card-noimg{font-family:var(--font-rounded);font-size:var(--text-3xl);font-weight:var(--weight-black);color:var(--fg-placeholder)}.shelf-card.is-verified{border-color:var(--border);box-shadow:none}.shelf-card-verified{position:absolute;left:8px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;line-height:1;overflow:hidden;box-shadow:0 0 0 2px #ffffffe6,0 2px 8px #00000059}.shelf-card-verified img{width:82%;height:82%;object-fit:contain;display:block}.shelf-chip--kyou.is-on{background:linear-gradient(135deg,var(--brand),var(--brand-darker));border-color:var(--brand)}.shelf-card-body{display:flex;flex-direction:column;gap:4px;flex:1;padding:10px var(--space-3) var(--space-3)}.shelf-card-name{margin:0;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-card-sub{margin:0;font-size:var(--text-xs);color:var(--fg-muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-card-actions{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px}.shelf-card-cta{flex:1;min-width:0;padding:8px 10px;text-align:center;border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--duration) var(--ease-ios)}.shelf-card-cta:hover{background:var(--brand-darker)}.shelf-card-cta.is-empty{background:var(--surface-alt);color:var(--fg-muted-2);font-weight:var(--weight-regular)}.shelf-card-eye{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;color:var(--fg-muted-2);cursor:pointer;transition:border-color var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.shelf-card-eye:hover{border-color:var(--brand);color:var(--brand)}.shelf-card-eye svg{width:15px;height:15px}.shelf-card-eye.is-hidden{border-color:var(--brand);color:var(--brand)}.shelf-card.is-hidden .shelf-card-photo,.shelf-card.is-hidden .shelf-card-name,.shelf-card.is-hidden .shelf-card-sub{opacity:.45}.shelf-card.is-hidden{border-style:dashed}.shelf-card-hidden-tag{position:absolute;right:8px;bottom:8px;z-index:2;padding:3px 8px;border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:.02em;background:var(--surface);color:var(--fg-muted);border:1px solid var(--border)}.shelf-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.shelf-toggle{display:inline-flex;align-self:flex-start;width:fit-content;box-sizing:border-box;min-height:var(--shelf-control);padding:3px;gap:3px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-pill)}.shelf-toggle-btn{display:inline-flex;align-items:center;padding:0 20px;border:none;border-radius:var(--radius-pill);background:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted);transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.shelf-toggle-btn:hover{color:var(--fg)}.shelf-toggle-btn.is-on{background:var(--brand);color:#fff}.shelf-toggle-btn.is-on:hover{color:#fff}.shelf-form{width:470px;max-width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.shelf-form-title{margin:0;font-size:var(--text-base);font-weight:var(--weight-extra);color:var(--fg)}.shelf-form-photo{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;overflow:hidden;cursor:pointer;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--fg-muted-2);font-size:var(--text-sm);transition:border-color var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.shelf-form-photo:hover{border-color:var(--brand);color:var(--brand)}.shelf-form-photo img{width:100%;height:100%;object-fit:cover}.shelf-form-edit{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--surface);background:#141416e0;color:#fff;cursor:pointer;padding:0;transition:background var(--duration) var(--ease-ios)}.shelf-form-edit:hover{background:var(--brand)}.shelf-form-input{width:100%;padding:10px var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-family:inherit;font-size:var(--text-sm)}.shelf-form-input:focus{outline:none;border-color:var(--brand)}.shelf-form-note{resize:vertical}.shelf-form-kinds{display:flex;flex-wrap:wrap;gap:6px}.shelf-form-hint{margin:-4px 0 0;font-size:var(--text-xs);color:var(--fg-muted-2);line-height:1.5}.shelf-form-actions{display:flex;align-items:center;gap:var(--space-2)}.is-mati{cursor:default;color:inherit;text-decoration:none}.is-mati:hover{text-decoration:none;color:inherit;border-color:inherit}.layar-hilang{padding:var(--space-6) 0}.layar-hilang-aksi{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.channel-action.is-simpan{color:var(--brand)}.mprofile-bawah-kiri{flex:1;min-width:0}.mprofile-fav-samping{width:176px;flex-shrink:0}.mprofile-bawah-kiri>:last-child{margin-bottom:0}@media(max-width:640px){.mprofile-bawah{flex-direction:column;align-items:stretch}.mprofile-fav-samping{width:100%}}.favp-panggung{display:flex;align-items:center;gap:6px;width:100%}.favp-panah{flex-shrink:0;width:26px;height:34px;padding:0;border:1px solid var(--line);border-radius:var(--radius-2);background:var(--bg);color:var(--muted);cursor:pointer;font-size:17px;line-height:1;font-family:inherit}.favp-panah:hover{border-color:var(--brand);color:var(--brand)}.favp-panah:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.favp-kartu{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;text-decoration:none;color:inherit}.favp-foto{width:100%;aspect-ratio:1;object-fit:cover;overflow:hidden;border-radius:var(--radius-2);background:var(--bg-2);display:block}.favp-kartu:hover .favp-foto{outline:2px solid var(--brand);outline-offset:2px}.favp-nama{font-size:12px;font-weight:var(--weight-bold);line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.favp-kartu:hover .favp-nama{color:var(--brand)}.favp-tanda.is-mundur,.favp-titik{margin-left:32px}.favp-titik{display:flex;gap:4px}.favp-titik i{width:5px;height:5px;border-radius:50%;background:var(--line)}.favp-titik i.is-kini{background:var(--brand)}.favp-ajak{font-size:11px;color:var(--muted);line-height:1.35;margin:0}.mprofile-bawah-kiri>.mprofile-head+*{margin-top:auto}.shelf-card-fav{position:absolute;top:6px;left:6px;z-index:2;padding:2px 6px;border-radius:999px;background:var(--brand);color:#fff;font-size:8px;font-weight:var(--weight-black);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 1px 3px #00000040;pointer-events:none}.rank-info{flex:1;min-width:0}.rank-info .rank-title{font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info-card{padding:4px 2px 14px}.profile-info-card .meta-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-light)}.profile-info-card .meta-row .k{color:var(--fg-soft);font-size:var(--text-sm)}.profile-info-card .meta-row .v{color:var(--fg);font-weight:var(--weight-medium)}.drawer-pills{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.drawer-poster{width:44px;height:60px;border-radius:var(--radius-xs);overflow:hidden;flex-shrink:0;background:var(--surface-alt)}.drawer-poster img,.drawer-poster>div{width:100%;height:100%}.search-result-poster{width:34px;height:46px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--surface-alt)}.search-result-poster img,.search-result-poster>div{width:100%;height:100%}.profile-fav-poster img,.profile-fav-poster>div{width:100%;height:100%}.drawer-link-row:hover{color:var(--brand)}.pengaturan-title{margin:0 0 16px}.editprof-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:5vh var(--space-4);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.editprof-backdrop::-webkit-scrollbar{width:0;height:0}.editprof{width:100%;max-width:560px;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 40px #00000059}.editprof-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-lighter)}.editprof-title{font-weight:var(--weight-extra);font-size:var(--text-lg);color:var(--fg)}.editprof-close{background:none;border:none;cursor:pointer;color:var(--fg-soft);display:flex;padding:4px;border-radius:var(--radius-pill)}.editprof-close:hover{color:var(--fg)}.editprof-close svg{width:20px;height:20px}.editprof-save{margin-left:auto;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-pill);padding:8px 20px;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm)}.editprof-save:disabled{opacity:.6;cursor:default}.editprof-body{padding:0 0 var(--space-4)}.editprof-banner{aspect-ratio:3 / 1;background:var(--surface-alt);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}.editprof-banner-actions{display:flex;gap:var(--space-3)}.editprof-round{width:42px;height:42px;border-radius:var(--radius-pill);background:#0000008c;border:1px solid rgba(255,255,255,.35);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.editprof-round:hover{background:#000000c7}.editprof-round svg{width:19px;height:19px}.editprof-field,.editprof-readonly{display:flex;flex-direction:column;gap:4px;position:relative;margin:var(--space-4) var(--space-4) 0;padding:10px var(--space-3);border:1px solid var(--border-lighter);border-radius:var(--radius-sm)}.editprof-field:focus-within{border-color:var(--brand)}.editprof-label{font-size:var(--text-xs);color:var(--fg-soft)}.editprof-field textarea{border:none;background:none;resize:vertical;font-family:inherit;font-size:var(--text-sm);color:var(--fg);padding:0;outline:none}.editprof-count{position:absolute;right:var(--space-3);bottom:8px;font-size:var(--text-xs);color:var(--fg-placeholder)}.editprof-readonly{background:var(--surface-alt)}.editprof-readonly-value{font-size:var(--text-sm);color:var(--fg-soft)}.editprof-readonly-hint{font-size:var(--text-xs);color:var(--fg-placeholder)}.editprof-frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-3);margin-top:4px}.editprof-frame{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface-alt);border:1px solid transparent;border-radius:var(--radius-md);padding:10px 4px 8px;cursor:pointer;font-family:inherit}.editprof-frame.is-active{border-color:var(--brand);background:var(--brand-light)}.editprof-frame-disc{display:block;width:52px;height:52px;border-radius:50%;background:var(--surface);border:1px solid var(--border-lighter)}.editprof-frame-name{font-size:var(--text-xs);color:var(--fg-soft);line-height:1.25;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.editprof-error{margin:var(--space-3) var(--space-4) 0;color:var(--brand);font-size:var(--text-sm)}.akun{padding:0}.akun-kepala{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.akun-foto{width:54px;height:54px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.akun-nama-blok{min-width:0}.akun-nama{font-size:var(--text-md);font-weight:var(--weight-extra);color:var(--fg);line-height:1.25}.akun-handle{font-size:var(--text-sm);color:var(--fg-soft)}.akun-poin{--brand: #fc4c02;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-3) var(--space-5);padding:var(--space-4);background:var(--brand);border-radius:var(--radius-md)}.akun-poin-label{font-size:var(--text-xs);color:#ffffffe6}.akun-poin-angka{font-size:var(--text-xl);font-weight:var(--weight-black);color:#fff;line-height:1.2}.akun-menu{display:flex;flex-direction:column;padding:var(--space-2) 0}.akun-baris{display:flex;align-items:center;gap:var(--space-4);width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;padding:13px var(--space-5);font-size:var(--text-base);color:var(--fg)}.akun-baris:hover{background:var(--surface-alt)}.akun-baris svg{width:21px;height:21px;flex-shrink:0;color:var(--fg-muted)}.akun-baris:hover svg{color:var(--brand)}.akun-keluar{border-top:1px solid var(--border);margin-top:var(--space-2)}.akun-keluar svg{color:var(--fg-soft)}.komyuu-xp{display:flex;align-items:baseline;gap:6px;background:var(--brand);color:#fff;border-radius:var(--radius-md);padding:10px var(--space-4);margin-bottom:var(--space-3)}.komyuu-xp-angka{font-size:var(--text-xl);font-weight:var(--weight-black);line-height:1}.komyuu-xp-label{font-size:var(--text-sm);font-weight:var(--weight-bold);opacity:.9}.editprof-frame{position:relative}.editprof-frame.is-locked .editprof-frame-disc,.editprof-frame.is-locked .avatar-frame{opacity:.45}.editprof-frame.is-locked .editprof-frame-name{color:var(--fg-placeholder)}.editprof-lock{position:absolute;left:50%;top:27px;transform:translate(-11px);width:22px;height:22px;border-radius:50%;background:#000000b8;color:#fff;display:flex;align-items:center;justify-content:center}.editprof-lock svg{width:11px;height:11px}.editprof-unlock{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:10px var(--space-3);background:var(--brand-light);border-radius:var(--radius-sm)}.editprof-unlock-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.editprof-unlock-text strong{font-size:var(--text-sm);color:var(--fg)}.editprof-unlock-text span{font-size:var(--text-xs);color:var(--fg-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editprof-unlock-btn{flex-shrink:0;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-pill);padding:8px 16px;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-xs)}.editprof-unlock-btn:disabled{background:var(--surface-alt);color:var(--fg-muted-2);cursor:default}.editprof-unlock-syarat{flex-shrink:0;padding:8px 14px;border-radius:var(--radius-xs);background:var(--brand-light);color:var(--brand-darker);font-weight:var(--weight-bold);font-size:var(--text-xs);text-align:center}.editprof-xp{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--fg-soft)}.crop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;background:#000000c7;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.crop{width:100%;max-width:620px;background:var(--surface);border-radius:var(--radius-lg);padding-bottom:var(--space-4);max-height:calc(100dvh - 2 * var(--space-4));overflow-x:hidden;overflow-y:auto}.crop-frame{margin-inline:auto}.crop-head{padding:var(--space-4) var(--space-4) var(--space-3)}.crop-title{font-weight:var(--weight-extra);font-size:var(--text-base);color:var(--fg)}.crop-frame{position:relative;aspect-ratio:3 / 1;overflow:hidden;background:#000;cursor:grab;touch-action:none}.crop-frame:active{cursor:grabbing}.crop-img{position:absolute;left:50%;top:50%;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.crop-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,transparent 33.2%,rgba(255,255,255,.35) 33.2% 33.5%,transparent 33.5%),linear-gradient(to right,transparent 66.4%,rgba(255,255,255,.35) 66.4% 66.7%,transparent 66.7%),linear-gradient(to bottom,transparent 33.2%,rgba(255,255,255,.35) 33.2% 33.8%,transparent 33.8%),linear-gradient(to bottom,transparent 66.4%,rgba(255,255,255,.35) 66.4% 67%,transparent 67%)}.crop-zoom{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0;font-size:var(--text-xs);color:var(--fg-soft)}.crop-zoom input{flex:1;accent-color:var(--brand)}.crop-hint{margin:6px var(--space-4) 0;font-size:var(--text-xs);color:var(--fg-placeholder)}.crop-foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0}.crop-cancel,.crop-ok{border-radius:var(--radius-pill);padding:9px 20px;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm)}.crop-cancel{background:none;border:1px solid var(--border-lighter);color:var(--fg-soft)}.crop-ok{background:var(--brand);border:none;color:#fff}.crop-ok:disabled{opacity:.6;cursor:default}.editprof-frames{grid-auto-rows:122px;max-height:256px;overflow:hidden}.editprof-frames.is-open{max-height:none;overflow:visible}.editprof-more{margin-top:var(--space-3);background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand);padding:4px 0;align-self:flex-start}.editprof-more:hover{text-decoration:underline}.pengaturan-logout{display:block;width:100%;margin-top:var(--space-6);padding:12px 20px;border-radius:var(--radius-sm);background:var(--status-discount);color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);transition:filter var(--duration) var(--ease-ios)}.pengaturan-logout:hover{filter:brightness(1.08)}.pengaturan-logout:focus-visible{outline:2px solid var(--status-discount);outline-offset:2px}.mprofile-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--space-4)}.mprofile-filter-pill{background:var(--surface-alt);border:1px solid var(--border-lighter);border-radius:var(--radius-pill);padding:6px 14px;cursor:pointer;font-family:inherit;font-size:var(--text-xs);color:var(--fg-soft)}.mprofile-filter-pill:hover{color:var(--fg)}.mprofile-filter-pill.is-on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:var(--weight-bold)}.mprofile-people{list-style:none;margin:0;padding:0}.mprofile-person{display:flex;align-items:center;gap:var(--space-3);padding:10px 2px;border-bottom:1px solid var(--border-lighter);text-decoration:none;color:var(--fg)}.mprofile-person:hover .mprofile-person-name{color:var(--brand)}.mprofile-person-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:var(--weight-black);font-size:var(--text-sm)}.mprofile-person-avatar img{width:100%;height:100%;object-fit:cover}.mprofile-person-name{font-weight:var(--weight-bold);font-size:var(--text-sm)}.mprofile-joined{display:flex;align-items:center;gap:6px;margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--fg-placeholder)}.mprofile-joined svg{width:14px;height:14px;flex-shrink:0}.mprofile-joined-mark{width:14px;height:14px;flex-shrink:0;display:block}.mprofile-stat-btn{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}.mprofile-stat-btn:hover{text-decoration:underline}.mprofile-stat-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}.people-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.people-modal{width:100%;max-width:420px;max-height:70vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-lg);padding-bottom:var(--space-3)}.people-modal-head{position:sticky;top:0;background:var(--surface);z-index:1;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-lighter);font-weight:var(--weight-extra);color:var(--fg)}.people-modal-close{background:none;border:none;cursor:pointer;color:var(--fg-soft);font-size:22px;line-height:1;padding:0 4px}.people-modal-close:hover{color:var(--fg)}.people-modal .mprofile-people{padding:0 var(--space-4)}.kyou-panel-logo{display:block;height:22px;width:84px;margin-bottom:var(--space-3);background-image:url(/assets/logo/kyou.png);background-size:contain;background-repeat:no-repeat;background-position:left center}.kyou-panel-stats{margin:0 0 4px;font-size:var(--text-sm);color:var(--fg-muted-2)}.kyou-panel-stats b{color:var(--fg);font-variant-numeric:tabular-nums}.kyou-panel-wish{margin:0 0 var(--space-3)}.kyou-panel-stack{display:flex;margin-bottom:var(--space-3);padding-left:2px}.kyou-panel-item{width:54px;height:54px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-alt);flex-shrink:0;position:relative;box-shadow:0 0 0 2px var(--surface);transition:transform var(--duration) var(--ease-ios)}.kyou-panel-item:hover{transform:translateY(-4px);z-index:99!important}.kyou-panel-item img{width:100%;height:100%;object-fit:cover;display:block}.kyou-panel-link{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand);text-decoration:none}.kyou-panel-link:hover{text-decoration:underline}.kyou-panel-link.is-cta{display:inline-block;margin-top:2px;padding:7px 14px;background:var(--brand);color:#fff;border-radius:var(--radius-pill)}.kyou-panel-link.is-cta:hover{text-decoration:none;filter:brightness(1.08)}.kenalan-intro{max-width:62ch;margin:0 0 var(--space-5)}.kenalan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.kenalan-kartu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--duration) var(--ease-ios)}.kenalan-kartu:hover{border-color:var(--border-lighter)}.kenalan-kepala{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.kenalan-orang{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;text-decoration:none;color:var(--fg);padding:var(--space-2);margin:calc(var(--space-2) * -1);border-radius:var(--radius-md);transition:background var(--duration) var(--ease-ios)}.kenalan-orang:hover{background:var(--surface-alt);text-decoration:none}.kenalan-orang:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.cocok-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-size:var(--text-lg);font-weight:var(--weight-bold);overflow:hidden;flex-shrink:0}.cocok-avatar img{width:100%;height:100%;object-fit:cover}.kenalan-teks{display:flex;flex-direction:column;gap:2px;min-width:0}.kenalan-nama-orang{font-size:var(--text-lg);font-weight:var(--weight-extra);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kenalan-orang:hover .kenalan-nama-orang{color:var(--brand)}.kenalan-meta{display:flex;align-items:center;gap:var(--space-2);min-width:0}.cocok-handle{font-size:var(--text-base);color:var(--fg-muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kenalan-jumlah{flex-shrink:0;padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--fg-muted-2);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap}.kenalan-sapa{flex-shrink:0}.kenalan-strip{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--border-lighter) transparent;scroll-snap-type:x proximity}.kenalan-strip>*{scroll-snap-align:start}.kenalan-strip::-webkit-scrollbar{height:6px}.kenalan-strip::-webkit-scrollbar-track{background:transparent}.kenalan-strip::-webkit-scrollbar-thumb{background:var(--border-lighter);border-radius:var(--radius-pill)}.kenalan-strip:hover::-webkit-scrollbar-thumb{background:var(--fg-muted-2)}.kenalan-kotak{flex:0 0 108px;width:108px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--fg)}a.kenalan-kotak:hover{text-decoration:none}a.kenalan-kotak:hover .kenalan-nama{color:var(--brand)}a.kenalan-kotak:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--radius-sm)}.kenalan-thumb{position:relative;display:grid;place-items:center;width:108px;height:162px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.kenalan-thumb img{width:100%;height:100%;object-fit:cover;display:block}.kenalan-thumb-huruf{font-size:34px;font-weight:var(--weight-extra);opacity:.85}a.kenalan-kotak:hover .kenalan-thumb img{transform:scale(1.04)}.kenalan-thumb img{transition:transform var(--duration) var(--ease-ios)}.kenalan-tag{position:absolute;top:6px;left:6px;max-width:calc(100% - 12px);padding:3px 7px;border-radius:var(--radius-pill);background:#0c0c0ed1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:10px;font-weight:var(--weight-extra);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kenalan-sumber{position:absolute;right:6px;bottom:6px;display:flex;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}.kenalan-nama{font-size:var(--text-xs);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kenalan-skor{font-size:11px;font-weight:var(--weight-bold);color:var(--brand-darker)}.kenalan-lagi .kenalan-lagi-angka,.kenalan-lagi{justify-content:center}.kenalan-lagi{align-items:center;justify-content:center;gap:0;height:162px;border-radius:var(--radius-md);border:1px dashed var(--border-lighter);background:var(--surface-alt);color:var(--fg-muted-2)}.kenalan-lagi:hover{border-color:var(--brand);color:var(--brand)}.kenalan-lagi-angka{font-size:var(--text-xl);font-weight:var(--weight-extra)}.kenalan-lagi-kata{font-size:var(--text-xs)}.kenalan-alasan-teks{margin:0;font-size:var(--text-base);color:var(--fg-muted-2)}@media(max-width:560px){.kenalan-sapa{display:none}.kenalan-kotak,.kenalan-thumb{width:92px;flex-basis:92px}.kenalan-thumb,.kenalan-lagi{height:138px}}.pymk-more{display:inline-block;margin-top:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand);text-decoration:none}.pymk-more:hover{text-decoration:underline}.mention-tag{color:var(--brand-darker);font-weight:var(--weight-bold)}.mention-tag-link{text-decoration:none;cursor:pointer}.mention-tag-link:hover{text-decoration:underline}.mention-tag-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}.composer-draft-btn{position:absolute;right:38px;top:calc(50% - var(--space-1));transform:translateY(-50%);background:none;border:1px solid var(--border);border-radius:var(--radius-pill);padding:5px 14px;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted-2)}.composer-draft-btn:hover{border-color:var(--brand);color:var(--brand-darker)}.composer-draft-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.composer-draft-ask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:410;background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.composer-draft-ask-box{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-5);max-width:340px;width:100%;box-shadow:0 10px 30px #0000004d}.composer-draft-ask-title{margin:0 0 4px;font-size:var(--text-md);font-weight:var(--weight-extra);color:var(--fg)}.composer-draft-ask-hint{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--fg-muted-2)}.composer-draft-ask-actions{display:flex;flex-direction:column;gap:var(--space-3)}.composer-draft-ask-actions .kyou-btn{width:100%;justify-content:center}.composer-draft-ask-back{border-color:transparent;color:var(--fg-muted-2)}.draf-head{display:flex;align-items:center;justify-content:space-between}.draf-edit{background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--brand-darker);padding:6px 2px}.draf-edit:hover{text-decoration:underline}.draf-edit:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.draf-list{list-style:none;margin:0;padding:0}.draf-row{border-bottom:1px solid var(--border-lighter)}.draf-row:last-child{border-bottom:0}.draf-open{width:100%;display:flex;align-items:center;gap:var(--space-4);background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;padding:var(--space-4) var(--space-3);margin:0 calc(var(--space-3) * -1);border-radius:var(--radius-md)}.draf-open:hover{background:var(--surface-alt)}.draf-open:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.draf-teks{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.draf-konteks{font-size:var(--text-xs);color:var(--fg-muted-2);text-transform:capitalize}.draf-label{font-size:var(--text-base);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draf-thumb{width:54px;height:54px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-alt)}.draf-hapus{flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand-darker);padding:6px 12px;border:1px solid var(--brand-darker);border-radius:var(--radius-pill)}.composer-tag-wrap{position:relative;display:inline-block;margin-bottom:12px}.composer-tag-wrap .composer-tag-btn{margin-bottom:0}.composer-tag-wrap.is-open{flex:1 1 120px;min-width:0}.composer-tag-wrap.is-open .composer-tag-box{width:100%}.composer-tag-wrap.is-open .composer-tag-input{flex:1;min-width:0;width:auto}.composer-tag-box{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--brand);border-radius:var(--radius-xs);background:var(--surface);line-height:18.2px}.composer-tag-box svg{width:17px;height:17px;color:var(--brand)}.composer-tag-input{border:none;background:none;outline:none;padding:0;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);width:130px;line-height:inherit}.composer-tag-input::placeholder{color:var(--fg-muted-2);font-weight:var(--weight-regular)}.composer-tag-tutup{display:flex;background:none;border:none;cursor:pointer;color:var(--fg-muted-2);padding:0}.composer-tag-tutup:hover{color:var(--brand)}.composer-tag-tutup svg{width:13px;height:13px;color:inherit}.composer-tag-hits{max-height:220px;z-index:3}.comment-menu-wrap .report-picker{position:absolute;top:calc(100% + 4px);right:0;z-index:80;margin-top:0;width:min(300px,78vw);background:var(--surface);box-shadow:var(--shadow-dropdown)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000eb;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain;touch-action:none}.lightbox-frame{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.lightbox-img{max-width:94vw;max-height:92vh;object-fit:contain;-webkit-user-select:none;user-select:none;display:block;transform-origin:center center;will-change:transform;touch-action:none}.lightbox-close,.lightbox-nav{position:absolute;z-index:2;background:#0000008c;border:none;color:#fff;cursor:pointer;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center}.lightbox-close{top:14px;left:14px;gap:7px;padding:8px 14px 8px 11px;background:#ffffffeb;color:#111114;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold)}.lightbox-close:hover{background:#fff;color:#111114}.lightbox-close svg{width:15px;height:15px}.lightbox-nav:hover{background:#000000d9}.lightbox-nav{top:50%;transform:translateY(-50%);width:42px;height:42px;font-size:28px;line-height:1;padding-bottom:4px}.lightbox-nav--prev{left:14px}.lightbox-nav--next{right:14px}.lightbox-count{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#ffffffbf;font-size:var(--text-sm);font-weight:var(--weight-bold)}@media(max-width:560px){.lightbox-nav{top:auto;bottom:18px;transform:none}}.channel-post-image,.channel-comment-photos img{cursor:pointer}.composer-thumb-edit{position:absolute;left:-6px;bottom:-6px;padding:3px 10px;border-radius:var(--radius-pill);border:2px solid var(--surface);background:#141416e0;color:#fff;cursor:pointer;font-family:inherit;font-size:var(--text-2xs);font-weight:var(--weight-bold)}.composer-thumb-edit:hover{background:var(--brand)}.crop-ratios{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}.crop-ratio{padding:5px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--fg-muted-2);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold)}.crop-ratio:hover{border-color:var(--brand);color:var(--brand-darker)}.crop-ratio.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.rakpick{position:relative;margin-bottom:var(--space-3)}.rakpick-trigger{width:100%;text-align:left;cursor:pointer;font-family:inherit;padding:11px var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-lighter);background:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted-2)}.rakpick-trigger:hover{border-color:var(--brand);color:var(--brand-darker)}.rakpick-panel{margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--border-lighter);border-radius:var(--radius-sm);background:var(--surface-alt)}.rakpick-search{width:100%;padding:8px 12px;border-radius:var(--radius-xs);border:1px solid var(--border-lighter);background:var(--surface);font-family:inherit;font-size:var(--text-sm);color:var(--fg)}.rakpick-search:focus{outline:none;border-color:var(--brand)}.rakpick-list{list-style:none;margin:var(--space-2) 0 0;padding:0;max-height:210px;overflow-y:auto}.rakpick-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:7px 8px;border:none;background:none;cursor:pointer;font-family:inherit;text-align:left;border-radius:var(--radius-xs)}.rakpick-item:hover{background:var(--surface)}.rakpick-item.is-off{opacity:.45;cursor:default}.rakpick-item.is-off:hover{background:none}.rakpick-item img,.rakpick-chosen img,.rakpick-nophoto{width:38px;height:38px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-xs);background:var(--surface-alt);border:1px solid var(--border-lighter)}.rakpick-name,.rakpick-chosen-name{flex:1;min-width:0;font-size:var(--text-sm);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rakpick-note{flex-shrink:0;font-size:var(--text-xs);color:var(--fg-muted-2)}.rakpick-empty{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--fg-muted-2)}.rakpick-chosen{display:flex;align-items:center;gap:var(--space-3);padding:8px 10px;margin-bottom:var(--space-3);border:1px solid var(--brand);border-radius:var(--radius-sm);background:var(--brand-light)}.rakpick-clear{flex-shrink:0;background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand-darker)}.rakpick-clear:hover{text-decoration:underline}.ctick{display:flex;align-items:stretch;overflow:visible;background:var(--brand-tint);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;z-index:99}.ctick-label{flex-shrink:0;display:flex;align-items:center;padding:0 var(--space-5);background:var(--brand);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-extra);letter-spacing:.04em;white-space:nowrap}.ctick-strip{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 46px,#000 calc(100% - 46px),transparent);mask-image:linear-gradient(90deg,transparent,#000 46px,#000 calc(100% - 46px),transparent)}.ctick-track{display:flex;width:max-content;animation:ctick-jalan 60s linear infinite}.ctick-strip.is-paused .ctick-track{animation-play-state:paused}@keyframes ctick-jalan{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ctick-track{animation:none}.ctick-strip{overflow-x:auto}}.ctick-item{position:relative;flex-shrink:0;display:flex;align-items:center;gap:7px;padding:9px var(--space-4);font-size:var(--text-sm);color:var(--fg-muted);white-space:nowrap;cursor:pointer;border-radius:var(--radius-pill);font-size:var(--text-md);padding:13px var(--space-5)}.ctick-avatar{width:30px;height:30px}.ctick-item:hover{background:var(--surface-alt)}.ctick-item.is-open{background:var(--surface)}.ctick-item:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.ctick-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;overflow:hidden;font-size:var(--text-2xs);font-weight:var(--weight-bold);border:1.5px solid var(--border)}.ctick-avatar img{width:100%;height:100%;object-fit:cover}.ctick-user{color:var(--fg);font-weight:var(--weight-extra)}.ctick-verb{opacity:.8}.ctick-target{color:var(--fg);font-weight:var(--weight-bold);max-width:260px;overflow:hidden;text-overflow:ellipsis}.ctick-card{position:fixed;z-index:120;width:340px;white-space:normal;cursor:auto;background:var(--surface);color:var(--fg);border:1px solid var(--border-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);overflow:hidden}.ctick-card-head{margin:0;padding:10px var(--space-4);background:var(--brand-light);color:var(--fg);font-size:var(--text-sm);line-height:1.45}.ctick-card-target{color:var(--brand-darker);font-weight:var(--weight-bold)}.ctick-card-body{display:flex;gap:var(--space-3);padding:var(--space-4)}.ctick-card-img{width:54px;height:74px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-xs);background:var(--surface-alt)}.ctick-card-wajah{width:54px;height:54px;flex-shrink:0;align-self:flex-start;display:grid;place-items:center;overflow:hidden;border-radius:50%;font-size:var(--text-lg);font-weight:var(--weight-extra)}.ctick-card-wajah img{width:100%;height:100%;object-fit:cover}.ctick-card-text{min-width:0}.ctick-card-quote{margin:0 0 6px;font-size:var(--text-sm);color:var(--fg);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ctick-card-time{font-size:var(--text-xs);color:var(--fg-muted-2)}.ctick-card-link{display:block;padding:9px var(--space-4);border-top:1px solid var(--border-lighter);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand-darker);text-decoration:none}.ctick-card-link:hover{background:var(--surface-alt)}@media(max-width:560px){.ctick-card{left:0;width:min(340px,88vw)}.ctick-target{max-width:140px}}.likenames-anchor{position:relative;display:inline-flex}.likenames{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:30;white-space:nowrap;pointer-events:none;padding:7px 11px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-lighter);box-shadow:var(--shadow-dropdown);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--fg)}.asobi-mark{position:relative;display:inline-block;font-family:var(--font-rounded);font-weight:800;line-height:1;font-size:16.15px;padding:.42em .63em .47em;border-radius:.74em;background:var(--brand);color:#fff;transform:rotate(-4deg);box-shadow:0 .26em .53em #fc4c0240;white-space:nowrap}.asobi-teks{display:block}.asobi-ekor{position:absolute;bottom:-.32em;left:.74em;width:.58em;height:.39em;background:inherit;clip-path:polygon(0 0,100% 0,26% 100%)}:root[data-theme=dark] .asobi-mark{background:#fff3ee;color:var(--brand);box-shadow:0 .26em .53em #00000059}.asobi-mark--penuh{font-size:44px}.kenal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;padding:32px 20px;overflow-y:auto;background:var(--surface);opacity:1;transition:opacity .52s ease .7s}.kenal:before{content:"";position:absolute;left:22%;top:50%;width:620px;height:620px;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--brand) 12%,transparent) 0%,transparent 62%);pointer-events:none}@media(prefers-reduced-motion:reduce){.kenal{transition-duration:1ms;transition-delay:0ms}}.share-anchor{position:relative}.share-menu{position:absolute;z-index:40;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:190px;padding:10px 0 6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:default;text-align:left}.share-menu-judul{margin:0 0 6px;padding:0 14px;font-size:var(--text-xs);font-weight:var(--weight-black);color:var(--fg-muted-2);text-transform:uppercase;letter-spacing:.04em}.share-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);text-align:left;transition:background var(--duration) var(--ease-ios)}.share-menu-item:hover{background:var(--surface-alt)}.share-menu-lambang{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;color:#fff;font-size:13px;font-weight:var(--weight-black);line-height:1}.isapa{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);background:var(--brand-tint);border:1px solid var(--border);border-radius:var(--radius-lg)}.isapa-teks{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--fg)}.isapa-teks strong{font-weight:var(--weight-extra)}.isapa-tombol{flex:0 0 auto;padding:7px 18px;border:0;border-radius:var(--radius-pill);background:var(--brand);color:#fff;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);transition:filter var(--duration) var(--ease-ios)}.isapa-tombol:hover{filter:brightness(1.08)}.ipeminat{margin-top:var(--space-2)}.ipeminat-baris{display:flex;align-items:center;gap:var(--space-2);min-height:26px}.ipeminat-baris.is-loading{min-height:26px}.ipeminat-wajah{flex:0 0 auto;display:block;padding:0;border:0;background:none;cursor:pointer;line-height:0;border-radius:50%;transition:transform var(--duration) var(--ease-ios)}.ipeminat-wajah+.ipeminat-wajah{margin-left:-9px}.ipeminat-baris>.ipeminat-wajah:nth-child(1){z-index:3}.ipeminat-baris>.ipeminat-wajah:nth-child(2){z-index:2}.ipeminat-baris>.ipeminat-wajah:nth-child(3){z-index:1}.ipeminat-wajah:hover{transform:translateY(-2px);z-index:4}.ipeminat-sisa{flex:0 0 auto;margin-left:-9px;z-index:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--surface-alt);border:1px solid var(--border);color:var(--fg-muted);font-size:10px;font-weight:var(--weight-extra)}.ipeminat-wajah{position:relative}.ipeminat-bubble{position:absolute;bottom:calc(100% + 7px);left:-6px;z-index:5;padding:5px 9px;border-radius:10px;background:var(--fg);color:var(--bg);font-size:11px;font-weight:var(--weight-bold);line-height:1.25;width:max-content;max-width:148px;white-space:normal;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity var(--duration) var(--ease-ios),transform var(--duration) var(--ease-ios)}.ipeminat-bubble:after{content:"";position:absolute;top:100%;left:14px;border:5px solid transparent;border-top-color:var(--fg)}.ipeminat-wajah:hover .ipeminat-bubble,.ipeminat-wajah:focus-visible .ipeminat-bubble{opacity:1;transform:translateY(0)}.ipeminat-wajah:hover,.ipeminat-wajah:focus-visible{z-index:6}.caribarang{margin:var(--space-3) 0 var(--space-4);padding:var(--space-4);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg)}.shelf-form .caribarang{margin:var(--space-3) 0 var(--space-3);text-align:left}.shelf-form-pisah{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);color:var(--fg-muted-2);font-size:var(--text-xs)}.shelf-form-pisah:before,.shelf-form-pisah:after{content:"";flex:1;height:1px;background:var(--border)}.shelf-form-pisah span{white-space:nowrap}@media(max-width:560px){.shelf-form-pisah span{white-space:normal;text-align:center}}.caribarang-input{width:100%;box-sizing:border-box;height:40px;padding:0 14px;font-family:inherit;font-size:var(--text-sm);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);outline:none}.caribarang-input:focus{border-color:var(--brand)}.caribarang-kabar{margin:var(--space-3) 0 0;color:var(--fg-muted);font-size:var(--text-sm)}.caribarang-hasil{margin-top:var(--space-3);max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.caribarang-baris{display:flex;align-items:center;gap:var(--space-3);padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.caribarang-foto{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-alt);display:flex;align-items:center;justify-content:center}.caribarang-foto img{width:100%;height:100%;object-fit:cover}.caribarang-noimg{color:var(--fg-muted-2)}.caribarang-teks{flex:1;min-width:0}.caribarang-nama{margin:0;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.caribarang-meta{margin:3px 0 0;display:flex;flex-wrap:wrap;gap:2px 10px;font-size:var(--text-xs)}.caribarang-incar{color:var(--fg-muted-2);white-space:nowrap}.caribarang-tambah{flex-shrink:0;max-width:104px;padding:7px 10px;border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-2xs);font-weight:var(--weight-extra);line-height:1.2;cursor:pointer;text-align:center}.caribarang-tambah:hover:not(:disabled){background:var(--brand-darker)}.caribarang-tambah:disabled{background:var(--surface-alt);color:var(--fg-muted-2);border-color:var(--border);cursor:default}@media(max-width:560px){.caribarang-hasil{max-height:260px}.caribarang-baris{flex-wrap:wrap}.caribarang-teks{flex:1 1 0;min-width:0}.caribarang-tambah{flex:1 1 100%;max-width:none;width:100%;padding:9px 10px}}.shelf-card-teks{display:flex;flex-direction:column;gap:4px}a.shelf-card-teks{color:inherit;text-decoration:none;cursor:pointer}a.shelf-card-teks:hover .shelf-card-name{color:var(--brand);text-decoration:underline}a.shelf-card-teks:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}@media(max-width:700px){.navbar{height:auto}.navbar .container{flex-wrap:wrap;row-gap:2px;padding:6px 0 4px;align-items:center}.navbar-left{display:contents}.navbar-brand{order:1}.navbar-right{order:2;margin-left:auto;gap:10px}.navbar-nav{order:3;width:100%;justify-content:flex-start;gap:var(--space-5);overflow-x:auto;scrollbar-width:none}.navbar-nav::-webkit-scrollbar{display:none}}@media(max-width:700px){.composer-bar-types,.channel-section-tabs,.filter-row-left,.shelf-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.composer-bar-types::-webkit-scrollbar,.channel-section-tabs::-webkit-scrollbar,.filter-row-left::-webkit-scrollbar,.shelf-chips::-webkit-scrollbar{display:none}.composer-bar-types>*,.channel-section-tabs>*,.filter-row-left>*,.shelf-chips>*{flex-shrink:0}}.favorit{margin:var(--space-4) 0 var(--space-2)}.favorit-label{margin:0 0 8px;font-size:var(--text-2xs);font-weight:var(--weight-extra);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted-2)}.favorit-list{list-style:none;margin:0;padding:0 0 6px;display:flex;gap:var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.favorit-item{display:flex;flex-direction:column;gap:6px;width:70px;flex-shrink:0;text-decoration:none;color:inherit}.favorit-foto{width:70px;height:70px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-alt);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:border-color var(--duration) var(--ease-ios)}.favorit-item:hover .favorit-foto{border-color:var(--brand)}.favorit-foto img{width:100%;height:100%;object-fit:cover}.favorit-noimg{color:var(--fg-muted-2);font-size:var(--text-sm)}.favorit-nama{font-size:var(--text-2xs);line-height:1.25;color:var(--fg-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorit-ajak{display:inline-block;margin:var(--space-4) 0 var(--space-2);font-size:var(--text-sm);color:var(--brand);text-decoration:none;font-weight:var(--weight-bold)}.favorit-ajak:hover{text-decoration:underline}.shelf-card-owner-btn.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.shelf-card-owner-btn.is-on:hover{background:var(--brand-darker);border-color:var(--brand-darker)}@media(max-width:560px){.favorit-list{gap:10px}}.foto-galeri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2)}.foto-petak{display:block;width:100%;padding:0;aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-alt);cursor:pointer;transition:border-color var(--duration) var(--ease-ios)}.foto-petak:hover{border-color:var(--brand)}.foto-petak:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.foto-petak img{width:100%;height:100%;object-fit:cover;display:block}.lightbox-ke-post{position:fixed;right:16px;bottom:16px;z-index:2;padding:9px 16px;border:none;border-radius:var(--radius-pill);background:var(--surface);color:var(--fg);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;box-shadow:var(--shadow-dropdown)}.lightbox-ke-post:hover{background:var(--surface-alt)}@media(max-width:560px){.foto-galeri{grid-template-columns:repeat(3,1fr);gap:6px}.lightbox-ke-post{right:12px;bottom:12px}}.shelf-padat-btn{margin-left:auto;margin-right:var(--space-2);width:36px;height:36px;padding:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg-muted);cursor:pointer;transition:color var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios)}.shelf-padat-btn svg{width:100%;height:100%}.shelf-padat-btn:hover{color:var(--fg);border-color:var(--border-dark)}.shelf-padat-btn.is-on{color:var(--brand);border-color:var(--brand);background:var(--brand-light)}.shelf-grid--padat{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-2)}.shelf-grid--padat .shelf-card-sub,.shelf-grid--padat .shelf-card-actions,.shelf-grid--padat .shelf-card-owner-actions{display:none}.shelf-grid--padat .shelf-card-body{padding:6px 8px 8px}.shelf-grid--padat .shelf-card-name{font-size:var(--text-2xs);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-grid--padat .shelf-card-photo--bingkai{--bingkai-cincin: 2px;--bingkai-jarak: 2px;border-radius:7px}.shelf-grid--padat .shelf-card-photo--bingkai:before{border-radius:5px 0 0}.shelf-grid--padat .shelf-card-photo--bingkai .shelf-card-photo-tautan,.shelf-grid--padat .shelf-card-photo--bingkai>img{border-radius:5px}.shelf-grid--padat .shelf-card-verified{width:20px;height:20px;bottom:5px;left:5px}@media(max-width:560px){.shelf-grid--padat{grid-template-columns:repeat(3,1fr);gap:6px}}.komyuu-xp--tautan{text-decoration:none;cursor:pointer;display:flex}.komyuu-xp--tautan:hover{filter:brightness(1.06)}.komyuu-xp--tautan:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.genre-baris{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4)}.genre-baris #category-tabs{margin-left:auto}.genre-picker{position:relative}.genre-picker-trigger{display:inline-flex;align-items:center;gap:8px;min-width:190px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--fg-muted);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer}.genre-picker-trigger:hover{border-color:var(--border-dark);color:var(--fg)}.genre-picker-trigger.is-on{border-color:var(--brand);color:var(--brand)}.genre-picker-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre-picker-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:260px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown)}.genre-picker-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.genre-picker-grup{display:flex;flex-direction:column;gap:2px}.genre-picker-grup-label{position:sticky;top:0;z-index:1;margin:0;padding:6px 10px 4px;background:var(--surface);font-size:var(--text-xs);font-weight:var(--weight-extra);color:var(--fg-muted-2);text-transform:uppercase;letter-spacing:.4px}.genre-picker-grup:not(:first-child) .genre-picker-grup-label{margin-top:6px}.genre-pills--baris{align-items:baseline}.genre-pills-label{flex:0 0 74px;font-size:var(--text-xs);font-weight:var(--weight-extra);color:var(--fg-muted-2);text-transform:uppercase;letter-spacing:.4px}.genre-picker-opsi{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:none;border-radius:var(--radius-md);background:none;color:var(--fg);cursor:pointer;font-family:inherit;font-size:var(--text-sm);text-align:left}.genre-picker-opsi:hover{background:var(--surface-alt)}.genre-picker-opsi.is-on{color:var(--brand);font-weight:var(--weight-bold)}.genre-picker-kotak{width:18px;height:18px;flex-shrink:0;border:1px solid var(--border-dark);border-radius:5px;display:flex;align-items:center;justify-content:center}.genre-picker-opsi.is-on .genre-picker-kotak{background:var(--brand);border-color:var(--brand);color:#fff}.genre-picker-kotak svg{width:12px;height:12px}.genre-picker-nama{flex:1}.genre-picker-aksi{display:flex;gap:8px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-lighter)}.genre-picker-bersih{flex:1;padding:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg-muted);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer}.genre-picker-bersih:disabled{opacity:.45;cursor:default}.genre-picker-cari{flex:1;padding:8px;border:1px solid var(--brand);border-radius:var(--radius-md);background:var(--brand);color:#fff;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-extra);cursor:pointer}.genre-picker-cari:hover{background:var(--brand-darker)}.genre-hasil{font-size:var(--text-sm);color:var(--fg-muted)}@media(max-width:560px){.genre-picker,.genre-picker-trigger,.genre-picker-panel{width:100%}}.channel-repost-by{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-soft)}.channel-repost-by svg{width:14px;height:14px;flex:none}.channel-repost-name{color:var(--fg-muted);text-decoration:none}.channel-repost-name:hover{text-decoration:underline}.channel-post-in{display:inline-flex;align-items:center;gap:5px;min-width:0}.channel-post-in-chev{color:var(--fg-placeholder)}.channel-post-in-name{color:var(--fg-2);font-weight:var(--weight-extra);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-post-in-name:hover{text-decoration:underline}.community-page{width:100%;max-width:var(--container-max);margin:0 auto;padding:24px var(--tepi-halaman) 72px}.app-hero-mode{position:relative}.app-hero-mode .navbar{position:absolute;top:0;left:0;right:0;background:transparent;box-shadow:none}.app-hero-mode .navbar-navlink{color:#ffffffe6}.app-hero-mode .navbar-navlink.is-on{color:#fff}.chero-banner-full{position:relative;width:100%;height:400px;background:#23252b;overflow:hidden}.chero-banner-full>img{width:100%;height:100%;object-fit:cover;display:block}.chero-banner-empty{width:100%;height:100%;background:linear-gradient(120deg,#fc4c02,#8e2610)}.chero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#00000073,#0000 130px),linear-gradient(to top,#000000b8,#0000 240px)}.chero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end}.chero-overlay-inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--tepi-halaman) 24px;display:flex;gap:18px;align-items:flex-end}.chero-avatar{flex:0 0 auto;width:128px;height:128px;border-radius:24px;border:4px solid rgba(255,255,255,.92);background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:46px;overflow:hidden;box-shadow:0 4px 14px #0000004d}.chero-avatar img{width:100%;height:100%;object-fit:cover}.chero-info{flex:1;min-width:0;padding-bottom:6px}.chero-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chero-title h1{font-size:28px;font-weight:900;letter-spacing:-.6px;margin:0;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}.chero-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.chero-bio{margin:8px 0 0;color:#ffffffeb;font-size:14px;max-width:70ch;text-shadow:0 1px 4px rgba(0,0,0,.5)}.cdetail{width:100%;max-width:var(--container-max);margin:0 auto;padding:16px var(--tepi-halaman) 72px}.cdetail-cols{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;margin-top:16px}.cdetail-main{min-width:0}.cdetail-side{position:sticky;top:88px}.cside-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 0 4px #0e0e0e14;padding:16px 18px}.cside-title{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#bf3901;margin:0 0 10px}.cside-desc{font-size:13px;color:#565252;margin:0 0 12px}.cside-facts{margin:0}.cside-facts>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #f0efee;font-size:13px}.cside-facts>div:first-child{border-top:none}.cside-facts dt{color:gray;font-weight:700;margin:0}.cside-facts dd{color:#2d2b29;font-weight:800;margin:0}.cside-join{margin-top:12px;padding-top:12px;border-top:1px solid #f0efee;font-size:13px}.cside-join b{display:block;color:#565252;font-size:12px;margin-bottom:4px}.cside-join p{margin:0;color:#606060}@media(max-width:900px){.cdetail-cols{grid-template-columns:1fr}.cdetail-side{position:static;order:-1}}.chero-stats{display:flex;gap:22px;font-size:13px;color:gray;font-weight:700}.chero-stats b{color:#2d2b29;font-weight:900;font-size:15px;margin-right:2px}.chero-join{margin:10px 0 0;font-size:13px;color:#606060}.chero-tabs{display:flex;gap:4px;margin-top:12px;border-bottom:1px solid #ededed}.chero-tab{background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;padding:10px 12px;font-family:inherit;font-weight:800;font-size:14px;color:gray;cursor:pointer}.chero-tab.on{color:#bf3901;border-bottom-color:#fc4c02}.chero-tab-badge{display:inline-block;margin-left:6px;min-width:18px;height:18px;line-height:18px;padding:0 5px;border-radius:9px;background:#fc4c02;color:#fff;font-size:11px;font-weight:800;text-align:center;vertical-align:middle}@media(max-width:640px){.chero-banner-full{height:300px}.chero-overlay-inner{flex-direction:column;align-items:flex-start;gap:10px}.chero-actions{margin-left:0}}.community-loading{display:flex;justify-content:center;padding:64px 0}.community-empty{color:gray;font-weight:700;padding:24px 0}.community-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.community-h1{font-size:26px;font-weight:900;letter-spacing:-.6px;margin:0 0 4px}.community-sub{color:#606060;margin:0;font-size:14px}.community-back{background:none;border:none;color:#bf3901;font-weight:800;font-size:13px;cursor:pointer;padding:4px 0;margin-bottom:14px}.community-btn,.community-btn-ghost,.community-btn-mini{font-family:inherit;font-weight:800;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s}.community-btn{background:#fc4c02;color:#fff;padding:9px 18px;font-size:14px}.community-btn:hover:not(:disabled){background:#bf3901}.community-btn-create{display:inline-flex;align-items:center;gap:7px;flex:none;padding:10px 18px;border-radius:999px;box-shadow:0 1px 2px #fc4c0247}.community-btn-create svg{width:15px;height:15px}.community-btn-create:active:not(:disabled){transform:translateY(1px)}.community-btn-ghost{background:#fff;color:#2d2b29;border-color:#d1d3d4;padding:9px 16px;font-size:14px}.community-btn-ghost:hover:not(:disabled){border-color:#fc4c02;color:#bf3901}.community-btn-mini{background:#fff3ee;color:#bf3901;border-color:#ffd9c6;padding:4px 10px;font-size:12px}.community-btn-mini.danger{background:#fbe9ec;color:#9c3346;border-color:#f2c9d1}.community-btn:disabled,.community-btn-ghost:disabled{opacity:.55;cursor:default}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.community-card{display:flex;gap:12px;padding:14px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 0 4px #0e0e0e14;text-decoration:none;color:inherit}.community-card:hover{border-color:#ffcdb6}.community-card-logo,.community-hero-logo{flex:0 0 auto;width:48px;height:48px;border-radius:12px;background:#fff3ee;color:#bf3901;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;overflow:hidden}.community-card-logo img,.community-hero-logo img{width:100%;height:100%;object-fit:cover}.community-card-name{font-weight:800;display:flex;align-items:center;gap:6px}.community-card-meta{font-size:12px;color:gray;font-weight:700;margin-top:2px}.community-card-desc{font-size:13px;color:#606060;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-tag{display:inline-block;padding:1px 8px;border-radius:9999px;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;background:#eef0f2;color:#565252;vertical-align:middle}.community-tag.priv{background:#eaeff5;color:#3f5673}.community-tag.draft,.community-tag.pending{background:#fff3e0;color:#a35f06}.community-tag.owner{background:#fff3ee;color:#bf3901}.community-tag.moderator{background:#eafaf0;color:#2c7d4f}.community-banner{border-radius:14px 14px 0 0;overflow:hidden;max-height:200px;background:#23252b}.community-banner img{width:100%;height:100%;max-height:200px;object-fit:cover;display:block}.community-hero{display:flex;gap:16px;padding:20px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 0 4px #0e0e0e14;margin-bottom:18px}.community-hero.has-banner{border-radius:0 0 14px 14px;border-top:none;margin-top:-28px;position:relative}.community-hero.has-banner .community-hero-logo{margin-top:-20px;border:3px solid #fff}.community-hero-logo{width:72px;height:72px;font-size:30px;border-radius:16px}.community-hero-body{flex:1;min-width:0}.community-hero-title{display:flex;align-items:center;gap:8px}.community-hero-title h1{font-size:22px;font-weight:900;letter-spacing:-.5px;margin:0}.community-hero-meta{font-size:13px;color:gray;font-weight:700;margin-top:3px}.community-hero-desc{margin:10px 0 0;color:#2d2b29;font-size:14px}.community-hero-join{margin:8px 0 0;font-size:13px;color:#606060}.community-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.community-role-badge{font-size:12px;font-weight:800;color:#565252;background:#f1efee;border-radius:8px;padding:7px 12px}.community-role-badge.owner{color:#bf3901;background:#fff3ee}.community-role-badge.pending{color:#a35f06;background:#fff3e0}.ccomp-prompt{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface, #fff);border:1px solid var(--border-light, rgba(0, 0, 0, .08));border-radius:12px;padding:12px 14px;margin-bottom:18px;box-shadow:0 0 4px #0e0e0e14;cursor:pointer;font-family:inherit;text-align:left}.ccomp-prompt:hover{border-color:var(--border, #d1d3d4)}.ccomp-prompt-avatar,.ccomp-avatar{flex:none;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:800}.ccomp-prompt-avatar{border-radius:8px}.ccomp-avatar{border-radius:10px}.ccomp-prompt-avatar img,.ccomp-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.ccomp-prompt-text{flex:1;font-size:15px;color:var(--fg-placeholder, #a2a2a2)}.ccomp-prompt-btn{flex:none;border:1px solid var(--border, #d1d3d4);border-radius:999px;padding:6px 16px;font-size:13px;font-weight:800;color:var(--fg, #2d2d2d)}.ccomp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 24px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.ccomp-backdrop::-webkit-scrollbar{width:0;height:0}.ccomp{width:100%;max-width:620px;background:var(--surface, #fff);border-radius:18px;box-shadow:0 12px 40px #00000059;overflow:hidden}.ccomp.drag{outline:2px dashed var(--brand, #fc4c02);outline-offset:-6px}.ccomp-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-lighter, #dadada)}.ccomp-cancel{justify-self:start;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:15px;color:var(--fg, #2d2d2d)}.ccomp-head-title{font-size:16px;font-weight:800;color:var(--fg, #2d2d2d)}.ccomp-head-spacer{justify-self:end}.ccomp-body{padding:16px}.ccomp-row{display:flex;gap:12px}.ccomp-col{flex:1;min-width:0}.ccomp-who{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--fg, #2d2d2d)}.ccomp-me{font-weight:800}.ccomp-chev{color:var(--fg-placeholder, #a2a2a2)}.ccomp-where{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--fg, #2d2d2d)}.ccomp-where-pfp{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;overflow:hidden;background:var(--surface-alt, #f2f2f2);color:var(--fg-muted, #565252);font-size:11px;font-weight:800}.ccomp-where-pfp img{width:100%;height:100%;object-fit:cover;display:block}.ccomp-title,.ccomp-text{width:100%;border:none;background:none;outline:none;padding:0;font-family:inherit;color:var(--fg, #2d2d2d)}.ccomp-title{margin-top:4px;font-size:15px;font-weight:800}.ccomp-text{margin-top:4px;font-size:15px;line-height:1.5;resize:none;overflow-y:auto}.ccomp-title::placeholder,.ccomp-text::placeholder{color:var(--fg-placeholder, #a2a2a2);font-weight:400}.ccomp-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ccomp-thumb{position:relative;width:96px;height:96px;border-radius:10px;overflow:hidden;border:1px solid var(--border-lighter, #dadada)}.ccomp-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ccomp-thumb.naik img{opacity:.45}.ccomp-thumb-x{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:999px;border:none;background:#0009;color:#fff;font-size:15px;line-height:1;cursor:pointer}.ccomp-thumb-x:hover{background:#000000d1}.ccomp-tools{display:flex;gap:4px;margin-top:10px}.ccomp-tool{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:999px;background:none;color:var(--fg-muted, #565252);cursor:pointer}.ccomp-tool:hover:not(:disabled){background:var(--surface-alt, #f8f8f8);color:var(--fg, #2d2d2d)}.ccomp-tool:disabled{opacity:.4;cursor:default}.ccomp-tool svg{width:21px;height:21px}.ccomp-error{margin:12px 0 0;font-size:13px;color:#bf3901}.ccomp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border-lighter, #dadada)}.ccomp-hint{font-size:13px;color:var(--fg-placeholder, #a2a2a2)}.ccomp-post{border:none;border-radius:999px;background:var(--brand, #fc4c02);color:#fff;padding:8px 22px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer}.ccomp-post:disabled{opacity:.5;cursor:default}.community-field input,.community-field textarea,.community-field select{width:100%;border:1px solid #d1d3d4;border-radius:8px;padding:9px 11px;font-family:inherit;font-size:14px;color:#2d2b29}.community-members{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px 16px;margin-bottom:18px;box-shadow:0 0 4px #0e0e0e14}.community-section-title{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#bf3901;margin:0 0 12px}.community-member-list{list-style:none;margin:0;padding:0}.community-member{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #ededed}.community-member:first-child{border-top:none}.community-member-name{font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.community-member-avatar{flex:0 0 auto;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#fff3ee;color:#bf3901;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}.community-member-avatar img{width:100%;height:100%;object-fit:cover}.community-member-actions{display:flex;align-items:center;gap:6px}.community-role-select{border:1px solid #d1d3d4;border-radius:8px;padding:4px 8px;font-size:12px;font-family:inherit}.community-posts{margin-top:6px}.community-post{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 0 4px #0e0e0e14}.community-post-head{display:flex;align-items:center;gap:10px;font-size:12px;color:gray;font-weight:700;margin-bottom:8px}.community-post-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:10px;overflow:hidden;font-size:14px;font-weight:800;text-decoration:none}.community-post-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.community-post-by{display:flex;flex-direction:column;gap:1px;min-width:0}.community-post-author{color:#2d2b29;font-size:14px;font-weight:800;text-decoration:none}.community-post-author:hover{text-decoration:underline}.community-post-date{font-weight:400}.community-post-title{font-size:16px;font-weight:800;margin:0 0 6px}.community-post-body{color:#2d2b29;font-size:14px;white-space:pre-wrap;margin:0}.community-post-images{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.community-post-images img{max-width:180px;border-radius:8px}.community-post-foot{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-lighter, #ededed)}.community-act{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:none;border-radius:999px;background:none;color:var(--fg-muted, #565252);font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.community-act:hover{background:var(--surface-alt, #f5f5f5);color:var(--fg, #2d2d2d)}.community-act svg{width:17px;height:17px}.community-act.on{color:#e0245e}.community-act.on svg{fill:currentColor}.community-act.reposted{color:#2f9e5f}.community-act.pasif{cursor:default;margin-left:auto;color:var(--fg-soft, #808080)}.community-act.pasif:hover{background:none;color:var(--fg-soft, #808080)}.community-post-title a{color:inherit;text-decoration:none}.community-post-title a:hover{text-decoration:underline}.community-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.community-modal{background:#fff;border-radius:14px;padding:22px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.community-modal-title{font-size:18px;font-weight:900;margin:0 0 16px}.community-field{display:block;margin-bottom:12px}.community-modal-nota{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:var(--surface-alt, #f7f7f7);color:var(--fg-muted, #666);font-size:12px;line-height:1.5}.community-field>span{display:block;font-size:12px;font-weight:800;color:#565252;margin-bottom:4px}.community-field small{display:block;color:#a2a2a2;font-size:11px;margin-top:3px}.community-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.cperm{background:var(--surface, #fff);border:1px solid var(--border-light, rgba(0, 0, 0, .08));border-radius:12px;margin-bottom:18px;box-shadow:0 0 4px #0e0e0e14;overflow:hidden}.cperm-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 14px}.cperm-title{margin:0 0 3px;font-size:15px;font-weight:800;color:var(--fg, #2d2d2d)}.cperm-lead{margin:0;font-size:13px;color:var(--fg-muted, #565252)}.cperm-lead b{color:#bf3901}.cperm-lock{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--surface-alt, #f8f8f8);border:1px solid var(--border-lighter, #ededed);font-size:12px;font-weight:800;letter-spacing:.3px;color:var(--fg-muted, #565252)}.cperm-lock svg{width:13px;height:13px}.cperm-scroll{overflow-x:auto}.cperm-table{width:100%;border-collapse:collapse;font-size:14px}.cperm-table th,.cperm-table td{padding:11px 10px;text-align:center;vertical-align:middle}.cperm-table thead th{position:sticky;top:0;padding:12px 10px;background:var(--surface, #fff);font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--fg-muted, #565252);white-space:nowrap}.cperm-table th.cperm-head-izin,.cperm-table th.cperm-izin{position:sticky;left:0;z-index:1;background:var(--surface, #fff);text-align:left;min-width:210px;padding-left:18px}.cperm-izin{font-size:14px;font-weight:700;color:var(--fg, #2d2d2d)}.cperm-table tbody tr:hover .cperm-izin,.cperm-table tbody tr:hover .cperm-cell{background:var(--surface-alt, #f8f8f8)}.cperm-note{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--fg-soft, #808080)}.cperm-group th{text-align:left;padding:9px 18px!important;background:var(--surface-alt, #f8f8f8);border-top:1px solid var(--border-lighter, #ededed);border-bottom:1px solid var(--border-lighter, #ededed);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#bf3901}.cperm-table tbody tr+tr .cperm-izin,.cperm-table tbody tr+tr .cperm-cell{border-top:1px solid var(--border-lighter, #ededed)}.cperm-role-name{display:block}.cperm-role-sub{display:block;margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:none;color:var(--fg-placeholder, #a2a2a2)}.cperm-role.mine,.cperm-cell.mine{background:var(--brand-tint, #fff4ec)}.cperm-role.mine{border-radius:10px 10px 0 0}.cperm-you{display:block;margin-top:3px;font-size:10px;font-weight:800;letter-spacing:.5px;color:#bf3901}.cperm-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;font-size:13px;line-height:1}.cperm-mark.ya{background:#2f9e5f1f;color:#2f9e5f}.cperm-mark.tidak{background:var(--surface-alt, #f2f2f2);color:var(--fg-placeholder, #a2a2a2)}.cperm-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--border-lighter, #ededed);font-size:12px;color:var(--fg-muted, #565252)}.cperm-legend{display:inline-flex;align-items:center;gap:6px}.cperm-legend .cperm-mark{width:20px;height:20px;font-size:11px}.cperm-foot-note{margin-left:auto;color:var(--fg-soft, #808080)}.cperm-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cimg{margin-bottom:16px}.cimg-banner{position:relative;aspect-ratio:3 / 1;border-radius:12px;background:var(--surface-alt, #f2f2f2);background-size:cover;background-position:center;border:1px solid var(--border-lighter, #e4e4e4);display:flex;align-items:center;justify-content:center;margin-bottom:30px}.cimg-empty{font-size:13px;font-weight:700;color:var(--fg-placeholder, #a2a2a2)}.cimg-banner-actions{position:absolute;top:10px;right:10px;display:flex;gap:8px}.cimg-btn{border:1px solid rgba(255,255,255,.4);background:#0000008c;color:#fff;border-radius:999px;padding:6px 13px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}.cimg-btn:hover:not(:disabled){background:#000000c7}.cimg-btn:disabled{opacity:.6;cursor:default}.cimg-logo{position:absolute;left:18px;bottom:-26px;width:74px;height:74px;border-radius:16px;overflow:hidden;background:var(--surface, #fff);border:3px solid var(--surface, #fff);box-shadow:0 2px 8px #00000029;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:var(--fg-placeholder, #a2a2a2)}.cimg-logo img{width:100%;height:100%;object-fit:cover;display:block}.cimg-logo-btn{position:absolute;left:0;right:0;bottom:0;height:26px;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.cimg-logo-btn:hover:not(:disabled){background:#000000bf}.cimg-logo-btn:disabled{opacity:.6;cursor:default}.cimg-logo-btn svg{width:15px;height:15px}.cimg-hint{font-size:12.5px;line-height:1.45;color:var(--fg-soft, #808080)}.cimg-hint b{color:var(--fg-muted, #565252)}.cimg-link{display:inline;border:none;background:none;padding:0 0 0 6px;font-family:inherit;font-size:12.5px;font-weight:800;color:#bf3901;cursor:pointer}.cimg-link:hover{text-decoration:underline}.community-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.community-modal-actions .community-btn,.community-modal-actions .community-btn-ghost{padding:10px 20px;border-radius:999px}.community-btn:disabled{background:#f0b79c;color:#fff;cursor:not-allowed}.ccreate-cols{display:grid;grid-template-columns:minmax(0,720px);justify-content:center;gap:28px;align-items:start}@media(min-width:1000px){.ccreate-cols{grid-template-columns:minmax(0,720px) minmax(300px,1fr);justify-content:start}}.ccreate-preview{position:sticky;top:calc(var(--navbar-h, 64px) + 20px);display:grid;gap:14px}.ccreate-preview-label{font-size:var(--text-xs, 11px);font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--fg-placeholder, #a2a2a2)}.ccrev-card{background:var(--surface, #fff);border:1px solid var(--border-light, rgba(0, 0, 0, .08));border-radius:14px;overflow:hidden;box-shadow:0 0 4px #0e0e0e14}.ccrev-banner{height:118px;background:linear-gradient(120deg,#fc4c02,#8e2610);background-size:cover;background-position:center}.ccrev-body{padding:0 18px 18px;display:grid;gap:8px}.ccrev-logo{width:62px;height:62px;border-radius:14px;margin-top:-31px;background:var(--surface-alt, #f8f8f8);border:3px solid var(--surface, #fff);background-size:cover;background-position:center;display:grid;place-items:center;font-weight:800;color:var(--fg-placeholder, #a2a2a2);font-size:22px}.ccrev-nama{font-weight:800;font-size:var(--text-md, 16px);color:var(--fg, #2d2d2d)}.ccrev-meta{font-size:var(--text-sm, 12px);color:var(--fg-soft, #808080)}.ccrev-desk{font-size:var(--text-sm, 12px);color:var(--fg-muted, #565252);line-height:1.5}.ccrev-catatan{font-size:var(--text-sm, 12px);color:var(--fg-soft, #808080);line-height:1.5;background:var(--surface-alt, #f8f8f8);border-radius:10px;padding:12px 14px}.ccreate-card{background:var(--surface, #fff);border:1px solid var(--border-light, rgba(0, 0, 0, .08));border-radius:14px;padding:22px 24px 24px;box-shadow:0 0 4px #0e0e0e14}.ccreate-card .community-h1{margin-bottom:4px}.ccreate-card .community-sub{margin-bottom:18px}.community-post .channel-post-actions{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-lighter, #ededed)}.admin-lomba{position:relative}.admin-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.admin-lomba-ikon{width:14px;height:14px;flex-shrink:0}.admin-lomba button:focus-visible,.admin-lomba .admin-lomba-crumb-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.admin-lomba-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);white-space:nowrap}.admin-lomba-btn .admin-lomba-ikon{color:var(--fg-soft);transition:color var(--duration) var(--ease-ios)}.admin-lomba-btn:hover .admin-lomba-ikon{color:currentColor}.admin-btn--on.admin-lomba-btn-utama{background:var(--brand);color:#fff}.admin-btn--on.admin-lomba-btn-utama:hover{background:var(--brand-darker)}.admin-lomba-btn-utama{padding:9px 18px;box-shadow:0 4px 14px color-mix(in srgb,var(--brand) 28%,transparent)}.admin-lomba-btn-utama .admin-lomba-ikon,.admin-lomba-btn-utama:hover .admin-lomba-ikon{color:#fff}.admin-lomba-btn-sekunder{background:var(--surface);color:var(--fg-2)}.admin-lomba-bar{display:flex;justify-content:flex-end;margin-bottom:var(--space-3)}.admin-seksi+.admin-lomba>.admin-lomba-bar{position:absolute;right:0;bottom:100%;margin:0 0 calc(var(--space-3) - 6px)}.admin-lomba-bar{gap:var(--space-2)}.admin-seksi:has(+.admin-lomba>.admin-lomba-bar){padding-right:320px}.admin-lomba-alert{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold)}.admin-lomba-alert .admin-lomba-ikon{width:16px;height:16px}.admin-lomba-notice{background:var(--tint-watching);color:var(--ink-watching);border:1px solid color-mix(in srgb,var(--status-ready) 30%,transparent)}.admin-lomba-pills{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.admin-lomba-pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-2xs);font-weight:var(--weight-extra);line-height:1;letter-spacing:.3px;padding:4px 9px;border-radius:var(--radius-pill);border:1px solid transparent;white-space:nowrap}.admin-lomba-pill--buka,.admin-lomba-pill--segera,.admin-lomba-pill--tutup{text-transform:uppercase}.admin-lomba-pill--buka:before,.admin-lomba-pill--segera:before,.admin-lomba-pill--tutup:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.admin-lomba-pill--buka{background:var(--brand-light);color:var(--brand-darker)}.admin-lomba-pill--segera{background:var(--info-tint);color:var(--info-ink)}.admin-lomba-pill--tutup{background:var(--surface-alt);color:var(--fg-soft);border-color:var(--border-lighter)}.admin-lomba-pill--draf{background:var(--gold-tint);color:var(--gold-ink);border:1px dashed color-mix(in srgb,var(--gold) 55%,transparent)}.admin-lomba-pill--terbit{background:var(--tint-watching);color:var(--ink-watching)}.admin-lomba-pill--bawaan{background:var(--surface-alt);color:var(--fg-soft);border-color:var(--border-lighter)}.admin-lomba-kelompok{margin-bottom:var(--space-6)}.admin-lomba-kelompok-head{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3)}.admin-lomba-kelompok-head:after{content:"";flex:1;height:1px;background:var(--border-lighter)}.admin-lomba-kelompok-judul{margin:0;font-size:var(--text-xs);font-weight:var(--weight-black);color:var(--fg-muted-2);text-transform:uppercase;letter-spacing:1px}.admin-lomba-kelompok-jumlah{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--fg-soft);padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border-lighter)}.admin-lomba-daftar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.admin-lomba-card{--aksen: var(--border-dark);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"thumb main stat aksi";align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-4) calc(var(--space-5) + 4px);background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:inset 4px 0 0 var(--aksen),var(--shadow-card);transition:box-shadow var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios),transform var(--duration) var(--ease-ios)}.admin-lomba-card--buka{--aksen: var(--brand)}.admin-lomba-card--segera{--aksen: var(--info)}.admin-lomba-card--tutup{--aksen: var(--border-dark)}.admin-lomba-card:not(.admin-lomba-card--memuat):hover{border-color:var(--border);transform:translateY(-1px);box-shadow:inset 4px 0 0 var(--aksen),var(--shadow-lift)}.admin-lomba-card:focus-within{border-color:var(--border-dark)}.admin-lomba-card--memuat{grid-template-columns:minmax(0,1fr);grid-template-areas:"main";min-height:76px}.admin-lomba-card-main{grid-area:main;min-width:0}.admin-lomba-card-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px var(--space-2)}.admin-lomba-nama{font-family:var(--font-rounded);font-size:var(--text-md);font-weight:var(--weight-extra);color:var(--fg);overflow-wrap:anywhere}.admin-lomba-card--tutup .admin-lomba-nama{color:var(--fg-muted-2)}.admin-lomba-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--space-4);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--fg-muted-2)}.admin-lomba-meta-item{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow-wrap:anywhere}.admin-lomba-meta-item .admin-lomba-ikon{color:var(--fg-soft)}.admin-lomba-meta-tag{font-weight:var(--weight-bold);color:var(--fg-2);overflow-wrap:anywhere;padding:2px 8px;border-radius:var(--radius-xs);background:var(--surface-alt)}.admin-lomba-stat{grid-area:stat;display:flex;flex-direction:column;align-items:center;min-width:76px;padding:2px var(--space-4);border-left:1px solid var(--border-lighter);border-right:1px solid var(--border-lighter)}.admin-lomba-stat-angka{font-family:var(--font-rounded);font-size:var(--text-2xl);font-weight:var(--weight-black);line-height:1.1;color:var(--fg);font-variant-numeric:tabular-nums}.admin-lomba-stat-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-soft)}.admin-lomba-stat.is-nol .admin-lomba-stat-angka{color:var(--fg-placeholder)}.admin-lomba-card-aksi{grid-area:aksi;display:flex;gap:var(--space-2)}.admin-lomba-kosong{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-10) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:1.5px dashed var(--border)}.admin-lomba-kosong-judul{margin:0;font-family:var(--font-rounded);font-size:var(--text-lg);font-weight:var(--weight-black);color:var(--fg)}.admin-lomba-kosong-teks{margin:0 0 var(--space-2);max-width:44ch;font-size:var(--text-sm);color:var(--fg-soft)}.admin-lomba-form{display:flex;flex-direction:column;gap:var(--space-4)}.admin-lomba-form-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.admin-lomba-form-judul-wrap{min-width:0}.admin-lomba-crumb{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-soft)}.admin-lomba-crumb-link{border:none;background:none;padding:0;cursor:pointer;font:inherit;color:var(--fg-soft);border-radius:4px}.admin-lomba-crumb-link:hover{color:var(--brand);text-decoration:underline}.admin-lomba-form-judul{margin:0;font-family:var(--font-rounded);font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--fg);overflow-wrap:anywhere;letter-spacing:var(--tracking-tight)}.admin-lomba-kolom-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-items:start}.admin-lomba-kolom{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}@media(min-width:1100px){.admin-lomba-kolom-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-lomba-panel{container-type:inline-size;display:flex;flex-direction:column;gap:var(--space-4);min-width:0;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.admin-lomba-panel-head{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-lighter)}.admin-lomba-panel-judul{margin:0;font-family:var(--font-rounded);font-size:var(--text-md);font-weight:var(--weight-extra);color:var(--fg)}.admin-lomba-panel-nota{margin:0;font-size:var(--text-sm);color:var(--fg-soft)}.admin-lomba-subjudul{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) 0 calc(-1 * var(--space-1));font-size:var(--text-sm);font-weight:var(--weight-extra);color:var(--fg-2)}.admin-lomba-subjudul:after{content:"";flex:1;height:1px;background:var(--border-lighter)}.admin-lomba-subjudul-nota{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-soft)}.admin-lomba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3);align-items:start}.admin-lomba-grid--3>:nth-child(3){grid-column:1 / -1}@container (min-width: 640px){.admin-lomba-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-lomba-grid--3>:nth-child(3){grid-column:auto}}@container (max-width: 420px){.admin-lomba-grid{grid-template-columns:minmax(0,1fr)}}.admin-field{display:flex;flex-direction:column;gap:6px;min-width:0}.admin-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:18px}.admin-label{font-size:var(--text-xs);font-weight:var(--weight-extra);color:var(--fg-muted-2);text-transform:uppercase;letter-spacing:.7px}.admin-wajib{color:var(--brand);margin-left:3px}.admin-nota{margin:0;font-size:var(--text-xs);color:var(--fg-soft);line-height:var(--leading-snug)}.admin-galat{display:flex;align-items:flex-start;gap:5px;margin:0;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand-darker);line-height:var(--leading-snug)}.admin-galat .admin-lomba-ikon{margin-top:1px}.admin-input,.admin-textarea{width:100%;box-sizing:border-box;min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.4;padding:11px 14px;transition:border-color var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.admin-input{min-height:44px}.admin-input:hover,.admin-textarea:hover{border-color:var(--border-dark)}.admin-input::placeholder,.admin-textarea::placeholder{color:var(--fg-placeholder);font-weight:var(--weight-regular)}.admin-input:focus,.admin-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}.admin-input[aria-invalid=true],.admin-textarea[aria-invalid=true]{border-color:var(--brand-darker);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.admin-input--mono{font-variant-numeric:tabular-nums;letter-spacing:.2px}.admin-textarea{resize:vertical;min-height:160px;line-height:var(--leading-relaxed)}:root[data-theme=dark] .admin-input{color-scheme:dark}.admin-input-tag{position:relative;display:block}.admin-input-tag-hash{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--fg-soft);font-weight:var(--weight-black);pointer-events:none}.admin-input-tag .admin-input{padding-left:30px}.admin-input-tag:focus-within .admin-input-tag-hash{color:var(--brand)}.admin-segmen{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt)}.admin-segmen-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:none;border-radius:calc(var(--radius-md) - 4px);background:transparent;cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-extra);color:var(--fg-muted-2);transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.admin-segmen-btn:hover{background:var(--surface);color:var(--fg)}.admin-segmen-btn.on{background:var(--brand);color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--brand) 32%,transparent)}.admin-lomba-tetap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-alt);border:1px solid var(--border-lighter)}.admin-lomba-tetap-angka{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:var(--text-md);color:var(--fg)}.admin-lomba-poin{font-size:var(--text-2xs);font-weight:var(--weight-extra);padding:3px 9px;border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--fg-soft);border:1px solid var(--border-lighter);font-variant-numeric:tabular-nums}.admin-lomba-poin.on{background:var(--brand-light);color:var(--brand-darker);border-color:transparent}.admin-lomba-isian-list{display:flex;flex-direction:column;border:1px solid var(--border-lighter);border-radius:var(--radius-md);overflow:hidden}.admin-lomba-isian{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.admin-lomba-isian+.admin-lomba-isian{border-top:1px solid var(--border-lighter)}.admin-lomba-isian-teks{display:flex;flex-direction:column;gap:2px;min-width:0}label.admin-lomba-isian-teks{cursor:pointer}.admin-lomba-isian-judul{font-size:var(--text-base);font-weight:var(--weight-extra);color:var(--fg)}.admin-lomba-isian-nota{font-size:var(--text-xs);color:var(--fg-soft)}.admin-switch{position:relative;flex-shrink:0;width:42px;height:24px;padding:0;border:none;border-radius:var(--radius-pill);cursor:pointer;background:var(--border-dark);transition:background var(--duration) var(--ease-ios)}.admin-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform var(--duration) var(--ease-ios-spring)}.admin-switch:hover{background:color-mix(in srgb,var(--fg-soft) 55%,var(--border-dark))}.admin-switch.on{background:var(--brand)}.admin-switch.on:hover{background:var(--brand-darker)}.admin-switch.on:after{transform:translate(18px)}.admin-lomba-pilihan-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-lomba-pilihan{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.admin-lomba-pilihan:hover{border-color:var(--border-dark)}.admin-lomba-pilihan:has(input:checked){border-color:var(--brand);background:var(--brand-light)}.admin-lomba-pilihan:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}.admin-lomba-pilihan:has(input:disabled){cursor:not-allowed;background:var(--surface-alt);border-style:dashed;border-color:var(--border)}.admin-lomba-pilihan:has(input:disabled) .admin-lomba-pilihan-judul{color:var(--fg-soft)}.admin-lomba-pilihan-teks{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.admin-lomba-pilihan-judul{display:flex;align-items:center;flex-wrap:wrap;gap:6px var(--space-2);font-size:var(--text-base);font-weight:var(--weight-extra);color:var(--fg)}.admin-lomba-radio{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;margin:1px 0 0;width:18px;height:18px;border-radius:50%;border:2px solid var(--border-dark);background:var(--surface);display:grid;place-content:center;cursor:inherit;transition:border-color var(--duration) var(--ease-ios)}.admin-lomba-radio:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand);transform:scale(0);transition:transform var(--duration) var(--ease-ios-spring)}.admin-lomba-radio:checked{border-color:var(--brand)}.admin-lomba-radio:checked:before{transform:scale(1)}.admin-lomba-radio:focus-visible{outline:none}.admin-lomba-radio:disabled{border-color:var(--border);background:var(--surface-alt)}.admin-lomba-radio:disabled:before{background:var(--fg-soft)}.admin-lomba-form>.admin-alert{margin:0}.admin-lomba-footer{position:sticky;bottom:var(--space-3);z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift)}.admin-lomba-footer .admin-btn{padding:10px 18px;font-size:var(--text-base)}.admin-lomba-footer-nota{flex:1;min-width:0;display:inline-flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-soft)}.admin-lomba-footer-nota:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--gold)}.admin-lomba-footer-nota.is-terbit:before{background:var(--status-ready)}.admin-lomba-footer-kanan{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-left:auto}.admin-lomba-campaign-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,540px),1fr));gap:var(--space-3)}.admin-lomba-campaign{display:grid;grid-template-columns:minmax(0,48%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"banner body" "banner aksi";overflow:hidden;border:1px solid var(--border-lighter);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lift)}.admin-lomba-campaign-banner{grid-area:banner;position:relative;min-height:160px;overflow:hidden;display:flex;align-items:flex-end;padding:var(--space-3);box-sizing:border-box;background:radial-gradient(120% 180% at 8% 0%,rgba(252,76,2,.85) 0%,rgba(252,76,2,.28) 45%,transparent 72%),linear-gradient(135deg,#241a15,#150f0d);color:#fff;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:18px;line-height:1.05;text-transform:uppercase}.admin-lomba-campaign-banner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.admin-lomba-campaign-banner>span:not(.admin-lomba-pill){position:relative;max-width:70%}.admin-lomba-campaign-banner .admin-lomba-pill{position:absolute;top:10px;right:10px;font-family:inherit;text-transform:none;box-shadow:0 2px 8px #0003}.admin-lomba-campaign-body{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:var(--space-4) var(--space-4) 0}.admin-lomba-campaign-tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-sm);color:var(--fg-muted)}.admin-lomba-campaign-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-1)}.admin-lomba-campaign-slug{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-xs);color:var(--fg-soft)}.admin-lomba-campaign-jumlah{padding:2px 9px;border-radius:var(--radius-pill);border:1px solid var(--border-lighter);background:var(--surface-alt);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted)}.admin-lomba-campaign-aksi{grid-area:aksi;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3);margin-top:auto}.admin-lomba-campaign-aksi a{text-decoration:none}.admin-lomba-campaign-kosong{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-alt);font-size:var(--text-sm);color:var(--fg-muted)}.admin-lomba-campaign-kosong .admin-lomba-ikon{width:18px;height:18px;color:var(--brand)}.admin-lomba-thumb{--h: var(--lomba-hue, 18);grid-area:thumb;position:relative;overflow:hidden;display:grid;place-items:center;width:76px;height:56px;border-radius:var(--radius-md);background:radial-gradient(circle at 22% 18%,hsl(var(--h) 100% 82% / .85),transparent 55%),linear-gradient(140deg,hsl(var(--h) 88% 58%),hsl(calc(var(--h) + 32) 80% 40%));box-shadow:inset 0 0 0 1px #fff3;color:#fff;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.25)}.admin-lomba-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.admin-lomba-card--tutup .admin-lomba-thumb{filter:grayscale(1);opacity:.6}.admin-lomba-ringkas{list-style:none;margin:0 0 var(--space-6);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.admin-lomba-ringkas-item{--aksen: var(--border-dark);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px;padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.admin-lomba-ringkas-item:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--aksen)}.admin-lomba-ringkas-item.is-buka{--aksen: var(--brand)}.admin-lomba-ringkas-item.is-karya{--aksen: var(--status-ready)}.admin-lomba-ringkas-item.is-segera{--aksen: var(--info)}.admin-lomba-ringkas-item.is-draf{--aksen: var(--gold)}.admin-lomba-ringkas-angka{font-family:var(--font-rounded);font-size:var(--text-2xl);font-weight:var(--weight-black);line-height:1.1;color:var(--fg);font-variant-numeric:tabular-nums}.admin-lomba-ringkas-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-soft)}.admin-lomba-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;cursor:pointer}.admin-lomba-unggah{display:grid;gap:var(--space-2)}.admin-lomba-unggah-pratinjau{position:relative;overflow:hidden;display:grid;place-items:center;border:1.5px dashed var(--border);border-radius:var(--radius-md);background:repeating-linear-gradient(45deg,var(--surface-alt) 0 10px,var(--surface) 10px 20px)}.admin-lomba-unggah--banner .admin-lomba-unggah-pratinjau{aspect-ratio:5 / 1}.admin-lomba-unggah--sampul .admin-lomba-unggah-pratinjau{aspect-ratio:16 / 10}.admin-lomba-unggah.has-foto .admin-lomba-unggah-pratinjau{border-style:solid;border-color:var(--border-lighter)}.admin-lomba-unggah-pratinjau img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.admin-lomba-unggah-kosong{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-soft)}.admin-lomba-unggah-kosong .admin-lomba-ikon{width:18px;height:18px}.admin-lomba-unggah-naik{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#00000080;color:#fff;font-weight:var(--weight-extra)}.admin-lomba-unggah-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-3) var(--space-4);background:linear-gradient(90deg,rgba(12,8,6,.88) 0%,rgba(12,8,6,.5) 45%,transparent 80%);color:#fff}.admin-lomba-unggah-overlay strong{max-width:60%;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:clamp(16px,2vw,24px);line-height:1.05;text-transform:uppercase}.admin-lomba-unggah-overlay span{max-width:60%;margin-top:4px;font-size:var(--text-xs);color:#ffffffbf}.admin-lomba-unggah-aksi{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.admin-lomba-unggah-nota{margin-left:auto;font-size:var(--text-2xs);color:var(--fg-soft)}@media(max-width:720px){.admin-lomba-card{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"thumb main main" "stat stat aksi";gap:var(--space-3)}.admin-lomba-ringkas{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-lomba-campaign{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"banner" "body" "aksi"}.admin-lomba-campaign-banner{min-height:0;aspect-ratio:5 / 1.6}.admin-lomba-stat{flex-direction:row;align-items:baseline;gap:5px;min-width:0;padding:0;border:none}.admin-lomba-stat-angka{font-size:var(--text-lg)}}@media(max-width:560px){.admin-seksi:has(+.admin-lomba>.admin-lomba-bar){padding-right:0}.admin-seksi+.admin-lomba>.admin-lomba-bar{position:static;margin:0 0 var(--space-3);justify-content:flex-start;flex-wrap:wrap}.admin-lomba-panel{padding:var(--space-4)}.admin-lomba-footer{padding:var(--space-2) var(--space-3)}.admin-lomba-footer-nota{display:none}.admin-lomba-footer .admin-btn{padding:9px 12px;font-size:var(--text-sm)}.admin-lomba-footer-kanan,.admin-lomba-footer-kanan .admin-btn{flex:1}.admin-input,.admin-textarea{font-size:var(--text-md)}}@media(max-width:400px){.admin-lomba-card-aksi .admin-lomba-btn{padding:8px 12px}}@media(prefers-reduced-motion:reduce){.admin-lomba-card,.admin-switch:after,.admin-lomba-radio:before,.admin-segmen-btn,.admin-lomba-pilihan{transition:none}.admin-lomba-card:not(.admin-lomba-card--memuat):hover{transform:none}}:root{--lomba-ikon-gembok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V7.5a5 5 0 0 1 10 0V10h.5a2.5 2.5 0 0 1 2.5 2.5v7a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 19.5v-7A2.5 2.5 0 0 1 6.5 10zm2.6 0h4.8V7.5a2.4 2.4 0 0 0-4.8 0z'/%3E%3C/svg%3E");--lomba-ikon-centang: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");--lomba-ikon-jam: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");--lomba-ikon-kalender: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E");--lomba-ikon-dokumen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3.5H7.5a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3.5V8h4.5M9 13h6M9 16.5h4'/%3E%3C/svg%3E");--lomba-ikon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.5h.01'/%3E%3C/svg%3E");--lomba-ikon-peringatan: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 4.2 2.8 17.5a2 2 0 0 0 1.7 3h15a2 2 0 0 0 1.7-3L13.7 4.2a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9.5V14M12 17.2h.01'/%3E%3C/svg%3E");--lomba-ikon-piala: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 4h9v5.5a4.5 4.5 0 0 1-9 0z'/%3E%3Cpath d='M7.5 6H4v1.5A3.5 3.5 0 0 0 7.5 11M16.5 6H20v1.5a3.5 3.5 0 0 1-3.5 3.5M12 14v4M8.5 20.5h7'/%3E%3C/svg%3E");--lomba-ikon-acak: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7h3c4.5 0 6.5 10 11 10h3M3.5 17h3c1.7 0 3-1.4 4.1-3.2M13.4 10.2C14.5 8.4 15.8 7 17.5 7h3M18 4l2.5 3L18 10M18 14l2.5 3L18 20'/%3E%3C/svg%3E");--lomba-ikon-instagram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5.5'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Cpath d='M17.3 6.7h.01'/%3E%3C/svg%3E");--lomba-ikon-panah: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");--lomba-ikon-keluar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v4.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 4 18.5v-11A1.5 1.5 0 0 1 5.5 6H10'/%3E%3C/svg%3E")}.composer-lomba-label:before,.composer-lomba-note:before,.composer-lomba-galat:before,.composer-tag-chip.is-locked:before,.composer-lomba-sk:before,.composer-lomba-sk a:after,.channel-post-lomba-badge:before,.channel-post-ig:before{content:"";flex-shrink:0;width:var(--glyph-size, 14px);height:var(--glyph-size, 14px);background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.composer-lomba{display:grid;gap:6px;margin:0 0 var(--space-4)}.composer-lomba-label{--glyph: var(--lomba-ikon-piala);--glyph-size: 13px;display:inline-flex;align-items:center;gap:6px;justify-self:start;font-size:var(--text-xs);font-weight:var(--weight-extra);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.08em}.composer-lomba-label:before{color:var(--brand)}.composer-lomba-select-wrap{position:relative}.composer-lomba-select-wrap:after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border-right:2px solid var(--fg-soft);border-bottom:2px solid var(--fg-soft);transform:translateY(-70%) rotate(45deg);pointer-events:none;transition:border-color var(--duration) var(--ease-ios)}.composer-lomba-select-wrap:focus-within:after{border-color:var(--brand)}.composer-lomba-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;box-sizing:border-box;font:inherit;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--fg);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 40px 10px 14px;cursor:pointer;transition:border-color var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.composer-lomba-select:hover{border-color:var(--border-dark)}.composer-lomba-select:focus{outline:none}.composer-lomba-select:focus-visible,.composer-lomba-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent);background:var(--surface)}.composer-lomba-select option{color:var(--fg);background:var(--surface)}.composer-lomba:has(.composer-lomba-addon) .composer-lomba-select{color:var(--brand-darker);background:var(--brand-tint);border-color:color-mix(in srgb,var(--brand) 45%,var(--border))}.composer-lomba-addon{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-top:6px;padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid color-mix(in srgb,var(--brand) 30%,var(--border));border-radius:var(--radius-md);background:var(--brand-light);animation:lomba-addon-in .2s var(--ease-ios) both}.composer-lomba-addon-head,.composer-lomba-note,.composer-lomba-galat{grid-column:1 / -1}.composer-lomba-addon-head{margin:0;display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-black);font-size:var(--text-sm);color:var(--brand-darker);min-width:0}.composer-lomba-addon-plus{flex-shrink:0;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:15px;font-weight:var(--weight-black);line-height:1;box-shadow:0 2px 6px color-mix(in srgb,var(--brand) 35%,transparent)}.composer-lomba-field{display:grid;gap:5px;min-width:0;font-size:var(--text-xs);font-weight:var(--weight-extra);letter-spacing:.02em;color:var(--fg-muted)}.composer-lomba-field em{font-style:normal;color:var(--brand)}.composer-lomba-field input{width:100%;box-sizing:border-box;font:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:normal;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;transition:border-color var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.composer-lomba-field input::placeholder{color:var(--fg-placeholder);font-weight:var(--weight-regular)}.composer-lomba-field input:hover{border-color:var(--border-dark)}.composer-lomba-field input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.composer-lomba-note{--glyph: var(--lomba-ikon-gembok);--glyph-size: 10px;margin:0;display:flex;align-items:flex-start;gap:6px;font-size:var(--text-xs);line-height:1.45;color:var(--fg-soft)}.composer-lomba-note:before{margin-top:3px}.composer-lomba-galat{--glyph: var(--lomba-ikon-peringatan);--glyph-size: 15px;margin:0;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 10px;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);background:var(--gold-tint);color:var(--gold-ink);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.composer-lomba-galat:before{margin-top:1px}.composer-tag-chip.is-locked,.composer-tag-preview .composer-tag-chip.is-locked:hover{--glyph: var(--lomba-ikon-gembok);--glyph-size: 10px;padding-left:8px;background:var(--brand-light);color:var(--brand-darker);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 40%,transparent)}.channel-composer-modal-actions:has(.composer-lomba-sk){flex-wrap:wrap}@media(min-width:441px){.channel-composer-modal-actions:has(.composer-lomba-sk)>.composer-attachments{flex:1 1 0;min-width:0}}.composer-lomba-sk{--glyph: var(--lomba-ikon-dokumen);--glyph-size: 12px;order:-1;flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:0 5px;box-sizing:border-box;padding:6px 10px;border-radius:var(--radius-xs);background:var(--surface-alt);font-size:var(--text-xs);line-height:1.4;color:var(--fg-soft)}.composer-lomba-sk a{--glyph: var(--lomba-ikon-keluar);--glyph-size: 10px;display:inline-flex;align-items:center;gap:3px;color:var(--brand);font-weight:var(--weight-extra);text-decoration:underline;text-underline-offset:2px}.composer-lomba-sk a:hover{color:var(--brand-darker)}.channel-post-lomba-badge{--glyph: var(--lomba-ikon-piala);--glyph-size: 12px;display:inline-flex;align-items:center;gap:5px;padding:1px 9px 1px 7px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--info) 24%,transparent);font-size:var(--text-xs);font-weight:var(--weight-extra);line-height:1.6;color:var(--info-ink);background:var(--info-tint);text-decoration:none;transition:background var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios)}a.channel-post-lomba-badge:hover{background:color-mix(in srgb,var(--info) 16%,var(--surface));border-color:color-mix(in srgb,var(--info) 45%,transparent)}a.channel-post-lomba-badge:focus-visible{outline:2px solid var(--info);outline-offset:2px}.channel-post-ig{--glyph: var(--lomba-ikon-instagram);--glyph-size: 11px;display:inline-flex;align-items:center;gap:3px;margin-left:var(--space-2);color:var(--fg-soft);font-weight:var(--weight-bold);vertical-align:top}.channel-post-ig:before{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888)}.lomba-sukses-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:var(--space-4);background:#0a0a0c80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:lomba-fade .18s ease both}.lomba-sukses{position:relative;overflow:hidden;box-sizing:border-box;width:min(440px,100%);background:var(--surface);color:var(--fg);border:1px solid var(--border-lighter);border-radius:var(--radius-xl);box-shadow:var(--shadow-lift-strong);padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;animation:lomba-modal-in .26s var(--ease-ios-spring) both}.lomba-sukses:before{content:"";position:absolute;inset:0 0 auto 0;height:150px;background:radial-gradient(60% 100% at 50% 0%,color-mix(in srgb,var(--status-ready) 20%,transparent),transparent 72%);pointer-events:none}.lomba-sukses>*{position:relative}.lomba-sukses-centang{width:76px;height:76px;margin:0 auto var(--space-4);border-radius:50%;background:linear-gradient(145deg,#5fd293,#2fa864);box-shadow:0 0 0 8px color-mix(in srgb,var(--status-ready) 16%,transparent),0 12px 26px color-mix(in srgb,var(--status-ready) 38%,transparent);animation:lomba-pop .45s cubic-bezier(.34,1.56,.64,1) .06s both}.lomba-sukses-centang:after{content:"";position:absolute;left:29px;top:16px;width:15px;height:30px;box-sizing:border-box;border:solid #fff;border-width:0 5px 5px 0;border-radius:1px;transform:rotate(45deg);animation:lomba-centang .28s ease-out .32s both}.lomba-sukses h2{margin:0;font-size:var(--text-xl);font-weight:var(--weight-black);line-height:var(--leading-tight);text-wrap:balance}.lomba-sukses p{margin:var(--space-2) 0 0;color:var(--fg-muted);font-size:var(--text-base);line-height:1.6}.lomba-sukses-aksi{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-5)}.lomba-sukses-aksi .kyou-btn{min-width:132px;justify-content:center;border-radius:var(--radius-sm)}.lomba-sukses-aksi .kyou-btn--ghost{background:transparent;border-color:var(--border);color:var(--fg)}.lomba-sukses-aksi .kyou-btn--ghost:hover{background:var(--surface-alt)}.lomba-sukses-aksi .kyou-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:420px){.lomba-sukses{padding:var(--space-6) var(--space-4) var(--space-4)}.lomba-sukses-aksi{flex-direction:column}.lomba-sukses-aksi .kyou-btn{width:100%}}@keyframes lomba-fade{0%{opacity:0}to{opacity:1}}@keyframes lomba-modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes lomba-addon-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes lomba-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes lomba-centang{0%{opacity:0;transform:rotate(45deg) scale(.4)}to{opacity:1;transform:rotate(45deg) scale(1)}}@media(prefers-reduced-motion:reduce){.composer-lomba-addon,.lomba-sukses-backdrop,.lomba-sukses,.lomba-sukses-centang,.lomba-sukses-centang:after{animation:none}.composer-lomba-select,.composer-lomba-field input,.channel-post-lomba-badge{transition:none}}.lomba-cp{width:100%;max-width:var(--container-max);margin:0 auto;box-sizing:border-box;padding:var(--space-6) var(--tepi-halaman) var(--space-12)}.lomba-cp-chip--periode:before,.lomba-cp-chip--juri:before,.lomba-cp-chip--acak:before,.lomba-cp-ikut:disabled:before,.lomba-cp-ikut.kyou-btn--primary:after,.lomba-cp-syarat-btn:before,.lomba-cp-status.is-ikut:before,.lomba-cp-note:before,.lomba-cp-modal-eyebrow:before{content:"";flex-shrink:0;width:var(--glyph-size, 14px);height:var(--glyph-size, 14px);background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.lomba-cp-banner{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;aspect-ratio:5 / 1;min-height:240px;box-sizing:border-box;padding:var(--space-8) var(--space-8);border-radius:var(--radius-xl);background:radial-gradient(120% 180% at 8% 0%,rgba(252,76,2,.85) 0%,rgba(252,76,2,.28) 45%,transparent 72%),linear-gradient(135deg,#241a15,#1a1310 60%,#150f0d);border:1px solid rgba(252,76,2,.28);box-shadow:var(--shadow-lift);color:#fff}.lomba-cp-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(#ffc600 2px,transparent 2px);background-size:26px 26px;opacity:.07;z-index:0}.lomba-cp-banner:after{content:"";position:absolute;pointer-events:none;left:-6%;top:-60%;width:52%;height:220%;background:radial-gradient(circle,rgba(255,198,0,.5),transparent 62%);filter:blur(34px);opacity:.7;z-index:0}.lomba-cp-banner-teks{position:relative;z-index:2;max-width:min(62%,640px)}.lomba-cp-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-extra);letter-spacing:.14em;text-transform:uppercase;color:#ffc600}.lomba-cp-eyebrow:before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}.lomba-cp-title{margin:0;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:clamp(28px,3.4vw,42px);line-height:1.05;letter-spacing:.5px;text-transform:uppercase;color:#fff;text-wrap:balance}.lomba-cp-title span{color:var(--brand)}.lomba-cp-sub{margin:var(--space-3) 0 0;font-size:var(--text-md);line-height:var(--leading-normal);color:#ffffffb8;max-width:52ch}.lomba-cp-meta{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.lomba-cp-banner-hiasan{position:absolute;inset:0 0 0 auto;width:46%;pointer-events:none;z-index:1}.lomba-cp-banner-hiasan:before{content:attr(data-tag) "\a" attr(data-tag);white-space:pre;position:absolute;right:-4%;top:50%;transform:translateY(-50%) rotate(-8deg);font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:54px;line-height:1.05;letter-spacing:-1px;text-align:right;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.09)}.lomba-cp-banner-hiasan:after{content:"";position:absolute;right:4%;top:10%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(252,76,2,.55),transparent 65%);filter:blur(18px)}.lomba-cp-banner-hiasan img{position:absolute;z-index:1;right:7%;top:14px;height:330px;width:auto;max-width:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5))}.lomba-cp-banner.has-foto{align-items:flex-end;background:#150f0d;border-color:#ffffff14}.lomba-cp-banner-foto{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;max-width:none;object-fit:cover}.lomba-cp-banner.has-foto:before{z-index:1;opacity:1;background-image:linear-gradient(90deg,#080e18db,#080e188c 40%,#080e180a 72%),linear-gradient(0deg,rgba(8,14,24,.45) 0%,transparent 50%);background-size:100% 100%}.lomba-cp-banner.has-foto:after{display:none}.lomba-cp-kembali{display:inline-flex;align-items:center;gap:6px;margin:0 0 var(--space-3) calc(-1 * var(--space-2));padding:5px 12px 5px 8px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted);text-decoration:none;transition:color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.lomba-cp-kembali:before{content:"←";transition:transform var(--duration) var(--ease-ios)}.lomba-cp-kembali:hover{color:var(--brand);background:var(--brand-tint)}.lomba-cp-kembali:hover:before{transform:translate(-3px)}.lomba-cp-kembali:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.lomba-cp-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.lomba-cp-chip{--glyph-size: 12px;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-lighter);background:var(--surface-alt);color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1.4;white-space:nowrap}.lomba-cp-chip--tag{color:var(--brand-darker);border-color:color-mix(in srgb,var(--brand) 30%,transparent);background:var(--brand-tint)}.lomba-cp-chip--juri{--glyph: var(--lomba-ikon-piala)}.lomba-cp-chip--acak{--glyph: var(--lomba-ikon-acak)}.lomba-cp-chip--meta{padding:5px 12px;background:#ffffff17;border-color:#fff3;color:#fff;font-weight:var(--weight-extra);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lomba-cp-chip--periode{--glyph: var(--lomba-ikon-kalender);--glyph-size: 13px}.lomba-cp-chip--payung{color:#ffc38f}.lomba-cp-layout{margin-top:var(--space-6);display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-6);align-items:start}.lomba-cp-main{container-type:inline-size;min-width:0}.lomba-cp-h2-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-4);margin-bottom:var(--space-3)}.lomba-cp-h2{margin:0;font-size:var(--text-lg);font-weight:var(--weight-extra);color:var(--fg)}.lomba-cp-h2-hint{margin:0;font-size:var(--text-sm);color:var(--fg-soft)}.lomba-cp-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:var(--space-4)}.lomba-cp-list>li{display:flex;min-width:0}.lomba-cp-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lift);overflow:hidden;transition:transform var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios)}.lomba-cp-card.is-buka:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift-strong);border-color:color-mix(in srgb,var(--brand) 35%,var(--border-lighter))}.lomba-cp-cover-wrap{position:relative;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0}.lomba-cp-card{--kartu-bg: var(--surface)}.lomba-cp-card.is-segera,.lomba-cp-card.is-tutup{--kartu-bg: var(--surface-alt)}.lomba-cp-cover-wrap:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:34%;pointer-events:none;background:linear-gradient(to top,var(--kartu-bg) 0%,color-mix(in srgb,var(--kartu-bg) 55%,transparent) 40%,transparent 100%)}.lomba-cp-card.is-masuk .lomba-cp-art:after{z-index:3}.lomba-cp-cover-wrap .lomba-cp-status{position:absolute;z-index:2;top:12px;left:12px;box-shadow:0 4px 12px #0000002e}.lomba-cp-cover-wrap .lomba-cp-status.is-buka,.lomba-cp-cover-wrap .lomba-cp-status.is-ikut{background:linear-gradient(var(--tint-watching),var(--tint-watching)),var(--surface)}.lomba-cp-cover-wrap .lomba-cp-status.is-segera{background:linear-gradient(var(--info-tint),var(--info-tint)),var(--surface)}.lomba-cp-cover-wrap .lomba-cp-status.is-tutup{background:linear-gradient(var(--tint-drop),var(--tint-drop)),var(--surface)}.lomba-cp-card-body{min-width:0}.lomba-cp-card-name{margin:2px 0 0;font-size:var(--text-md);font-weight:var(--weight-extra);line-height:var(--leading-snug);color:var(--fg)}.lomba-cp-card-blurb{margin:var(--space-1) 0 0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--fg-muted)}.lomba-cp-art{--h: var(--lomba-hue, 18);position:relative;overflow:hidden;aspect-ratio:16 / 10;display:grid;place-items:center;background:radial-gradient(circle at 22% 18%,hsl(var(--h) 100% 82% / .85),transparent 55%),linear-gradient(140deg,hsl(var(--h) 88% 58%),hsl(calc(var(--h) + 32) 80% 40%));color:#fff;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:44px;letter-spacing:1px;text-shadow:0 3px 12px rgba(0,0,0,.22);transition:filter var(--duration) var(--ease-ios),opacity var(--duration) var(--ease-ios)}.lomba-cp-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(rgba(255,255,255,.4) 1.2px,transparent 1.4px) 0 0 / 11px 11px;opacity:.45}.lomba-cp-art span{position:relative}.lomba-cp-art.has-foto{background:var(--surface-alt)}.lomba-cp-art.has-foto:before{z-index:1;opacity:1;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,transparent 38%)}.lomba-cp-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .6s var(--ease-ios)}.lomba-cp-card.is-buka:hover .lomba-cp-art img{transform:scale(1.05)}.lomba-cp-status{--glyph-size: 10px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-extra);white-space:nowrap}.lomba-cp-status.is-buka{background:var(--tint-watching);color:var(--ink-watching)}.lomba-cp-status.is-buka:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--status-ready);animation:lomba-denyut 2s ease-out infinite}.lomba-cp-status.is-ikut{--glyph: var(--lomba-ikon-centang);background:var(--tint-watching);color:var(--ink-watching)}.lomba-cp-status.is-segera{background:var(--info-tint);color:var(--info-ink)}.lomba-cp-status.is-tutup{background:var(--tint-drop);color:var(--fg-muted-2)}.lomba-cp-card-aksi{margin-top:auto;display:grid;gap:2px;padding-top:var(--space-1)}.lomba-cp-ikut{--glyph-size: 15px;width:100%;justify-content:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:11px 16px}.lomba-cp-ikut.kyou-btn--primary:after{--glyph: var(--lomba-ikon-panah);transition:transform var(--duration) var(--ease-ios)}.lomba-cp-ikut.kyou-btn--primary:hover:after{transform:translate(3px)}.lomba-cp-ikut.kyou-btn--primary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.lomba-cp-ikut:disabled{cursor:not-allowed;opacity:1}.lomba-cp-ikut.is-masuk:disabled{--glyph: var(--lomba-ikon-centang);background:var(--tint-watching);border-color:color-mix(in srgb,var(--status-ready) 38%,transparent);color:var(--ink-watching)}.lomba-cp-ikut.is-segera:disabled{--glyph: var(--lomba-ikon-jam);background:var(--surface-alt);border:1px dashed var(--border);color:var(--fg-muted-2)}.lomba-cp-ikut.is-tutup:disabled{--glyph: var(--lomba-ikon-gembok);background:var(--gray-disabled);border-color:var(--gray-disabled);color:var(--fg-soft)}.lomba-cp-syarat-btn{--glyph: var(--lomba-ikon-dokumen);justify-self:center;display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 10px;border-radius:var(--radius-xs);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted);cursor:pointer;transition:color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.lomba-cp-syarat-btn:hover{color:var(--brand);background:var(--brand-tint)}.lomba-cp-syarat-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.lomba-cp-card.is-masuk{border-color:color-mix(in srgb,var(--status-ready) 35%,var(--border-lighter))}.lomba-cp-card.is-masuk .lomba-cp-art:after{content:"";position:absolute;z-index:2;right:12px;bottom:12px;width:28px;height:28px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8.5'/%3E%3C/svg%3E") center / 16px 16px no-repeat,var(--status-ready);box-shadow:0 0 0 2px var(--surface)}.lomba-cp-card.is-segera,.lomba-cp-card.is-tutup{background:var(--surface-alt);box-shadow:none}.lomba-cp-card.is-segera .lomba-cp-art{filter:saturate(.5);opacity:.8}.lomba-cp-card.is-segera .lomba-cp-card-name{color:var(--fg-muted)}.lomba-cp-card.is-tutup .lomba-cp-art{filter:grayscale(1);opacity:.5}.lomba-cp-card.is-tutup .lomba-cp-card-name,.lomba-cp-card.is-tutup .lomba-cp-card-blurb{color:var(--fg-soft)}.lomba-cp-card.is-tutup .lomba-cp-chip--tag{color:var(--fg-soft);background:var(--surface);border-color:var(--border-lighter)}.lomba-cp-side{position:sticky;top:calc(var(--navbar-h) + var(--space-4));padding:var(--space-5);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lift)}.lomba-cp-side .lomba-cp-h2{margin-bottom:var(--space-4)}.lomba-cp-steps{list-style:none;counter-reset:langkah;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.lomba-cp-steps li{counter-increment:langkah;position:relative;padding:3px 0 0 40px;min-height:26px;font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--fg-2)}.lomba-cp-steps li:before{content:counter(langkah);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-black);box-shadow:0 0 0 4px var(--brand-tint)}.lomba-cp-steps li:not(:last-child):after{content:"";position:absolute;left:12px;top:30px;bottom:calc(-1 * var(--space-4) + 4px);width:2px;border-radius:2px;background:color-mix(in srgb,var(--brand) 25%,transparent)}.lomba-cp-note{--glyph: var(--lomba-ikon-info);--glyph-size: 16px;display:flex;gap:var(--space-2);align-items:flex-start;margin:var(--space-5) 0 0;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--info) 18%,transparent);background:var(--info-tint);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--info-ink)}.lomba-cp-note:before{margin-top:1px}.lomba-cp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a0a0c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:8vh var(--space-4);overflow-y:auto;animation:lomba-fade .18s ease both}.lomba-cp-modal{width:100%;max-width:560px;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--border-lighter);background:var(--surface);color:var(--fg);box-shadow:var(--shadow-lift-strong);animation:lomba-modal-in .26s var(--ease-ios-spring) both}.lomba-cp-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border-lighter);background:linear-gradient(180deg,var(--brand-tint),var(--surface))}.lomba-cp-modal-judul{min-width:0}.lomba-cp-modal-eyebrow{--glyph: var(--lomba-ikon-dokumen);--glyph-size: 13px;display:inline-flex;align-items:center;gap:6px;margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-extra);letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}.lomba-cp-modal-title{margin:0;font-family:var(--font-rounded);font-size:var(--text-xl);font-weight:var(--weight-black);line-height:var(--leading-tight)}.lomba-cp-modal-tag{display:inline-block;margin-top:var(--space-2);padding:2px 9px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);color:var(--brand-darker);font-size:var(--text-xs);font-weight:var(--weight-bold)}.lomba-cp-modal-close{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--fg-soft);cursor:pointer;transition:color var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.lomba-cp-modal-close:hover{color:var(--fg);background:var(--gray-disabled)}.lomba-cp-modal-close:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.lomba-cp-modal-close svg{width:16px;height:16px}.lomba-cp-modal-body{padding:var(--space-2) var(--space-5) var(--space-4)}.lomba-cp-terms{list-style:none;counter-reset:poin;margin:0;padding:0}.lomba-cp-terms li{counter-increment:poin;position:relative;padding:var(--space-3) 0 var(--space-3) 40px;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg-2);border-bottom:1px dashed var(--border-lighter)}.lomba-cp-terms li:last-child{border-bottom:0}.lomba-cp-terms li:before{content:counter(poin);position:absolute;left:0;top:11px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--brand-tint);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);box-sizing:border-box;color:var(--brand-darker);font-size:var(--text-sm);font-weight:var(--weight-black)}.lomba-cp-modal-kosong{margin:var(--space-3) 0 var(--space-1);color:var(--fg-soft)}.lomba-cp-skel{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--skeleton) 0%,color-mix(in srgb,var(--skeleton) 40%,var(--surface)) 50%,var(--skeleton) 100%) 0 0 / 200% 100%;opacity:.75;animation:lomba-shimmer 1.4s linear infinite}.lomba-cp-skel--banner{aspect-ratio:5 / 1;min-height:240px;border-radius:var(--radius-xl)}.lomba-cp-skel--h2{height:20px;width:220px;margin-bottom:var(--space-3)}.lomba-cp-skel-card{display:grid;gap:var(--space-3);overflow:hidden;padding:0 var(--space-4) var(--space-4);box-sizing:border-box;border:1px solid var(--border-lighter);border-radius:var(--radius-lg);background:var(--surface)}.lomba-cp-skel--art{aspect-ratio:5 / 2;margin:0 calc(-1 * var(--space-4));border-radius:0}.lomba-cp-skel--line{height:14px}.lomba-cp-skel--line.is-short{width:60%}.lomba-cp-skel--cta{height:42px}.lomba-cp-skel--side{height:280px;border-radius:var(--radius-lg)}@keyframes lomba-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes lomba-denyut{0%{box-shadow:0 0 color-mix(in srgb,var(--status-ready) 55%,transparent)}70%,to{box-shadow:0 0 0 6px transparent}}@media(max-width:860px){.lomba-cp-layout{grid-template-columns:minmax(0,1fr)}.lomba-cp-side{position:static}}@media(max-width:760px){.lomba-cp-banner{min-height:0;padding:var(--space-6) var(--space-5)}.lomba-cp-banner-teks{max-width:100%}.lomba-cp-banner-hiasan{display:none}.lomba-cp-banner{aspect-ratio:auto}.lomba-cp-banner.has-foto{min-height:240px}.lomba-cp-banner.has-foto:before{background-image:linear-gradient(0deg,#080e18e6,#080e1880 55%,#080e181f)}}@media(max-width:560px){.lomba-cp{padding-top:var(--space-4)}.lomba-cp-banner{padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg)}.lomba-cp-sub{font-size:var(--text-base)}.lomba-cp-modal-head{padding:var(--space-4)}.lomba-cp-modal-body{padding:var(--space-1) var(--space-4) var(--space-3)}}@media(prefers-reduced-motion:reduce){.lomba-cp-backdrop,.lomba-cp-modal,.lomba-cp-skel,.lomba-cp-status.is-buka:before{animation:none}.lomba-cp-card,.lomba-cp-art,.lomba-cp-ikut.kyou-btn--primary:after{transition:none}.lomba-cp-card.is-buka:hover{transform:none}.lomba-cp-ikut.kyou-btn--primary:hover:after{transform:none}}.lomba-cp-galeri{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm, 0 6px 18px rgba(0, 0, 0, .05))}.lomba-cp-galeri-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.lomba-cp-galeri-head .lomba-cp-h2-hint{margin:var(--space-1) 0 0}.lomba-cp-galeri-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.lomba-cp-galeri-tab{font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-soft);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 14px;cursor:pointer;transition:background var(--duration, .15s) ease,color var(--duration, .15s) ease}.lomba-cp-galeri-tab:hover{color:var(--fg)}.lomba-cp-galeri-tab.is-on{color:#fff;background:var(--brand);border-color:var(--brand)}.lomba-cp-galeri-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.lomba-cp-galeri-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.lomba-cp-galeri-tile{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface-alt);color:#fff;text-decoration:none}.lomba-cp-galeri-tile>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s var(--ease-ios, ease)}.lomba-cp-galeri-tile:hover>img{transform:scale(1.04)}.lomba-cp-galeri-tile:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.lomba-cp-galeri-info{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-6) var(--space-3) var(--space-2);background:linear-gradient(to top,rgba(0,0,0,.72),transparent);font-size:var(--text-xs);font-weight:var(--weight-bold)}.lomba-cp-galeri-author{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lomba-cp-galeri-author img,.lomba-cp-galeri-inisial{width:20px;height:20px;flex:none;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.85)}.lomba-cp-galeri-inisial{display:grid;place-items:center;font-size:10px;background:var(--brand)}.lomba-cp-galeri-suka{flex:none;opacity:.92}.lomba-cp-galeri-skel{display:block;aspect-ratio:1 / 1;border-radius:var(--radius-lg)}.lomba-cp-galeri-kosong{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;color:var(--fg-soft);border:1.5px dashed var(--border);border-radius:var(--radius-lg)}.lomba-cp-galeri-kosong p{margin:0;font-weight:var(--weight-bold)}.lomba-cp-galeri-galat{margin:0 0 var(--space-3);color:var(--brand-darker);font-size:var(--text-sm)}.lomba-cp-galeri-lagi{display:flex;justify-content:center;margin-top:var(--space-4)}@media(max-width:560px){.lomba-cp-galeri{padding:var(--space-4)}.lomba-cp-galeri-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}}.lomba-ix{width:100%;max-width:var(--container-max);margin:0 auto;box-sizing:border-box;padding:var(--space-6) var(--tepi-halaman) var(--space-12)}.lomba-ix-head{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-5);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid rgba(252,76,2,.28);background:radial-gradient(110% 170% at 100% 0%,rgba(252,76,2,.8) 0%,rgba(252,76,2,.24) 45%,transparent 72%),linear-gradient(135deg,#241a15,#1a1310 60%,#150f0d);box-shadow:var(--shadow-lift);color:#fff}.lomba-ix-head:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(#ffc600 2px,transparent 2px);background-size:26px 26px;opacity:.07}.lomba-ix-head-teks{max-width:60ch}.lomba-ix-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-extra);letter-spacing:.14em;text-transform:uppercase;color:#ffc600}.lomba-ix-eyebrow:before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}.lomba-ix-title{margin:0;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:clamp(34px,4.4vw,52px);line-height:1;letter-spacing:.5px;text-transform:uppercase}.lomba-ix-sub{margin:var(--space-3) 0 0;font-size:var(--text-md);line-height:var(--leading-normal);color:#ffffffb8}.lomba-ix-langkah{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2);counter-reset:langkah}.lomba-ix-langkah li{counter-increment:langkah;display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.18);background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--text-sm);font-weight:var(--weight-extra);white-space:nowrap}.lomba-ix-langkah li:before{content:counter(langkah);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand);font-size:12px}.lomba-ix-grid{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:var(--space-5)}.lomba-ix-grid>li{display:flex;min-width:0}.lomba-ix-card{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--border-lighter);background:var(--surface);box-shadow:var(--shadow-lift);color:inherit;text-decoration:none;transition:transform var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios)}.lomba-ix-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift-strong);border-color:color-mix(in srgb,var(--brand) 40%,var(--border-lighter))}.lomba-ix-card:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.lomba-ix-banner{position:relative;display:block;aspect-ratio:16 / 6.5;overflow:hidden;background:radial-gradient(120% 180% at 8% 0%,rgba(252,76,2,.85) 0%,rgba(252,76,2,.28) 45%,transparent 72%),linear-gradient(135deg,#241a15,#1a1310 60%,#150f0d)}.lomba-ix-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.4) 0%,transparent 45%)}.lomba-ix-banner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:72% center;transition:transform .6s var(--ease-ios)}.lomba-ix-card:hover .lomba-ix-banner img{transform:scale(1.04)}.lomba-ix-banner-nama{position:absolute;z-index:1;left:var(--space-5);right:40%;bottom:var(--space-4);font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:clamp(22px,2.6vw,30px);line-height:1.05;text-transform:uppercase;color:#fff;text-wrap:balance}.lomba-ix-banner img.lomba-ix-banner-maskot{inset:12% 5% auto auto;width:auto;height:125%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.lomba-ix-status{position:absolute;z-index:2;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-extra);box-shadow:0 4px 12px #0003}.lomba-ix-status.is-buka{background:linear-gradient(var(--tint-watching),var(--tint-watching)),var(--surface);color:var(--ink-watching)}.lomba-ix-status.is-buka:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--status-ready);animation:lomba-denyut 2s ease-out infinite}.lomba-ix-status.is-segera{background:linear-gradient(var(--info-tint),var(--info-tint)),var(--surface);color:var(--info-ink)}.lomba-ix-status.is-tutup{background:linear-gradient(var(--tint-drop),var(--tint-drop)),var(--surface);color:var(--fg-muted-2)}.lomba-ix-body{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-5)}.lomba-ix-nama{margin:0;font-size:var(--text-lg);font-weight:var(--weight-extra);line-height:var(--leading-snug);color:var(--fg)}.lomba-ix-tagline{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--fg-muted)}.lomba-ix-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-2)}.lomba-ix-meta-item{padding:3px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-lighter);background:var(--surface-alt);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted);white-space:nowrap}.lomba-ix-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-alt);font-size:var(--text-sm);font-weight:var(--weight-extra);color:var(--fg-2);transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.lomba-ix-cta:after{content:"→";transition:transform var(--duration) var(--ease-ios)}.lomba-ix-card:hover .lomba-ix-cta:after{transform:translate(4px)}.lomba-ix-card.is-buka .lomba-ix-cta{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--brand) 30%,transparent)}.lomba-ix-card.is-tutup .lomba-ix-banner{filter:grayscale(.85)}.lomba-ix-skel{min-height:340px;border-radius:var(--radius-xl);background:linear-gradient(90deg,var(--skeleton) 0%,color-mix(in srgb,var(--skeleton) 40%,var(--surface)) 50%,var(--skeleton) 100%) 0 0 / 200% 100%;opacity:.75;animation:lomba-shimmer 1.4s linear infinite}.lomba-ix-galat{display:grid;justify-items:center;gap:var(--space-3);margin-top:var(--space-6)}@media(max-width:560px){.lomba-ix{padding-top:var(--space-4)}.lomba-ix-head{padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg)}.lomba-ix-sub{font-size:var(--text-base)}.lomba-ix-banner-nama{right:34%}}@media(prefers-reduced-motion:reduce){.lomba-ix-card,.lomba-ix-banner img,.lomba-ix-cta:after{transition:none}.lomba-ix-card:hover,.lomba-ix-card:hover .lomba-ix-banner img{transform:none}.lomba-ix-skel,.lomba-ix-status.is-buka:before{animation:none}}.kf-bingkai{position:relative;display:grid;place-items:center;flex-shrink:0;height:fit-content}.kf-seni{position:absolute;left:50%;top:50%;width:150px;height:150px;pointer-events:none}.kf-seni--depan{z-index:1}@keyframes kf-putar{to{transform:rotate(360deg)}}@keyframes kf-putar-balik{to{transform:rotate(-360deg)}}@keyframes kf-pendar{0%,to{opacity:.45}50%{opacity:.95}}@keyframes kf-mengambang{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.kf-seni *{animation:none!important}}.editprof-frame-tier{font-size:var(--text-2xs);font-weight:var(--weight-extra);letter-spacing:.08em;text-transform:uppercase}.editprof-frame-tier.is-normal{color:var(--fg-soft)}.editprof-frame-tier.is-rare{color:#5bc8e8}.editprof-frame-tier.is-epic{color:#c77dff}.editprof-frame-tier.is-legendary{color:#e0a33c}