/*! 
 * Indie Top 100 - Base CSS
 * Clean baseline foundation with design tokens
 * Version: 2.1.0
 */
 :root{--it100-white:#ffffff;--it100-bg:#ffffff;--it100-border:#eceff3;--it100-border-hover:#d1d5db;--it100-text:#0b1220;--it100-text-muted:#5b667a;--it100-text-light:#8fa0b3;--it100-primary:#007cba;--it100-primary-hover:#005a87;--it100-secondary:#0b6cff;--it100-secondary-hover:#0a56cc;--it100-success:#2e7d2e;--it100-success-bg:#e8f5e8;--it100-salon:#FF6B35;--it100-salon-bg:#FFE7D8;--it100-trending:#E63946;--it100-trending-bg:#FFE0E0;--it100-new:#7C4DFF;--it100-new-bg:#EDE4FF;--it100-font-family:-apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;--it100-font-size-xs:12px;--it100-font-size-sm:13px;--it100-font-size-base:14px;--it100-font-size-md:16px;--it100-font-size-lg:18px;--it100-font-size-xl:clamp(28px, 4vw, 36px);--it100-font-weight-normal:400;--it100-font-weight-medium:500;--it100-font-weight-semibold:600;--it100-font-weight-bold:700;--it100-font-weight-extrabold:800;--it100-line-height-tight:1.2;--it100-line-height-base:1.4;--it100-line-height-relaxed:1.5;--it100-space-1:4px;--it100-space-2:8px;--it100-space-3:12px;--it100-space-4:16px;--it100-space-5:20px;--it100-space-6:24px;--it100-space-8:32px;--it100-space-10:40px;--it100-container-max:1200px;--it100-rank-size:36px;--it100-cover-size:72px;--it100-button-height:44px;--it100-button-height-sm:38px;--it100-radius-sm:8px;--it100-radius-base:10px;--it100-radius-md:12px;--it100-radius-lg:14px;--it100-radius-xl:16px;--it100-radius-full:999px;--it100-shadow-sm:0 2px 8px rgba(16, 24, 40, 0.06);--it100-shadow-base:0 6px 16px rgba(16, 24, 40, 0.06);--it100-shadow-md:0 10px 24px rgba(16, 24, 40, 0.10);--it100-shadow-lg:0 20px 40px rgba(0, 0, 0, 0.15);--it100-gap-xs:var(--it100-space-2);--it100-gap-sm:var(--it100-space-3);--it100-gap-base:var(--it100-space-4);--it100-gap-lg:var(--it100-space-5);--it100-gap-xl:var(--it100-space-6);--it100-transition-fast:0.15s ease;--it100-transition-base:0.2s ease;--it100-transition-slow:0.3s ease}.it100,.it100 *{box-sizing:border-box}.it100{font-family:var(--it100-font-family);font-size:var(--it100-font-size-base);line-height:var(--it100-line-height-base);color:var(--it100-text);background:var(--it100-bg)}.it100 h1,.it100 h2,.it100 h3,.it100 h4,.it100 h5,.it100 h6{margin:0;font-weight:var(--it100-font-weight-bold);line-height:var(--it100-line-height-tight)}.it100 p{margin:0 0 var(--it100-space-4) 0}.it100 ul,.it100 ol{margin:0;padding:0;list-style:none}.it100 img{max-width:100%;height:auto}.it100 button,.it100 input,.it100 select,.it100 textarea{font-family:inherit;font-size:inherit}.it100-container{max-width:var(--it100-container-max);margin:0 auto;padding:0 clamp(var(--it100-space-4), 4vw, var(--it100-space-10));background:var(--it100-bg);min-height:100vh}.it100-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--it100-gap-lg)}.it100-grid-card{display:grid;grid-template-columns:var(--it100-rank-size) var(--it100-cover-size) 1fr;grid-template-rows:auto auto;gap:var(--it100-space-3);align-items:center}.it100-title-xl{font-size:var(--it100-font-size-xl);font-weight:var(--it100-font-weight-bold);line-height:var(--it100-line-height-tight);letter-spacing:-.02em}.it100-title-lg{font-size:var(--it100-font-size-lg);font-weight:var(--it100-font-weight-extrabold);line-height:var(--it100-line-height-tight)}.it100-title-base{font-size:var(--it100-font-size-md);font-weight:var(--it100-font-weight-semibold);line-height:var(--it100-line-height-base)}.it100-text-muted{color:var(--it100-text-muted)}.it100-text-light{color:var(--it100-text-light)}.it100-card{padding:var(--it100-space-3) var(--it100-space-4);border:1px solid var(--it100-border);border-radius:var(--it100-radius-lg);background:var(--it100-bg);box-shadow:var(--it100-shadow-base);transition:box-shadow var(--it100-transition-base),transform var(--it100-transition-base)}.it100-card:hover{box-shadow:var(--it100-shadow-md);transform:translateY(-1px)}.it100-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--it100-space-1);height:var(--it100-button-height);padding:0 var(--it100-space-4);border-radius:var(--it100-radius-md);border:1px solid #fff0;font-weight:var(--it100-font-weight-bold);font-size:var(--it100-font-size-base);text-decoration:none;cursor:pointer;transition:all var(--it100-transition-fast);white-space:nowrap}.it100-btn:focus{outline:2px solid var(--it100-primary);outline-offset:2px}.it100-btn--primary{background:linear-gradient(135deg,var(--it100-primary) 0%,var(--it100-primary-hover) 100%);color:var(--it100-white);box-shadow:0 6px 14px rgb(0 124 186 / .25)}.it100-btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgb(0 124 186 / .32);color:var(--it100-white);text-decoration:none}.it100-btn--secondary{background:var(--it100-bg);color:var(--it100-text-muted);border-color:var(--it100-border)}.it100-btn--secondary:hover{background:#fafbfc;border-color:var(--it100-primary);color:var(--it100-primary);text-decoration:none}.it100-btn--success{background:var(--it100-success-bg);color:var(--it100-success);border-color:var(--it100-success-bg)}.it100-btn--success::before{content:"✅ "}.it100-btn--sm{height:var(--it100-button-height-sm);padding:0 var(--it100-space-3);font-size:var(--it100-font-size-sm)}.it100-btn:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.it100-btn.is-loading::after{content:"";width:12px;height:12px;border:2px solid rgb(255 255 255 / .3);border-top-color:currentColor;border-radius:50%;animation:it100-spin 0.8s linear infinite;margin-left:var(--it100-space-2)}.it100-tag{display:inline-flex;align-items:center;padding:var(--it100-space-2) var(--it100-space-3);border-radius:var(--it100-radius-full);font-size:var(--it100-font-size-xs);font-weight:var(--it100-font-weight-bold);line-height:1}.it100-tag--salon{background:var(--it100-salon-bg);color:var(--it100-salon)}.it100-tag--trending{background:var(--it100-trending-bg);color:var(--it100-trending)}.it100-tag--new{background:var(--it100-new-bg);color:var(--it100-new)}.it100-input{width:100%;padding:var(--it100-space-3) var(--it100-space-4);border:2px solid var(--it100-border);border-radius:var(--it100-radius-sm);font-size:var(--it100-font-size-base);background:var(--it100-bg);color:var(--it100-text);transition:border-color var(--it100-transition-base)}.it100-input:focus{outline:none;border-color:var(--it100-primary);box-shadow:0 0 0 3px rgb(0 124 186 / .1)}.it100-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center;z-index:1000}.it100-modal-content{background:var(--it100-bg);border-radius:var(--it100-radius-md);padding:var(--it100-space-8);max-width:480px;width:90%;box-shadow:var(--it100-shadow-lg);border:1px solid var(--it100-border)}.it100-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}.it100-text-center{text-align:center}.it100-text-right{text-align:right}.it100-flex{display:flex}.it100-flex-center{display:flex;align-items:center;justify-content:center}.it100-flex-between{display:flex;align-items:center;justify-content:space-between}.it100-gap-sm{gap:var(--it100-gap-sm)}.it100-gap-base{gap:var(--it100-gap-base)}.it100-gap-lg{gap:var(--it100-gap-lg)}.it100-mt-2{margin-top:var(--it100-space-2)}.it100-mt-3{margin-top:var(--it100-space-3)}.it100-mb-2{margin-bottom:var(--it100-space-2)}.it100-mb-3{margin-bottom:var(--it100-space-3)}@media (max-width:768px){.it100-grid-2{grid-template-columns:1fr;gap:var(--it100-gap-base)}.it100-container{padding:0 var(--it100-space-3)}}@media (max-width:480px){.it100-container{padding:0 var(--it100-space-3)}.it100-btn{height:var(--it100-button-height-sm);padding:0 var(--it100-space-3);font-size:var(--it100-font-size-sm)}}@keyframes it100-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media print{.it100-btn,.it100-modal{display:none!important}.it100-card{box-shadow:none;border:1px solid #ccc}}