:root{--color-brand-900:#004a00;--color-brand-800:#0f350f;--color-brand-700:#0f350f;--color-brand-600:#3d8a3e;--color-brand-500:#5fbc60;--color-brand-400:#7ad27b;--color-brand-300:#7ad27b;--color-brand-200:#b8e5b9;--color-brand-100:#d9f0da;--color-brand-900-rgb:0, 74, 0;--color-brand-500-rgb:95, 188, 96;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-danger:#c0392b;--color-badge-exclusive-bg:#fef3cd;--color-badge-exclusive-text:#856404;--color-badge-standard-bg:#cce5ff;--color-badge-standard-text:#004085;--color-badge-subscription-bg:#d4edda;--color-badge-subscription-text:#155724;--color-badge-shared-bg:#e2d5f1;--color-badge-shared-text:#5a2d82;--color-background:#f5f9f5;--color-surface:#fff;--color-surface-muted:#eef6ef;--color-text-primary:#123212;--color-text-secondary:#2f5b2f;--color-text-tertiary:#6b8a6b;--color-heading:#004a00;--color-border:#d1e4d1;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--container-xl:1280px;--font-primary:"Inter", system-ui, sans-serif;--font-mono:"Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--transition-fast:.15s;--transition-base:.2s;--transition-slow:.3s;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:500;--z-modal:600;--z-tooltip:800;--background-color:var(--color-background);--card-background:var(--color-surface);--text-color:var(--color-text-primary);--text-muted:var(--color-text-tertiary);--border-color:var(--color-border);--primary-color:var(--color-brand-500);--primary-hover:var(--color-brand-600);--background-hover:var(--color-surface-muted)}:root[data-theme=dark]{--color-background:#0b120c;--color-surface:#131d14;--color-surface-muted:#1a2a1b;--color-text-primary:#e5f6e5;--color-text-secondary:#c5e8c5;--color-text-tertiary:#8ba88c;--color-heading:#7ad27b;--color-border:#2d5a2d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}:root{font-family:var(--font-primary,system-ui, Avenir, Helvetica, Arial, sans-serif);line-height:1.5;font-weight:var(--font-normal);color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;min-width:20rem;margin:0;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:var(--color-brand-500);font-weight:var(--font-medium);text-decoration:none}a:hover{color:var(--color-brand-400)}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-heading);line-height:1.1}h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-heading)}h3{font-size:var(--text-xl);font-weight:var(--font-semibold)}p{margin-bottom:var(--space-md)}code{font-family:var(--font-mono);background:var(--color-surface-muted);border-radius:var(--radius-sm);padding:.2em .4em}main{flex:1}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-md);margin:0 auto}:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-brand-700);border-radius:var(--radius-full);border:2px solid var(--color-surface)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-500)}*{scrollbar-width:thin;scrollbar-color:var(--color-brand-700) var(--color-surface)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--space-md)}.gap-1\.5{gap:var(--space-lg)}.mt-1\.5{margin-top:var(--space-lg)}.m-0{margin:0}.text-sm{font-size:var(--text-sm)}.button-unstyled{cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}.ganji-button{justify-content:center;align-items:center;gap:var(--space-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast) var(--ease-in-out);cursor:pointer;border:none;display:inline-flex}.ganji-button--primary{background:var(--color-brand-500);color:#fff}.ganji-button--primary:hover:not(:disabled){background:var(--color-brand-600)}.ganji-button--secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.ganji-button--secondary:hover:not(:disabled){background:var(--color-surface-muted)}.ganji-button--ghost{color:var(--color-text-secondary);background:0 0}.ganji-button--ghost:hover:not(:disabled){background:var(--color-surface-muted)}.ganji-button--danger{background:var(--color-error);color:#fff}.ganji-button--danger:hover:not(:disabled){background:var(--color-danger)}.ganji-button--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.ganji-button--md{padding:var(--space-sm) var(--space-md);font-size:var(--text-base)}.ganji-button--lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-lg)}.ganji-button--full-width{width:100%}.ganji-button:disabled{opacity:.5;cursor:not-allowed}.ganji-spinner{border:3px solid var(--color-border);border-top-color:var(--color-brand-500);border-radius:50%;animation:.8s linear infinite ganji-spin}.ganji-spinner--sm{border-width:2px;width:16px;height:16px}@keyframes ganji-spin{to{transform:rotate(360deg)}}.ganji-header{padding-right:var(--space-lg);background:var(--color-background);z-index:var(--z-sticky);transition:border-color var(--transition-fast);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ganji-header--scrolled{border-bottom-color:var(--color-brand-500)}.ganji-header__logo{align-items:center;text-decoration:none;display:flex}.ganji-header__logo-image{object-fit:contain;width:auto;height:5rem}.ganji-header__nav{gap:var(--space-lg);margin-left:auto;display:flex}.ganji-header__nav--desktop{padding-right:var(--space-lg);display:none}@media (width>=768px){.ganji-header__nav--desktop{display:flex}}.ganji-header__nav-link{color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.ganji-header__nav-link:hover{color:var(--color-brand-500)}.ganji-header__site-title-link{color:var(--color-brand-500);font-weight:600;font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.ganji-header__site-title-link:hover{color:var(--color-brand-600)}.ganji-header__auth{align-items:center;gap:var(--space-md);display:none}@media (width>=768px){.ganji-header__auth{display:flex}}.ganji-header__username{color:var(--color-text-secondary);font-size:var(--text-sm)}.ganji-header__username-link{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.ganji-header__username-link:hover{color:var(--color-brand-500)}.ganji-header__mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}@media (width>=768px){.ganji-header__mobile-toggle{display:none}}.ganji-header__hamburger{background:var(--color-text-primary);width:1.5rem;height:.125rem;position:relative}.ganji-header__hamburger:before,.ganji-header__hamburger:after{content:"";background:var(--color-text-primary);width:1.5rem;height:.125rem;position:absolute;left:0}.ganji-header__hamburger:before{top:-.375rem}.ganji-header__hamburger:after{top:.375rem}.ganji-header__mobile-overlay{z-index:var(--z-modal);background:#00000080;position:fixed;inset:0}.ganji-header__mobile-nav{background:var(--color-surface);padding:var(--space-lg);gap:var(--space-md);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex;position:absolute;top:3.75rem;left:0;right:0}.ganji-verification-banner{padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);z-index:calc(var(--z-sticky) - 1);animation:slideDown .3s var(--ease-in-out);background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border-bottom:2px solid #ffc107;display:flex;position:sticky;top:80px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.ganji-verification-banner__content{align-items:center;gap:var(--space-md);flex:1;display:flex}.ganji-verification-banner__icon{flex-shrink:0;font-size:1.5rem}.ganji-verification-banner__text{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:#856404;flex-wrap:wrap;display:flex}.ganji-verification-banner__text strong{font-weight:var(--font-semibold)}.ganji-verification-banner__resend{color:#856404;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);background:0 0;border:none;padding:0;text-decoration:underline}.ganji-verification-banner__resend:hover{color:#533f03}.ganji-verification-banner__close{color:#856404;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast) var(--ease-in-out);background:0 0;border:none;flex-shrink:0;font-size:1.25rem;line-height:1}.ganji-verification-banner__close:hover{background:#8564041a}:root[data-theme=dark] .ganji-verification-banner{background:linear-gradient(135deg,#4a3c1a 0%,#665010 100%);border-bottom-color:#b8860b}:root[data-theme=dark] .ganji-verification-banner__text,:root[data-theme=dark] .ganji-verification-banner__resend,:root[data-theme=dark] .ganji-verification-banner__close{color:#ffd54f}:root[data-theme=dark] .ganji-verification-banner__resend:hover{color:#ffe082}:root[data-theme=dark] .ganji-verification-banner__close:hover{background:#ffd54f1a}@media (width<=768px){.ganji-verification-banner{padding:var(--space-sm) var(--space-md);top:60px}.ganji-verification-banner__text{font-size:var(--text-xs)}.ganji-verification-banner__icon{font-size:1.25rem}}.ganji-footer{z-index:100;background:var(--color-surface);border-top:1px solid var(--color-brand-500);width:100%;box-shadow:0 -4px 20px #0003, 0 -2px 10px rgba(var(--color-brand-500-rgb), .25);transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:0;transform:translateY(calc(100% - 60px))}.ganji-footer--expanded{transform:translateY(0)}.ganji-footer:not(.ganji-footer--expanded):hover{transform:translateY(calc(100% - 4.0625rem))}.ganji-footer__bar{cursor:pointer;border-bottom:1px solid #0000;align-items:center;height:3.75rem;transition:background-color .2s,border-color .2s;display:flex}.ganji-footer__bar:hover{background-color:rgba(var(--color-brand-500-rgb), .05)}.ganji-footer--expanded .ganji-footer__bar{border-bottom-color:var(--color-border)}.ganji-footer__container{padding:0 var(--space-md)}.ganji-footer__bar-container{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:100%;display:grid}.ganji-footer__bar-left{align-items:center;gap:var(--space-md);justify-self:start;display:flex}.ganji-footer__bar-center{justify-content:center;justify-self:center;align-items:center;gap:var(--space-xs);display:flex}.ganji-footer__bar-right{justify-self:end;align-items:center;gap:var(--space-md);display:flex}.ganji-footer__copyright{color:var(--color-brand-400);font-size:var(--text-xs);white-space:nowrap;display:none}@media (width>=640px){.ganji-footer__copyright{display:block}}.ganji-footer__page-title{color:var(--color-brand-400);font-size:var(--text-sm);font-weight:var(--font-medium)}.ganji-footer__brand{align-items:center;gap:var(--space-sm);display:flex}.ganji-footer__brand-icon{object-fit:contain;width:auto;height:1.5rem}.ganji-footer__tagline{color:var(--color-brand-400);font-size:var(--text-sm);margin-left:var(--space-sm)}.ganji-footer__tagline--desktop{display:none}@media (width>=768px){.ganji-footer__tagline--desktop{display:inline}}.ganji-footer__indicator{color:var(--color-brand-500);justify-content:center;align-items:center;display:flex}.ganji-footer__arrow{transition:transform .3s}.ganji-footer__arrow--rotated{transform:rotate(180deg)}.ganji-footer__social{justify-content:flex-end;align-items:center;gap:var(--space-md);display:flex}.ganji-footer__social-link{padding:var(--space-xs);color:var(--color-brand-400);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.ganji-footer__social-link:hover{color:var(--color-brand-500);transform:translateY(-2px)}.ganji-footer__cart-btn{padding:var(--space-xs);cursor:pointer;color:var(--color-brand-400);background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex;position:relative}.ganji-footer__cart-btn:hover{color:var(--color-brand-500);transform:translateY(-2px)}.ganji-footer__cart-badge{background:var(--color-brand-500);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:var(--font-semibold);border-radius:var(--radius-full);pointer-events:none;justify-content:center;align-items:center;padding:0 3px;line-height:1;display:flex;position:absolute;top:-2px;right:-2px}.ganji-footer__content{padding:var(--space-2xl) 0;max-height:50vh;overflow-y:auto}.ganji-footer__grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.ganji-footer__section{gap:var(--space-sm);flex-direction:column;display:flex}.ganji-footer__section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-brand-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.ganji-footer__brand-logo{object-fit:contain;width:auto;margin-bottom:var(--space-xs)}.ganji-footer__description{color:var(--color-brand-300);font-size:var(--text-sm);line-height:1.5}.ganji-footer__links{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ganji-footer__link{color:var(--color-brand-300);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.ganji-card{background:var(--color-surface);border-radius:var(--radius-lg);text-align:left;width:100%}.ganji-card--default{border:1px solid var(--color-border)}.ganji-card--elevated{box-shadow:var(--shadow-md)}.ganji-card--outlined{border:2px solid var(--color-border)}.ganji-card--padding-none{padding:0}.ganji-card--padding-sm{padding:var(--space-sm)}.ganji-card--padding-md{padding:var(--space-md)}.ganji-card--padding-lg{padding:var(--space-lg)}.ganji-card--clickable{cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;width:100%;font:inherit;color:inherit}.ganji-card--clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ganji-input-wrapper{gap:var(--space-xs);flex-direction:column;display:flex}.ganji-input-wrapper__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.ganji-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.ganji-input:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 .1875rem color-mix(in srgb, var(--color-brand-500) 20%, transparent);outline:none}.ganji-input--error{border-color:var(--color-error)}.ganji-input--error:focus{box-shadow:0 0 0 .1875rem color-mix(in srgb, var(--color-error) 20%, transparent)}.ganji-input__error{font-size:var(--text-sm);color:var(--color-error)}.ganji-input__helper{font-size:var(--text-sm);color:var(--color-text-tertiary)}.ganji-spinner--md{width:24px;height:24px}.ganji-spinner--lg{border-width:4px;width:40px;height:40px}.ganji-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ganji-modal{z-index:var(--z-modal);padding:var(--space-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ganji-modal__content{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto}.ganji-modal__content--sm{max-width:400px}.ganji-modal__content--md{max-width:600px}.ganji-modal__content--lg{max-width:800px}.ganji-modal__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.ganji-modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.ganji-modal__close{font-size:var(--text-2xl);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;line-height:1}.ganji-modal__close:hover{color:var(--color-text-primary);background:var(--color-surface-muted)}.ganji-modal__body{padding:var(--space-lg)}.ganji-player{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.ganji-player--preview{border-radius:var(--radius-md)}.ganji-player__video{cursor:pointer;background:#000;width:100%;max-height:70vh;display:block}.ganji-player--audio .ganji-player__video{display:none}.ganji-player__controls{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex}.ganji-player--audio .ganji-player__controls{border-top:none}.ganji-player--preview .ganji-player__controls{padding:var(--space-xs) var(--space-sm)}.ganji-player__btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ganji-player__btn:hover{color:var(--color-brand-500);background:var(--color-surface-muted)}.ganji-player__play-btn{width:32px;height:32px}.ganji-player--preview .ganji-player__play-btn{width:28px;height:28px}.ganji-player__progress{cursor:pointer;padding:var(--space-xs) 0;flex:1}.ganji-player__progress-bar{background:var(--color-border);border-radius:var(--radius-full);height:4px;overflow:hidden}.ganji-player__progress-fill{background:var(--color-brand-500);border-radius:var(--radius-full);height:100%;transition:width .1s linear}.ganji-player__progress:hover .ganji-player__progress-bar{height:6px}.ganji-player__time{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:5em}.ganji-player__volume{width:80px;accent-color:var(--color-brand-500);cursor:pointer;flex-shrink:0}@media (width<=640px){.ganji-player__volume{display:none}}.ganji-player__rate-wrapper{flex-shrink:0;position:relative}.ganji-player__rate-btn{font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:2.5em}.ganji-player__rate-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:var(--z-dropdown);margin-bottom:var(--space-xs);flex-direction:column;display:flex;position:absolute;bottom:100%;right:0}.ganji-player__rate-option{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);text-align:left;white-space:nowrap;background:0 0;border:none}.ganji-player__rate-option:hover{background:var(--color-surface-muted)}.ganji-player__rate-option--active{color:var(--color-brand-500);font-weight:var(--font-semibold)}.ganji-player__title{padding:var(--space-xs) var(--space-md) var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}