.icon[data-v-698d74a0]{flex-shrink:0}.icon-filled[data-v-698d74a0]{fill:currentColor}.tabbar[data-v-0c18a8d2]{position:fixed;bottom:0;left:0;right:0;height:var(--tabbar-height);background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:var(--safe-bottom)}@media (min-width: 768px){.tabbar[data-v-0c18a8d2]{max-width:420px;left:50%;transform:translate(-50%);border-radius:0 0 24px 24px}}.tabbar-item[data-v-0c18a8d2]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--spacing-sm) 0;color:var(--text-tertiary);transition:color .2s ease}.tabbar-item.active[data-v-0c18a8d2]{color:var(--color-primary)}.label[data-v-0c18a8d2]{font-size:var(--font-xs)}:root{--color-primary: #e94560;--color-primary-light: #ff6b6b;--color-secondary: #0f3460;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #1f2544;--bg-input: #252a4a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-placeholder: rgba(255, 255, 255, .3);--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--font-xs: 10px;--font-sm: 12px;--font-base: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--tabbar-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer;-webkit-appearance:none}ul,ol{list-style:none}::-webkit-scrollbar{display:none}::placeholder{color:var(--text-placeholder)}.no-select{-webkit-user-select:none;user-select:none}.page{min-height:100vh;padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom))}.page-content{padding:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-base);font-weight:500;transition:all .2s ease;min-height:44px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff}.btn-primary:active{transform:scale(.96);opacity:.9}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-block{width:100%}.tag{display:inline-flex;align-items:center;padding:2px 8px;background:#e9456033;color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-xs)}.card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.divider{height:1px;background:var(--border-color);margin:var(--spacing-lg) 0}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-text{font-size:var(--font-base)}.grid-2{columns:2;column-gap:var(--spacing-md)}.grid-2>*{break-inside:avoid;margin-bottom:var(--spacing-md)}.grid-3{columns:3;column-gap:var(--spacing-md)}.grid-3>*{break-inside:avoid;margin-bottom:var(--spacing-md)}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bottom)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%);opacity:0}@media (min-width: 768px){:root{--safe-top: 0px;--safe-bottom: 0px}.safe-top{padding-top:0}.safe-bottom{padding-bottom:0}.page{min-height:100%}.bottom-cta{max-width:420px;left:50%!important;right:auto!important;transform:translate(-50%)}.modal{max-width:420px;left:50%!important;right:auto!important;transform:translate(-50%);border-radius:24px}}@media (min-width: 768px){html{overflow:hidden;height:100vh}body{overflow:hidden;height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f0f1a);background-attachment:fixed}.app-wrapper{display:flex;justify-content:center;align-items:flex-start;height:100vh;padding:20px 0;overflow:hidden}.app-container{width:100%;max-width:420px;height:calc(100vh - 40px);background:var(--bg-primary);border-radius:24px;box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #00000080,0 0 100px #e945601a;overflow-x:hidden;overflow-y:auto;position:relative}}@media (min-width: 1200px){.app-wrapper:before{content:"Dramako";position:fixed;left:60px;top:50%;transform:translateY(-50%);font-size:48px;font-weight:700;background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.8}.app-wrapper:after{content:"Watch Short Dramas Anytime";position:fixed;left:60px;top:calc(50% + 40px);transform:translateY(-50%);font-size:16px;color:#fff6}}