:root{--christmas-red: #c41e3a;--christmas-green: #2f5a28;--christmas-gold: #e8b923;--spring-purple: #8e24aa;--spring-red: #c2185b;--spring-gold: #f1c40f;--spring-orange: #ff6f00;--bg-color: #f8f9fa;--text-color: #333;--ios-bg: #f2f2f7;--ios-bg-secondary: #ffffff;--ios-card-bg: rgba(255, 255, 255, .95);--ios-card-radius: 12px;--ios-radius-sm: 8px;--ios-radius-lg: 16px;--ios-radius-pill: 20px;--ios-shadow: 0 1px 3px rgba(0, 0, 0, .06);--ios-shadow-lg: 0 4px 12px rgba(0, 0, 0, .08);--ios-blue: #007AFF;--ios-gray: #8e8e93;--ios-divider: rgba(60, 60, 67, .12);--ios-glass: rgba(255, 255, 255, .72);--ios-glass-border: rgba(255, 255, 255, .5);--icon-sm: clamp(18px, 2vw, 25px);--icon-md: clamp(22px, 2.5vw, 31px);--icon-lg: clamp(31px, 3.4vw, 45px);--icon-xl: clamp(40px, 4.5vw, 63px);--ad-width: clamp(220px, 22vw, 380px);--ad-padding: clamp(10px, 1.2vw, 18px);--ad-gap: clamp(16px, 2vw, 28px)}.ad-responsive{width:var(--ad-width)!important;max-width:95%;padding:var(--ad-padding)!important}.ad-responsive img{width:100%;height:auto;border-radius:8px}.ad-responsive p{font-size:clamp(12px,1.2vw,15px);margin:clamp(4px,.5vw,8px) 0!important}.theme-switcher{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 12px;background:#ffffff26;border-radius:12px;margin-bottom:32px}.theme-switcher-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:8px 16px;border-radius:10px;transition:all .2s ease;min-width:56px}.theme-switcher-item:hover{background:#ffffff1a}.theme-switcher-item .theme-emoji{font-size:28px;line-height:1}.theme-switcher-item .theme-label{font-size:11px;font-weight:500;color:#333;opacity:.7;letter-spacing:.3px}.theme-switcher-item.active .theme-label{opacity:1;font-weight:600;color:#000}.icon-responsive{font-size:var(--icon-md)}.icon-responsive svg{width:1em!important;height:1em!important}.sidebar .icon-responsive{font-size:var(--icon-md)}.icon-lg{font-size:var(--icon-lg)!important}.icon-xl{font-size:var(--icon-xl)!important}.icon-xxl{font-size:clamp(68px,9vw,135px)!important}.tab-responsive{font-size:clamp(14px,1.5vw,18px)!important}.discover-item:hover{background:#007aff0f!important}.tap-scale{transition:transform .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.tap-scale:active{transform:scale(1.06)}.theme-tap{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease;cursor:pointer}.theme-tap:active{opacity:1!important;transform:scale(1.2)!important}.sticker-hover:hover{transform:translate(-50%,-50%) scale(1.08)!important}.notification-badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ff3b30;border-radius:50%;border:1.5px solid var(--ios-glass, rgba(255,255,255,.72))}.tab-responsive{transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important}.tab-responsive:active{transform:scale(1.04)!important}.discover-item{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.discover-item:active{transform:scale(1.01)}html{overflow-x:hidden;overflow-y:auto;min-height:100%}body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Helvetica Neue,sans-serif;background-color:var(--ios-bg);color:var(--text-color);overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;overflow-x:hidden;overflow-y:auto}.ios-card{background:var(--ios-card-bg);border-radius:var(--ios-card-radius);box-shadow:var(--ios-shadow);padding:16px;transition:transform .2s ease,box-shadow .2s ease}.ios-card:hover{box-shadow:var(--ios-shadow-lg)}.ios-btn{border:none;border-radius:var(--ios-radius-sm);padding:10px 18px;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.ios-btn:active{transform:scale(1.04);opacity:.95}.ios-btn-primary{background:var(--ios-blue);color:#fff}.ios-btn-pill{border-radius:var(--ios-radius-pill)}.ios-segmented{display:inline-flex;background:#7878802e;border-radius:10px;padding:4px;gap:2px;border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 1px 1px #ffffff59}.ios-segmented button{padding:8px 20px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;background:transparent;color:var(--ios-gray);transition:all .2s ease}.ios-segmented button.active{background:#fff;color:#000;box-shadow:0 1px 3px #0000001f;border:1px solid rgba(0,0,0,.04)}.ios-info-banner{padding:14px 16px;background:#ffcc0026;border-radius:var(--ios-radius-sm);border:1px solid rgba(255,204,0,.25);font-size:15px;color:#8b6914;display:flex;align-items:center;gap:10px}.ios-input{padding:12px 16px;border-radius:var(--ios-radius-sm);border:1px solid var(--ios-divider);background:var(--ios-bg-secondary);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.ios-input:focus{outline:none;border-color:var(--ios-blue);box-shadow:0 0 0 3px #007aff26}.ios-glass{background:var(--ios-glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.sidebar .icon-responsive{transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.sidebar .icon-responsive:hover{opacity:.85}.sidebar .icon-responsive:active{transform:scale(1.08);opacity:.9}.page-bg-area{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.sidebar{flex-shrink:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes float-drift{0%,to{transform:translate(0)}25%{transform:translate(3px,-4px)}50%{transform:translate(-2px,-6px)}75%{transform:translate(3px,-3px)}}.animate-float-drift{animation:float-drift 4s ease-in-out infinite}@keyframes snowfall{0%{transform:translate(0) rotate(0);opacity:1}25%{transform:translate(var(--drift, 10px),150px) rotate(45deg);opacity:.8}50%{transform:translate(calc(var(--drift, 10px) * -.5),300px) rotate(90deg);opacity:.6}75%{transform:translate(calc(var(--drift, 10px) * -1),450px) rotate(135deg);opacity:.4}to{transform:translate(calc(var(--drift, 10px) * -.3),600px) rotate(180deg);opacity:0}}@keyframes spring-snowfall{0%{transform:translate(0) rotate(0) scale(1);opacity:.9}25%{transform:translate(calc(var(--drift, 15px) + 10px),200px) rotate(45deg) scale(.9);opacity:.8}50%{transform:translate(calc(var(--drift, 15px) - 5px),400px) rotate(90deg) scale(.85);opacity:.6}75%{transform:translate(calc(var(--drift, 15px) + 8px),600px) rotate(135deg) scale(.8);opacity:.4}to{transform:translate(calc(var(--drift, 15px) * -.5),800px) rotate(180deg) scale(.75);opacity:0}}@keyframes firework-particle{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--velocity) * -1));opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-text{height:16px;margin-bottom:8px;border-radius:4px}.skeleton-title{height:24px;width:60%;margin-bottom:12px;border-radius:6px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card{padding:16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014}@keyframes empty-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.empty-state-icon{animation:empty-pulse 2s ease-in-out infinite}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:.3}}.confetti{position:absolute;width:8px;height:8px;animation:confetti-fall 4s linear infinite}