@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.flex-shrink{flex-shrink:1}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;--sidebar-width:240px;--header-height:60px;--mobile-nav-height:60px;--bg-primary:#fff;--bg-secondary:#f3f4f6;--bg-tertiary:#e5e7eb;--bg-hover:#f9fafb;--bg-active:#f3f4f6;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-inverse:#fff;--border-light:#e5e7eb;--border-default:#d1d5db;--border-medium:#9ca3af;--accent-primary:#4f46e5;--accent-secondary:#7c3aed;--accent-hover:#4338ca;--accent-active:#3730a3;--accent-light:#4f46e51a;--accent-violet:#6366f1;--accent-violet-light:#818cf8;--accent-violet-lighter:#a78bfa;--color-success:#16a34a;--color-success-bright:#10b981;--color-success-light:#14b8a6;--color-warning:#d97706;--color-error:#dc2626;--color-error-bright:#ef4444;--color-info:#0284c7;--color-info-blue:#3b82f6;--color-info-blue-light:#60a5fa;--gradient-primary:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);--gradient-violet:linear-gradient(135deg,var(--accent-violet)0%,#8b5cf6 100%);--gradient-success:linear-gradient(180deg,var(--color-success-bright),var(--color-success-light));--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--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;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:50;--z-sticky:60;--z-fixed:70;--z-modal-backdrop:80;--z-modal:90;--z-popover:100;--z-tooltip:110;--skeleton-base:#e5e7eb;--skeleton-highlight:#f3f4f6;--skeleton-speed:1.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}.hidden{display:none!important}.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}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;font-weight:400;line-height:1.5}h1,.h1{letter-spacing:-.025em;font-size:2.25rem;font-weight:800;line-height:1.2}h2,.h2{letter-spacing:-.02em;font-size:1.875rem;font-weight:700;line-height:1.25}h3,.h3{letter-spacing:-.015em;font-size:1.5rem;font-weight:600;line-height:1.3}h4,.h4{font-size:1.25rem;font-weight:600;line-height:1.4}h5,.h5{font-size:1.125rem;font-weight:600;line-height:1.4}h6,.h6{font-size:1rem;font-weight:600;line-height:1.5}p{margin-bottom:1em}p:last-child{margin-bottom:0}strong,b{font-weight:700}em,i{font-style:italic}small,.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-primary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:#d97706}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}code{font-family:var(--font-mono);background:var(--bg-secondary);border-radius:4px;padding:.125em .375em;font-size:.875em}pre{font-family:var(--font-mono);background:var(--bg-secondary);border-radius:8px;padding:1rem;font-size:.875rem;overflow-x:auto}pre code{background:0 0;padding:0}@media (max-width:640px){.tablet-menu-bar{display:none}.banner-hamburger{display:inline-flex}body.view-home .banner-hamburger{border-radius:50%;width:40px;height:40px;display:inline-flex;top:12px;right:132px}body.view-subscription .banner-hamburger,body.view-create .banner-hamburger,body.view-create-workspace .banner-hamburger,body.view-profile .banner-hamburger,body.view-gallery .banner-hamburger{border-radius:50%;width:40px;height:40px;display:inline-flex;top:12px;left:12px;right:auto}.banner{text-align:left;align-items:flex-start;padding-top:14px}.banner-menu{background:var(--bg-primary);box-shadow:none;border:none;border-radius:0;gap:10px;padding:72px 16px 16px;position:fixed;inset:0}.banner-menu .banner-menu-item{border-radius:10px;padding:14px 12px;font-size:18px}.banner-menu-close{display:inline-flex}body.menu-overlay-open{overflow:hidden}}.btn-light{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;transition:all .2s,background-color .3s,color .3s}.layout{flex-direction:column;height:100vh;display:flex;position:relative}.app-row{margin-left:var(--sidebar-width);flex:1;display:flex;position:relative}.main{flex-direction:column;flex:1;display:flex;position:relative}.content{background:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-slow),color var(--transition-slow);flex:1}.topbar{background:var(--bg-primary);height:auto;transition:background-color var(--transition-slow),border-color var(--transition-slow);border-bottom:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:0 18px 12px;display:flex;position:relative}@media (min-width:641px){body.view-home .topbar{padding:0}}.top-right-area{z-index:var(--z-sticky);align-items:center;gap:10px;display:flex;position:absolute;top:18px;right:20px}.search-box{background:var(--bg-secondary);border-radius:var(--radius-lg);width:75%;min-width:300px;height:80px;transition:background-color var(--transition-slow);align-items:center;gap:8px;margin-right:0;padding:0 16px;display:flex}.search-box input{width:100%;color:var(--text-primary);transition:color var(--transition-slow);background:0 0;border:none;outline:none;padding:0;font-size:18px}.search-icon{color:var(--text-tertiary);font-size:16px}@media (max-width:600px){.layout,.app-row,.main,.content{max-width:100vw;overflow-x:hidden}}.site-footer{text-align:center;color:var(--text-tertiary);border-top:1px solid var(--border-light);background:var(--bg-primary);transition:background-color var(--transition-slow),border-color var(--transition-slow),color var(--transition-slow);margin-top:0;padding:16px 20px 20px;font-size:12px}.site-footer span{opacity:.6;letter-spacing:.5px}body.view-home .site-footer,body.view-gallery .site-footer,body.view-profile .site-footer,body.view-user-profile .site-footer{display:none}body.view-subscription .site-footer,body.view-create .site-footer,body.view-create-workspace .site-footer{margin-top:0}@media (max-width:768px){.site-footer{display:none}}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:var(--bg-primary);transition:background-color var(--transition-slow);z-index:100;flex-direction:column;justify-content:space-between;height:100vh;padding:16px 12px;display:flex;position:fixed;top:0;left:0}.menu-top{flex-direction:column;gap:6px;display:flex}.menu-item{text-align:left;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:background-color var(--transition-slow),color var(--transition-slow);background:0 0;border:none;padding:14px 10px 14px 18px;font-size:14px;position:relative}.menu-item:hover{background:var(--bg-active)}.menu-item:before{content:"";width:4px;transition:background var(--transition-fast);background:0 0;border-radius:4px;position:absolute;top:8px;bottom:8px;left:6px}.menu-item:hover:before,.menu-item.active:before{background:var(--accent-primary)}.menu-item.active{background:var(--bg-active)}.menu-main{background:var(--bg-primary);color:var(--text-secondary);font-size:15px;font-weight:700}.menu-admin{align-items:center;gap:8px;display:flex}.menu-bottom{color:var(--text-tertiary);padding:8px 0;font-size:12px;line-height:1.6}.sidebar-socials{gap:12px;margin-bottom:12px;display:flex}.sidebar-social{color:var(--text-tertiary);opacity:.6;transition:transform var(--transition-fast),opacity var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-social:hover{opacity:1;transform:scale(1.15)}.sidebar-copyright{color:var(--text-tertiary);opacity:.5;letter-spacing:.3px;font-size:10px;display:block}.vertical-divider{content:"";left:var(--sidebar-width);background:var(--border-light);z-index:1;pointer-events:none;width:1px;position:fixed;top:0;bottom:0}[data-theme=dark] .sidebar-social:hover{color:var(--accent-primary)}.banner{background:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-slow),color var(--transition-slow),box-shadow var(--transition-slow);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:4px;padding:14px 20px;display:flex}.banner-title{letter-spacing:-.01em;color:var(--text-primary);font-size:34px;font-weight:800;line-height:1.15}.banner-sub,.banner-subtitle{color:var(--text-secondary);letter-spacing:.01em;font-size:13px}.banner-subtitle{opacity:.9}.banner-sub{opacity:.75;font-size:12px}.banner-hamburger{border-radius:var(--radius-md);background:var(--bg-primary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);z-index:var(--z-dropdown);border:none;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute}.banner-hamburger:focus{outline:2px solid var(--accent-primary)}.banner-menu{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-md);z-index:var(--z-fixed);border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:56px;right:12px}.banner-menu .banner-menu-item{text-align:left;cursor:pointer;border-radius:var(--radius-md);color:var(--text-secondary);background:0 0;border:none;padding:8px 12px}.banner-menu .banner-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.banner-menu .banner-menu-item[aria-current=true],.banner-menu .banner-menu-item.active{color:var(--accent-primary);font-weight:700}.banner-menu-close{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-primary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.subscription-nav{display:none}.subscription-nav-item{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}.subscription-nav-item:hover{background:var(--bg-active);color:var(--text-secondary)}.subscription-nav-item.active{background:var(--bg-active);color:var(--accent-primary);font-weight:600}.tablet-menu-bar{display:none}body.view-subscription .banner-menu,body.view-create .banner-menu,body.view-create-workspace .banner-menu,body.view-profile .banner-menu,body.view-gallery .banner-menu{top:56px;left:12px;right:auto}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-4>*+*{margin-top:var(--space-4)}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-4>*+*{margin-left:var(--space-4)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;font-size:14px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active);transform:scale(.98)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-medium)}.btn-light{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);padding:8px 14px;font-size:13px}.btn-light:hover{background:var(--bg-hover);border-color:var(--border-medium)}.btn-light:active{background:var(--bg-active);transform:scale(.98)}.btn-login{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:none;padding:8px 21px;font-size:13px}.btn-login:hover{background:var(--accent-hover)}.btn-login:active{background:var(--accent-active);transform:scale(.98)}.btn-danger{color:#b91c1c;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);background:#dc26261f;border:1px solid #dc262699;padding:8px 14px;font-size:13px;font-weight:600}.btn-danger:hover{color:#991b1b;background:#dc262633;border-color:#b91c1ce6}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text-primary);background:0 0;border:none}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.btn-avatar{border-radius:var(--radius-full);background:var(--bg-primary);width:40px;min-width:40px;height:40px;color:var(--text-primary);aspect-ratio:1;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.btn-avatar img{object-fit:cover;border-radius:var(--radius-full);aspect-ratio:1;width:100%;height:100%}.btn-avatar span{font-size:14px;font-weight:700}.btn-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:16px}.btn-full{width:100%}.input{border:1px solid var(--border-default);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:var(--radius-lg);transition:border-color var(--transition-normal),box-shadow var(--transition-normal);padding:14px 16px;font-size:15px}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.input::placeholder{color:var(--text-tertiary)}.input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.7}.label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.textarea{border:1px solid var(--border-default);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:var(--radius-lg);resize:vertical;min-height:100px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);padding:14px 16px;font-size:15px}.textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.select{border:1px solid var(--border-default);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:var(--radius-lg);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:14px 40px 14px 16px;font-size:15px}.select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.checkbox{border:2px solid var(--border-default);border-radius:var(--radius-sm);appearance:none;cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast)}.checkbox:checked{background:var(--accent-primary);border-color:var(--accent-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.radio{border:2px solid var(--border-default);border-radius:var(--radius-full);appearance:none;cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast)}.radio:checked{border-color:var(--accent-primary);background:radial-gradient(circle,var(--accent-primary)40%,transparent 40%)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #dc262626}.error-message{color:var(--color-error);font-size:13px}.input-success{border-color:var(--color-success)}.input-success:focus{box-shadow:0 0 0 3px #16a34a26}.token-chip{--token-green:var(--color-success-bright);border-radius:var(--radius-full);border:1.5px dotted var(--token-green);white-space:nowrap;transition:box-shadow var(--transition-normal),transform var(--transition-normal);background:#fff;justify-content:center;align-items:center;gap:4px;min-width:0;padding:3px 10px 3px 8px;line-height:1;display:inline-flex;box-shadow:0 5px 14px #0f766e24}.token-chip:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f766e2e}body.dark-mode .token-chip{--token-green:#22c55e;border-color:var(--token-green);background:#0f172aeb;box-shadow:0 8px 20px #00000073}.token-icon{justify-content:center;align-items:center;width:20px;height:28px;display:inline-flex;position:relative}.token-icon:before{content:"";background:var(--token-green);clip-path:polygon(40% 0,100% 32%,68% 32%,100% 100%,0 64%,32% 64%);width:14px;height:24px;position:absolute}.token-text{align-items:baseline;gap:4px;display:inline-flex}.token-chip .token-label{letter-spacing:.05em;text-transform:lowercase;color:#0f172a;font-size:.98rem;font-weight:800}.token-chip .token-value{min-width:36px;height:36px;color:var(--text-primary);background:var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:800;display:inline-flex;overflow:hidden}body.dark-mode .token-chip .token-label,body.dark-mode .token-chip .token-value{color:#f8fafc}body.dark-mode .token-icon:before{background:var(--token-green)}.gallery-card .card-content,.card .card-content{position:relative}.card-tags{z-index:4;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:8px}.card-video-badge{background:var(--accent-primary,#4f46e5);color:#fff;letter-spacing:.02em;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #4f46e566}.card-owned-chip{color:#fff;letter-spacing:.02em;background:#3b82f6d9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #3b82f64d}.profile-work-badge{color:#fff;letter-spacing:.02em;background:#22c55ee6;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #22c55e59}.card-video-player{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.is-video:hover .card-content:after{opacity:0}@media (max-width:640px){.card-tags{gap:4px;top:6px;left:6px}.card-video-badge,.card-owned-chip,.profile-work-badge{border-radius:4px;padding:3px 7px;font-size:9px}}.card-overlay-stats{display:none}.gallery-card .card-content:before,.card .card-content:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0f172a00 0%,#0f172a8c 60%,#0f172ae6 100%);height:64px;position:absolute;bottom:-1px;left:0;right:0}.gallery-card .card-content:after,.card .card-content:after{content:"";opacity:0;pointer-events:none;z-index:3;background:#0000001f;transition:opacity .15s;position:absolute;inset:0}.gallery-card:hover .card-content:after,.card:hover .card-content:after{opacity:1}.card-info{border-top:1px solid var(--border-light);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;transition:background-color .2s,border-color .2s;display:flex}.card[data-prompt-hidden=true] .card-content:before,.gallery-card[data-prompt-hidden=true] .card-content:before{background:linear-gradient(#0f172a73 0%,#0f172af2 100%)}.card:hover .card-info{background:var(--bg-hover);border-color:var(--border-default)}.card-author{align-items:center;gap:6px;display:inline-flex}.card-author .avatar{border:1px solid var(--border-light);background-position:50%;background-size:cover;background-color:var(--bg-secondary);width:24px;height:24px;color:var(--text-secondary);border-radius:50%;font-size:11px;overflow:hidden}.card-author .name{color:var(--text-secondary);text-shadow:none;font-size:12px}.card-stats{color:var(--text-secondary);text-shadow:none;gap:10px;font-size:12px;display:inline-flex}.card-meta{border-top:1px solid var(--border-light);color:var(--text-secondary);align-items:center;gap:4px;padding:6px 10px 6px 8px;font-size:11px;display:flex}.card-meta-inline{font-size:11px;line-height:1.3}.gallery-card.card{flex-direction:column;display:flex}.gallery-card .card-meta-inline{border-top:none}.gallery-card .card-description{margin-top:4px}.card-meta-inline .card-title{color:var(--text-primary);flex:0 auto;font-size:12px;font-weight:600}.card-title.single-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-meta-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.card-author-name{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:11px;overflow:hidden}.card-meta-text .card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.card-author-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;transition:transform .15s,box-shadow .15s}.card-author-avatar-btn:hover{transform:scale(1.08)}.card-author-avatar-btn:active{transform:scale(.95)}.card-author-avatar{object-fit:cover;background:var(--bg-secondary);width:32px;height:32px;color:var(--text-primary);aspect-ratio:1;border:none;border-radius:50%;flex:0 0 32px;margin-left:-2px;font-size:13px;font-weight:600}.card-author-avatar.placeholder{text-transform:uppercase;justify-content:center;align-items:center;display:inline-flex}.card-stat{color:var(--text-tertiary);align-items:center;gap:4px;font-size:11px;display:inline-flex}.card-stat.heart{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 6px;transition:color .2s,transform .15s}.card-stat.heart.active{color:var(--color-error);font-weight:600}.card-stat.heart:active{transform:scale(.95)}.card-stat.card-comments{color:var(--text-secondary)}@media (min-width:641px){.card-stat{gap:6px;font-size:14px}.card-stat.heart{padding:4px 10px;font-size:15px;font-weight:500}.card-stat.card-comments{font-size:15px;font-weight:500}}.card .card-inner{display:none}.empty-info{background:var(--bg-primary);border:1px dashed var(--border-default);text-align:center;color:var(--text-tertiary);border-radius:8px;padding:40px 20px}.grid{grid-template-columns:repeat(4,1fr);align-content:start;gap:12px 16px;width:100%;margin:0;padding:0 30px 0 0;display:grid}.card{background:var(--bg-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);border-radius:10px;transition:background-color .3s,border-color .3s,box-shadow .2s;overflow:hidden}.card:before{content:"";aspect-ratio:1;background:var(--bg-secondary);width:100%;display:block}.card.with-content:before{display:none}.card .card-content{aspect-ratio:4/5;background:var(--bg-secondary);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.card .card-content img{object-fit:cover;width:100%;height:100%;display:block}.gallery-card .card-title-overlay,.card .card-title-overlay{color:#fff;letter-spacing:-.01em;pointer-events:none;z-index:2;text-shadow:0 12px 24px #0f172aa6;background:linear-gradient(#03071200 0%,#03071299 60%,#030712d9 100%);padding:10px 12px;font-size:14px;font-weight:600;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-md)}.card-inner{color:var(--text-tertiary);padding:10px 12px;font-size:12px}.card-description{color:var(--text-secondary);min-height:32px;margin:6px 12px 14px;font-size:12px;line-height:1.4}.bottom-space{background-color:var(--bg-primary);flex:0 0 120px;height:120px;position:relative}@media (min-width:641px){body.view-home .bottom-space{flex:0 0 0;height:0}body.view-home .grid{gap:6px 10px;padding:0 20px 0 0}body.view-home .card .card-content{aspect-ratio:1}body.view-home .card-meta{gap:4px;padding:3px 8px}body.view-home .card-meta-text{gap:1px}body.view-home .card-author-avatar{flex:0 0 26px;width:26px;height:26px}body.view-home .card-skeleton .skeleton-meta{gap:8px;height:40px;padding:6px 8px}body.view-home .card-skeleton .skeleton-avatar{width:26px;height:26px}body.view-home .card-skeleton .skeleton-text{gap:6px}body.view-home .card-skeleton .skeleton-image{aspect-ratio:1}}body.view-home .home-workspace{background:var(--bg-primary);height:calc(150vh - 120px);color:var(--text-primary);flex:1;margin:0;padding:0;transition:background-color .3s,color .3s;overflow-y:auto}body.view-home .content{background:var(--bg-primary);flex-direction:column;gap:0;padding:0;display:flex}body.view-home .home-main-row{flex-direction:row;gap:0;display:flex}body.view-home .right-sidebar{background:var(--bg-primary);width:20px;min-width:20px;height:calc(150vh - 120px);padding:0;overflow:hidden}body.view-home .content .right-space{display:none}body.view-home .home-workspace::-webkit-scrollbar{width:6px}body.view-home .home-workspace::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}body.view-home .home-workspace::-webkit-scrollbar-track{background:0 0}@media (min-width:641px){body.view-home .content{min-height:0;padding-bottom:0;overflow-y:auto}body.view-home .content::-webkit-scrollbar{width:6px}body.view-home .content::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}body.view-home .content::-webkit-scrollbar-track{background:0 0}}.card-skeleton{background:var(--skeleton-base);box-shadow:var(--shadow-xs);border-radius:16px;overflow:hidden}.card-skeleton .skeleton-image{aspect-ratio:4/5;background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:100%;animation:shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;min-height:150px}.card-skeleton .skeleton-meta{box-sizing:border-box;background:var(--bg-primary);align-items:center;gap:10px;height:56px;padding:12px;display:flex}.card-skeleton .skeleton-avatar{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:32px;height:32px;animation:shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:50%;flex-shrink:0;animation-delay:.1s}.card-skeleton .skeleton-text{flex-direction:column;flex:1;gap:8px;display:flex}.card-skeleton .skeleton-name{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:50%;height:14px;animation:shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:6px;animation-delay:.2s}.card-skeleton .skeleton-title{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:70%;height:12px;animation:shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:6px;animation-delay:.3s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:600px){.card-skeleton{border-radius:12px}.card-skeleton .skeleton-image{aspect-ratio:1}.card-skeleton .skeleton-meta{gap:8px;height:48px;padding:10px}.card-skeleton .skeleton-avatar{width:28px;height:28px}.card-skeleton .skeleton-name{height:12px}.card-skeleton .skeleton-title{height:10px}}body.view-subscription .search-area,body.view-subscription .search-trigger,body.view-subscription .top-actions-divider,body.view-subscription .top-action-divider,body.view-create .search-area,body.view-create .search-trigger,body.view-create .top-actions-divider,body.view-create .top-action-divider,body.view-profile .search-area,body.view-profile .search-trigger,body.view-profile .top-actions-divider,body.view-profile .top-action-divider{display:none}.search-box-container{align-items:center;display:flex}body.dark-mode .search-box-pc{background:#1e1e23d9;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.search-box-container.expanded .search-box-pc{width:300px;padding:8px 14px 8px 10px}.search-icon-btn{cursor:pointer;width:34px;height:34px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.search-icon-btn:hover{color:#4f46e5;background:#4f46e51a}.search-input-pc{color:var(--text-primary);opacity:0;background:0 0;border:none;outline:none;flex:1;width:0;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input-pc::placeholder{color:var(--text-tertiary)}.search-box-container.expanded .search-input-pc{opacity:1;width:auto;padding:0 8px}.search-close-btn{cursor:pointer;width:28px;height:28px;color:var(--text-tertiary);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.search-close-btn:hover{color:#ef4444;background:#ef44441a}.search-trigger{-webkit-backdrop-filter:blur(12px);cursor:pointer;width:42px;min-width:42px;height:42px;color:var(--text-secondary);background:#ffffffd9;border:1px solid #00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000f}.search-trigger:hover{color:#4f46e5;background:#4f46e51a;border-color:#4f46e54d}.search-area.expanded .search-trigger{color:#fff;background:#4f46e5;border-color:#4f46e5}body.dark-mode .search-trigger{color:var(--text-secondary);background:#1e1e23d9;border-color:#ffffff1a}body.dark-mode .search-trigger:hover{color:#818cf8;background:#4f46e533;border-color:#818cf84d}body.dark-mode .search-area.expanded .search-trigger{color:#fff;background:#6366f1;border-color:#6366f1}body.dark-mode .search-area{background:#1e1e23d9;border-color:#ffffff1a}body.dark-mode .search-area.expanded{background:#1e1e23f2;border-color:#6366f1;box-shadow:0 4px 20px #6366f14d}.search-input-wrapper{opacity:0;flex:1;align-items:center;width:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.search-area.expanded .search-input-wrapper{opacity:1;width:auto;padding-left:16px}.search-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0 0 0 4px;font-size:15px;font-weight:500}.search-input::placeholder{color:var(--text-tertiary)}body.dark-mode .search-input::placeholder{color:#ffffff80}.top-actions-divider{background:#0000001a;flex-shrink:0;width:1px;height:28px;margin:0 12px}body.dark-mode .top-actions-divider{background:#ffffff26}.top-actions{align-items:center;gap:0;display:flex;position:relative}.search-area{z-index:10;-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #00000014;border-radius:999px;flex-direction:row-reverse;align-items:center;gap:0;width:42px;height:42px;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.search-area.expanded{background:#fff;border-color:#4f46e5;width:320px;box-shadow:0 4px 20px #4f46e533}@media (max-width:768px) and (min-width:431px){.search-box-pc{display:none}.search-trigger{width:40px;min-width:40px;height:40px}.search-area{width:40px;height:40px}.search-area.expanded{width:260px}.top-actions-divider{height:24px;margin:0 8px}body.dark-mode .search-trigger{background:#1e1e23d9;border-color:#ffffff1a}.search-overlay-mobile{z-index:120;display:none;position:fixed;top:72px;left:20px;right:20px}.search-box-container.expanded .search-overlay-mobile{animation:.25s cubic-bezier(.4,0,.2,1) slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-overlay-form{-webkit-backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #0000001a;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:0 4px 24px #0000001f}body.dark-mode .search-overlay-form{background:#1e1e23fa;border-color:#ffffff1a;box-shadow:0 4px 24px #0006}.search-overlay-icon{color:#4f46e5;flex-shrink:0}.search-overlay-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-overlay-input::placeholder{color:var(--text-tertiary)}.search-overlay-close{cursor:pointer;width:36px;height:36px;color:var(--text-tertiary);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.search-overlay-close:hover{color:#ef4444;background:#ef44441a}.top-actions{box-shadow:none;background:0 0;border-radius:0;justify-content:flex-end;gap:0;padding:0;position:static}.top-actions:before{content:none}}@media (max-width:430px){.search-box-pc{display:none}.search-area{width:44px;height:44px}.search-trigger{width:44px;min-width:44px;height:44px}.search-area.expanded{width:calc(100vw - 140px);max-width:280px}.top-actions-divider{height:24px;margin:0 8px}.search-overlay-mobile{z-index:200;-webkit-backdrop-filter:blur(8px);background:#0f172a99;justify-content:center;align-items:flex-start;padding:80px 0 0;display:none;position:fixed;inset:0}.search-box-container.expanded .search-overlay-mobile{animation:.2s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-overlay-form{-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:16px;align-items:center;gap:12px;width:calc(100% - 32px);max-width:400px;padding:14px 18px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff1a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}body.dark-mode .search-overlay-mobile{background:#000000b3}body.dark-mode .search-overlay-form{background:#1e1e23fa;border-color:#ffffff26;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d}.search-overlay-icon{color:#4f46e5;flex-shrink:0;width:22px;height:22px}.search-overlay-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:17px;font-weight:500}.search-overlay-input::placeholder{color:var(--text-tertiary);font-weight:400}.search-overlay-close{cursor:pointer;width:38px;height:38px;color:var(--text-secondary);background:#0000000d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}body.dark-mode .search-overlay-close{background:#ffffff1a}.search-overlay-close:hover{color:#ef4444;background:#ef444426}}.top-actions-bar{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #00000014;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000000f}body.dark-mode .top-actions-bar{background:#1e1e23d9;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.top-action-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .15s;display:inline-flex}.top-action-btn:hover{color:#4f46e5;background:#4f46e51a}.theme-btn{width:42px;height:42px}.theme-btn svg{width:20px;height:20px}.top-action-token{background:#4f46e514;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;transition:all .15s;display:inline-flex}.top-action-token:hover{background:#4f46e526}.top-action-token .token-orb-icon{color:var(--accent-primary,#4f46e5);flex-shrink:0}.top-action-token .token-count{color:var(--accent-primary,#4f46e5);font-size:14px;font-weight:700;line-height:1}.token-orb-icon{color:var(--accent-primary,#4f46e5);flex-shrink:0}body.dark-mode .token-orb-icon{color:#818cf8}.top-action-divider{background:var(--border-light);width:1px;height:24px;margin:0 6px}body.dark-mode .top-action-divider{background:#ffffff26}.notification-btn{width:42px;height:42px;position:relative}.notification-btn.active{color:var(--accent-primary);background:#4f46e526}.notification-btn svg{width:20px;height:20px}.notification-badge{color:#fff;border:2px solid var(--bg-primary,white);background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) badgePop;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 2px 8px #ef444480}body.dark-mode .notification-badge{border-color:#1e1e23d9}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.notification-menu{border:1px solid var(--border-light);background:var(--bg-primary);z-index:130;border-radius:20px;flex-direction:column;width:380px;max-height:520px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 48px #00000026}.notification-menu.open{animation:.25s cubic-bezier(.34,1.56,.64,1) menuSlideIn;display:flex}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}body.dark-mode .notification-menu{background:#0f172afa;border-color:#ffffff14;box-shadow:0 12px 48px #00000080}.notification-tabs{border-bottom:1px solid var(--border-light);grid-template-columns:repeat(4,1fr);display:grid}.notification-tab{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:16px 12px;transition:all .2s;display:flex;position:relative}.notification-tab:after{content:"";background:var(--accent-primary);border-radius:3px 3px 0 0;width:60%;height:3px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.notification-tab.active:after{transform:translate(-50%)scaleX(1)}.notification-tab:hover{background:var(--bg-hover)}.notification-tab .tab-text{color:var(--text-tertiary);letter-spacing:-.02em;font-size:13px;font-weight:600;transition:all .2s}.notification-tab.active .tab-text{color:var(--text-primary);font-weight:700}.notification-tab:hover .tab-text{color:var(--text-secondary)}.notification-tab .tab-badge{color:#fff;border:2px solid var(--bg-primary,white);background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) badgePop;display:flex;position:absolute;top:6px;right:4px;box-shadow:0 2px 6px #ef444480}body.dark-mode .notification-tab .tab-badge{border-color:#0f172afa}.notification-content-area{flex:1;overflow:hidden}.notification-list{height:100%;max-height:380px;overflow-y:auto}.notification-empty{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.notification-empty .empty-icon{opacity:.5;margin-bottom:12px;font-size:40px}.notification-empty p{margin:0;font-size:14px}.notification-item{border:none;border-bottom:1px solid var(--border-light);text-align:left;cursor:pointer;background:0 0;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;transition:background .15s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:#4f46e50a}.notification-item.unread:hover{background:#4f46e514}body.dark-mode .notification-item.unread{background:#6366f114}body.dark-mode .notification-item.unread:hover{background:#6366f11f}.notification-avatar{background:var(--bg-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.notification-avatar img{object-fit:cover;width:100%;height:100%}.notification-avatar .avatar-initial{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}.notification-body{flex:1;min-width:0}.notification-text{color:var(--text-secondary);margin:0 0 4px;font-size:14px;line-height:1.45}.notification-text strong{color:var(--text-primary);font-weight:600}.notification-preview{color:var(--text-tertiary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 6px;font-size:13px;font-style:italic;display:-webkit-box;overflow:hidden}.notification-time{color:var(--text-tertiary);font-size:12px}.notification-thumb{border-radius:8px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.notification-thumb img{object-fit:cover;width:100%;height:100%}.notification-item.like-item.unread .notification-avatar{box-shadow:0 0 0 2px #ef4444}.notification-item.comment-item.unread .notification-avatar{box-shadow:0 0 0 2px #3b82f6}.notification-item.follow-item.unread .notification-avatar{box-shadow:0 0 0 2px #10b981}.notification-notice-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notification-notice-title{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:700}.notification-item.notice-item.unread .notification-notice-icon{box-shadow:0 0 0 2px #f59e0b}.notification-delete-btn{width:28px;min-width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;transition:all .15s;display:flex}.notification-item:hover .notification-delete-btn{opacity:1}.notification-delete-btn:hover{color:#ef4444;background:#ef44441a}.notification-delete-btn:active{background:#ef444433;transform:scale(.95)}body.dark-mode .notification-delete-btn:hover{background:#ef444433}.notification-item.clickable{cursor:pointer}.notification-item.clickable:hover{background:#4f46e50f}body.dark-mode .notification-item.clickable:hover{background:#6366f11a}.notification-footer{border-top:1px solid var(--border-light);background:var(--bg-secondary);justify-content:center;padding:12px 16px;display:flex}body.dark-mode .notification-footer{background:#1e293b80}.notification-mark-read{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .15s}.notification-mark-read:hover{background:#4f46e51a}.profile-btn{border-radius:999px;gap:6px;padding:5px}.profile-btn.has-avatar{padding:5px 10px 5px 5px}.profile-btn .profile-avatar-img{object-fit:cover;aspect-ratio:1;border-radius:50%;flex-shrink:0;width:34px;min-width:34px;height:34px;min-height:34px}.profile-btn .avatar-initial{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:inline-flex}.profile-btn .dropdown-arrow{color:var(--text-tertiary);transition:transform .2s}.profile-btn[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.profile-btn.login-btn{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);gap:8px;padding:10px 20px;box-shadow:0 2px 8px #4f46e54d}.profile-btn.login-btn:hover{color:#fff;background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.profile-btn.login-btn svg{color:#fff;width:20px;height:20px}.profile-btn .login-text{font-size:14px;font-weight:600;line-height:1}.top-actions .token-stack{position:relative}.profile-menu{border:1px solid var(--border-light);background:var(--bg-primary);width:280px;box-shadow:var(--shadow-md);z-index:120;border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:none;position:absolute;top:calc(100% + 8px);right:0}.profile-menu.open{display:flex}.profile-menu-header{align-items:center;gap:12px;display:flex}.profile-menu-avatar{object-fit:cover;background:var(--bg-secondary);width:48px;height:48px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.profile-menu-meta{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:13px;display:flex}.profile-menu-meta strong{color:var(--text-primary);font-size:15px}.profile-menu-body{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:baseline;padding:10px 0;font-size:14px;display:flex}.profile-menu-token-label{color:var(--text-tertiary)}.profile-menu-token-value{color:var(--text-primary);font-weight:700}.profile-menu-settings{background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-weight:600;transition:background .2s}.profile-menu-settings:hover{background:var(--bg-hover)}.profile-menu-notice{background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-weight:600;transition:background .2s}.profile-menu-notice:hover{background:var(--bg-hover)}.profile-menu-logout{color:#b91c1c;cursor:pointer;background:#ef444414;border:none;border-radius:999px;padding:10px 16px;font-weight:700;transition:background .2s,color .2s}.profile-menu-logout:hover{color:#991b1b;background:#ef444426}.top-actions-mobile-profile{display:none;position:relative}.mobile-profile-badge{color:#fff;border:2px solid var(--bg-primary,white);background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #ef444480}body.dark-mode .mobile-profile-badge{border-color:#0f172afa}.mobile-notification-overlay{display:none}@media (max-width:768px){.mobile-notification-overlay{background:var(--bg-primary);z-index:200;flex-direction:column;animation:.3s slideUp;display:flex;position:fixed;inset:0}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-notification-container{flex-direction:column;height:100%;display:flex}.mobile-notification-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-notification-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.mobile-notification-close{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.mobile-notification-close:hover{background:var(--bg-hover)}.mobile-notification-tabs{border-bottom:1px solid var(--border-light);padding:0 8px;display:flex}.mobile-notif-tab{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 8px;font-size:14px;font-weight:600;display:flex;position:relative}.mobile-notif-tab:after{content:"";background:var(--accent-primary);border-radius:3px 3px 0 0;width:60%;height:3px;transition:transform .2s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.mobile-notif-tab.active{color:var(--text-primary)}.mobile-notif-tab.active:after{transform:translate(-50%)scaleX(1)}.mobile-notif-tab .tab-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex}.mobile-notification-list{flex:1;padding:8px 0;overflow-y:auto}.mobile-notif-empty{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.mobile-notif-empty span{opacity:.5;margin-bottom:12px;font-size:48px}.mobile-notif-empty p{margin:0;font-size:14px}.mobile-notif-item{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:12px;padding:14px 20px;display:flex}.mobile-notif-item.unread{background:#4f46e50a}.mobile-notif-item.clickable{cursor:pointer}.mobile-notif-item.clickable:active{background:#4f46e514}.mobile-notif-avatar{background:var(--bg-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.mobile-notif-avatar img{object-fit:cover;width:100%;height:100%}.mobile-notif-avatar span{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:700;display:flex}.mobile-notif-body{flex:1;min-width:0}.mobile-notif-body p{color:var(--text-secondary);margin:0 0 4px;font-size:14px;line-height:1.4}.mobile-notif-body strong{color:var(--text-primary);font-weight:600}.mobile-notif-preview{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:italic;display:-webkit-box;overflow:hidden;color:var(--text-tertiary)!important;font-size:13px!important}.mobile-notif-time{color:var(--text-tertiary);font-size:12px}.mobile-notif-delete{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-notif-delete:hover{color:#ef4444;background:#ef44441a}.mobile-notif-item.notice .mobile-notif-notice-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mobile-notif-notice-title{color:var(--text-primary)!important;font-weight:700!important}.mobile-notification-footer{border-top:1px solid var(--border-light);background:var(--bg-secondary);padding:12px 20px}.mobile-notification-footer button{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:600}.mobile-notification-footer button:active{opacity:.9}}.profile-menu-mobile{display:none}.lightbox-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1200;background:#0f172aa6;justify-content:center;align-items:center;padding:32px;transition:opacity .2s;display:flex;position:fixed;inset:0}.lightbox-overlay.hidden{display:none!important}.lightbox-panel{background:var(--bg-primary);border:1px solid var(--border-light);scrollbar-width:thin;scrollbar-color:var(--border-light)transparent;border-radius:24px;width:min(1080px,96vw);max-height:92vh;padding:28px;position:relative;overflow:hidden auto;box-shadow:0 45px 120px #0f172a8c}.lightbox-panel::-webkit-scrollbar{width:6px}.lightbox-panel::-webkit-scrollbar-track{background:0 0}.lightbox-panel::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.lb-grid{-webkit-overflow-scrolling:touch;grid-template-columns:1.4fr 1fr;align-items:start;gap:16px;max-height:calc(90vh - 32px);display:grid;overflow:auto}.lb-pane-image{background:var(--bg-primary);border:1px solid var(--border-light);cursor:zoom-in;border-radius:12px;max-height:70vh;position:relative;overflow:hidden}.lb-pane-image img{border-radius:12px;width:auto;max-width:100%;height:auto;max-height:70vh;margin:0 auto;display:block}.lb-video-badge{background:var(--accent-primary,#4f46e5);color:#fff;letter-spacing:.02em;z-index:10;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #4f46e566}.lb-pane-prompt{flex-direction:column;gap:6px;display:flex}.lb-prompt-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.lb-title{margin:0;font-size:18px;font-weight:700}.lb-copy-btn{border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}.lb-copy-btn:hover:not([disabled]){background:var(--bg-hover);border-color:var(--border-medium)}.lb-copy-btn[disabled]{opacity:.5;cursor:not-allowed}.lb-prompt-input{resize:vertical;border:1px solid var(--border-default);background:var(--bg-primary);width:100%;min-height:240px;color:var(--text-primary);border-radius:10px;padding:10px 12px}.lb-prompt-footer{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.lb-ai-badge{color:var(--accent-secondary);-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border:1px solid #c4b5fd;border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #7c3aed26}body.dark-mode .lb-ai-badge{color:#a78bfa;background:linear-gradient(135deg,#2e1065 0%,#4c1d95 100%);border-color:#6d28d9;box-shadow:0 2px 8px #8b5cf640}.lb-badges-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;margin-bottom:0;display:flex}.lb-badges-row .lb-video-badge,.lb-badges-row .lb-ai-badge{align-items:center;display:inline-flex;position:static}.lb-start-frame{flex-direction:column;gap:4px;margin-top:4px;display:flex}.lb-start-frame-label{color:var(--text-secondary);font-size:13px;font-weight:600}.lb-start-frame-img-wrapper{border:1px solid var(--border-default);border-radius:8px;width:120px;height:80px;position:relative;overflow:hidden}.lb-start-frame-img{border-radius:8px}.lb-lite-info{flex-wrap:wrap;gap:6px;margin-top:10px;margin-bottom:6px;display:flex}.lb-lite-badge{color:#fff;background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);text-transform:uppercase;letter-spacing:.03em;border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.lb-model-badge{color:#fff;background:linear-gradient(135deg,#8b5a2b 0%,#d2691e 100%);border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #8b5a2b33}.lb-lora-badge{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}body.dark-mode .lb-model-badge{background:linear-gradient(135deg,sienna 0%,peru 100%)}body.dark-mode .lb-lora-badge{color:var(--text-secondary);background:#ffffff1a;border-color:#ffffff26}.lb-prompt-input.prompt-locked{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;color:#0000;text-shadow:0 0 8px #00000040}.lb-copy-feedback{color:var(--text-tertiary);min-height:16px;font-size:12px}.lb-prompt-lock-hint{color:var(--text-tertiary);margin-top:6px;font-size:13px;display:none}.lb-prompt-lock-hint.is-visible{display:block}.lb-mobile-title{color:var(--text-primary);margin:0 0 8px;padding:0;font-size:16px;font-weight:600;line-height:1.4;display:none}.lb-prompt-toggle{border:1px solid var(--border-light);background:var(--bg-secondary);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;padding:10px 16px;font-size:13px;font-weight:500;display:none}.lb-prompt-toggle:hover{background:var(--bg-hover)}.lb-prompt-toggle-arrow{font-size:10px;transition:transform .2s}.lb-prompt-toggle.is-expanded .lb-prompt-toggle-arrow{transform:rotate(180deg)}.lb-seed-row{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:8px 12px;font-size:13px;display:flex}.lb-seed-label{color:var(--text-tertiary);font-weight:500}.lb-seed-value{color:var(--text-primary);-webkit-user-select:all;user-select:all;font-family:inherit;font-size:13px}.lb-actions{flex-wrap:wrap;grid-column:1;gap:10px;margin-top:6px;display:flex}.lb-action{border:1px solid var(--border-default);background:var(--bg-primary);min-width:110px;color:var(--text-primary);cursor:pointer;border-radius:999px;flex:1;padding:8px 14px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.lb-action:hover{background:var(--bg-hover);border-color:var(--accent-hover)}.lb-action-danger{color:var(--color-error);background:#ef444414;border-color:#ef444480}.lb-action-danger:hover{color:#b91c1c;background:#ef444426;border-color:#ef4444cc}.lb-action-danger.is-confirm{background:var(--color-error);color:#fff;border-color:#b91c1c}.lb-action.is-busy{opacity:.55;cursor:progress}.lb-action.lb-like{flex:none;justify-content:center;gap:6px;min-width:120px;display:inline-flex}.lb-action.lb-like.is-active{color:var(--color-error);background:#ef44441f;border-color:#ef444480}.lb-action-status{color:var(--text-tertiary);grid-column:1/-1;min-height:16px;margin:4px 0 8px;font-size:12px}.lb-action-status.hidden{display:none}.lb-caption{color:#fff;text-align:center}.lb-sub{opacity:.85;margin:0;font-size:13px}.lb-btn{color:#111;cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:inline-flex;position:absolute}.lb-close{top:12px;right:12px}.lb-author{border:1px solid var(--border-light);color:inherit;cursor:pointer;background:0 0;border-radius:999px;grid-column:1/-1;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;transition:border-color .2s,background .2s;display:flex}.lb-author:disabled{cursor:default;opacity:.65}.lb-author:not(:disabled):hover{border-color:var(--border-medium);background:var(--bg-secondary)}.lb-author-avatar{object-fit:cover;border:1px solid var(--border-light);border-radius:50%;width:42px;height:42px}.lb-author .avatar{background:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex}.lb-author-meta{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.uploader-name{color:var(--text-primary);font-weight:700}.lb-comment-form{grid-column:1/-1;align-items:flex-start;gap:8px;margin:12px 0 8px;display:flex}.avatar{background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar-sm{width:32px;height:32px;font-size:12px}.lb-comment-box{border:1px solid var(--border-light);background:var(--bg-primary);box-shadow:var(--shadow-sm);border-radius:12px;flex:1;padding:12px}.lb-comment-input{resize:vertical;width:100%;min-height:96px;color:var(--text-primary);background:0 0;border:none;font-size:13px;line-height:1.5}.lb-comment-input:focus{outline:none}.lb-comment-input.is-limit{color:var(--color-error)}.lb-comment-controls{align-items:center;gap:10px;margin-top:10px;display:flex}.lb-comment-counter{color:var(--text-tertiary);font-size:12px}.lb-comment-status{color:var(--accent-primary);text-align:right;flex:1;font-size:12px}.lb-comment-status.is-error{color:var(--color-error)}.lb-comment-submit{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .2s}.lb-comment-submit:disabled{opacity:.4;cursor:not-allowed}.lb-comment-empty{border:1px dashed var(--border-light);text-align:center;color:var(--text-tertiary);border-radius:12px;grid-column:1/-1;padding:20px;font-size:13px}.lb-comment-list{flex-direction:column;grid-column:1/-1;gap:0;padding-right:4px;display:flex}.lb-comment-item{border:none;border-bottom:1px solid var(--border-light);background:0 0;border-radius:0;flex-direction:column;gap:6px;margin-bottom:0;padding:12px 0;transition:background .15s;display:flex}.lb-comment-item:last-child{border-bottom:none}.lb-comment-item:hover{background:#8b5cf608}.lb-comment-content-wrapper{flex-direction:column;gap:8px;display:flex}.lb-comment-meta{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.lb-comment-avatar{border:1px solid var(--border-light);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;overflow:hidden}.lb-comment-avatar img{object-fit:cover;width:100%;height:100%}.lb-comment-author-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;transition:opacity .2s;display:flex}.lb-comment-author-btn:hover:not(:disabled){opacity:.7}.lb-comment-author-btn:disabled{cursor:default}.lb-comment-author{color:var(--text-primary);font-size:13px;font-weight:600}.lb-comment-time{color:var(--text-tertiary);margin-left:auto;font-size:11px}.lb-comment-bubble{color:var(--text-primary);word-break:break-word;background:0 0;border-radius:0;margin-left:40px;padding:4px 0 2px;font-size:13px;line-height:1.55}.lb-comment-actions{justify-content:flex-start;gap:2px;margin-top:2px;margin-left:40px;display:flex}.lb-comment-actions button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:3px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.lb-comment-actions button:hover{background:var(--bg-hover);color:var(--text-secondary)}.lb-comment-actions .lb-comment-like-btn.is-liked{color:var(--accent-primary)}.lb-comment-actions .lb-comment-like-btn.is-liked:hover{background:#8b5cf61a}.lb-comment-actions .lb-comment-delete:hover{color:var(--color-error-bright);background:#ef444414}.lb-comment-actions .lb-comment-edit-btn:hover{color:var(--accent-primary)}.lb-comment-actions .lb-comment-reply-btn:hover{color:var(--color-success-bright)}.lb-comment-section{background:var(--bg-secondary);border-radius:12px;grid-column:1/-1;margin-top:8px;padding:14px}.lb-comment-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lb-comment-count{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.lb-comment-count-icon{width:16px;height:16px;color:var(--text-tertiary)}.lb-sort-dropdown{position:relative}.lb-sort-dropdown-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.lb-sort-dropdown-btn:hover{background:var(--bg-hover)}.lb-sort-arrow{font-size:10px;transition:transform .2s}.lb-sort-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-light);z-index:10;border-radius:8px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.lb-sort-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 16px;font-size:13px;transition:all .15s;display:block}.lb-sort-option:hover{background:var(--bg-hover)}.lb-sort-option.active{color:var(--accent-primary);font-weight:600}.lb-comment-form-inline{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.lb-comment-input-wrapper{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:20px;flex:1;align-items:center;gap:8px;padding:8px 14px;transition:all .15s;display:flex}.lb-comment-input-wrapper:focus-within{border-color:var(--accent-primary)}.lb-comment-input-auto{color:var(--text-primary);resize:none;background:0 0;border:none;flex:1;min-height:24px;max-height:120px;margin:0;padding:0;font-family:inherit;font-size:14px;line-height:1.5;overflow-y:auto}.lb-comment-input-auto:focus{outline:none}.lb-comment-input-auto::placeholder{color:var(--text-tertiary)}.lb-comment-submit-inline{background:var(--accent-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.lb-comment-submit-inline:hover{background:var(--accent-hover)}.lb-comment-login-prompt{background:var(--bg-primary);border:1px dashed var(--border-light);color:var(--text-tertiary);border-radius:20px;flex:1;justify-content:center;align-items:center;padding:12px 16px;font-size:14px;display:flex}.lb-comment-empty-inline{text-align:center;color:var(--text-tertiary);border:1px dashed var(--border-light);background:0 0;border-radius:8px;padding:24px 16px;font-size:13px}.lb-comment-like-btn{align-items:center;gap:4px;display:inline-flex}.lb-comment-like-btn.is-liked{color:var(--color-info-blue)}.lb-comment-edit-btn{color:var(--accent-primary)}.lb-comment-reply-btn{color:var(--text-tertiary)}.lb-comment-reply-btn:hover{color:var(--accent-primary)}.lb-comment-report-btn{color:var(--text-tertiary)}.lb-comment-report-btn:hover{color:#f59e0b;background:#f59e0b1a}.lb-comment-edited{color:var(--text-tertiary);font-size:11px;font-style:italic}.lb-comment-edit-box{flex-direction:column;grid-column:1/-1;gap:8px;display:flex}.lb-comment-edit-input{border:1px solid var(--border-default);resize:vertical;background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:13px}.lb-comment-edit-input:focus{border-color:var(--accent-primary);outline:none}.lb-comment-edit-actions{justify-content:flex-end;gap:8px;display:flex}.lb-edit-cancel,.lb-edit-save{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.lb-edit-cancel{background:var(--bg-secondary);color:var(--text-secondary)}.lb-edit-cancel:hover{background:var(--bg-hover)}.lb-edit-save{background:var(--accent-primary);color:#fff}.lb-edit-save:disabled{opacity:.5;cursor:not-allowed}.lb-comment-avatar-sm{width:24px;height:24px;font-size:10px}.lb-reply-form{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;flex-direction:column;grid-column:2;gap:8px;margin-top:8px;padding:10px;display:flex}.lb-reply-input{border:1px solid var(--border-light);resize:none;background:var(--bg-primary);width:100%;min-height:32px;max-height:80px;color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:13px}.lb-reply-input:focus{border-color:var(--accent-primary);outline:none}.lb-reply-actions{justify-content:flex-end;gap:8px;display:flex}.lb-reply-cancel,.lb-reply-submit{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.lb-reply-cancel{color:var(--text-tertiary);background:0 0}.lb-reply-submit{background:var(--accent-primary);color:#fff}.lb-reply-submit:disabled{opacity:.5;cursor:not-allowed}.lb-reply-indicator{color:var(--accent-primary);-webkit-user-select:none;user-select:none;opacity:.8;font-size:14px;font-weight:700;position:absolute;top:14px;left:4px}.lb-comment-reply{background:0 0;border-bottom:none;margin-left:16px;padding-top:8px;padding-bottom:8px;padding-left:20px;position:relative}.lb-comment-reply .lb-comment-avatar{width:26px;height:26px;font-size:10px}.lb-comment-reply .lb-comment-bubble{margin-left:34px;font-size:12px}.lb-comment-reply .lb-comment-actions{margin-left:34px}.lb-comment-reply .lb-comment-author{font-size:12px}.lb-comment-reply .lb-comment-time{font-size:10px}.lb-comment-depth-1{margin-left:16px}.lb-comment-depth-2{margin-left:32px}.lb-comment-depth-3{margin-left:30px}.lb-replies{border-left:2px solid var(--border-light);flex-direction:column;gap:0;margin-top:4px;margin-left:16px;padding-left:32px;display:flex}.lb-mention{color:var(--accent-primary);font-weight:600;font-size:inherit;cursor:pointer;margin-right:4px;transition:color .15s;display:inline}.lb-mention:hover{color:var(--accent-hover);text-decoration:underline}.lb-replies-show-more{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;margin-top:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.lb-replies-show-more:hover{background:var(--bg-hover);color:var(--accent-hover)}.lb-comment-delete{color:var(--text-tertiary)}.lb-comment-delete:hover{color:var(--color-error-bright);background:#ef44441a!important}.lb-report-modal-overlay{z-index:1300;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lb-report-modal{background:var(--bg-primary);border-radius:16px;width:90%;max-width:400px;padding:0;overflow:hidden;box-shadow:0 20px 50px #0000004d}.lb-report-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.lb-report-header h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.lb-report-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.lb-report-close:hover{color:var(--text-primary)}.lb-report-body{padding:20px}.lb-report-desc{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.lb-report-types{flex-direction:column;gap:10px;display:flex}.lb-report-type{border:1px solid var(--border-light);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.lb-report-type:hover{background:var(--bg-hover)}.lb-report-type.selected{border-color:var(--accent-primary);background:#4f46e50d}.lb-report-type input[type=radio]{accent-color:var(--accent-primary)}.lb-report-type span{color:var(--text-primary);font-size:14px}.lb-report-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.lb-report-cancel,.lb-report-submit{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.lb-report-cancel{background:var(--bg-secondary);color:var(--text-secondary)}.lb-report-cancel:hover{background:var(--bg-hover)}.lb-report-submit{background:var(--color-error);color:#fff}.lb-report-submit:hover{background:#b91c1c}.lb-report-submit:disabled{opacity:.5;cursor:not-allowed}.image-zoom-overlay{z-index:10000;background:#000000eb;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.image-zoom-overlay.hidden{display:none!important}.zoom-inner{justify-content:center;align-items:center;width:min(96vw,1400px);height:min(96vh,900px);display:flex;position:relative;overflow:hidden}.zoom-inner img{object-fit:contain;transform-origin:50%;cursor:grab;touch-action:none;border-radius:0;max-width:100%;max-height:100%;transition:transform .15s;width:auto!important;height:auto!important}.zoom-inner img.dragging{cursor:grabbing}.zoom-close{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:44px;height:44px;font-size:20px;position:absolute;top:32px;right:32px}.zoom-hint{color:#ffffffd9;pointer-events:none;background:#0006;border-radius:999px;padding:6px 12px;font-size:13px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}body.zoom-overlay-open,body.lightbox-open{overflow:hidden}.lb-author-row{grid-column:1/-1;align-items:center;gap:12px;margin-top:10px;display:flex}.lb-author-row .lb-author{flex:1;margin-top:0}.lb-follow-btn{border:1px solid var(--accent-primary);background:var(--accent-primary);color:#fff;cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.lb-follow-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.lb-follow-btn.is-following{border-color:var(--border-medium);color:var(--text-secondary);background:0 0}.lb-follow-btn.is-following:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}.lb-follow-btn.is-following:hover:after{content:none}.lb-follow-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-lightbox-overlay{z-index:1200;background:#000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-lightbox-overlay.hidden{display:none!important}.mobile-lb-close{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:16px;left:16px}.mobile-lb-close:active{background:#000000b3;transform:scale(.95)}.mobile-lb-image-area{flex:1;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:relative;overflow:hidden}.mobile-lb-image-area.swiping-up{transform:translateY(-20px)}.mobile-lb-image-area.swiping-down{transform:translateY(20px)}.mobile-lb-image-area img{object-fit:contain}.mobile-lb-swipe-hint{color:#fff9;pointer-events:none;opacity:0;background:#0006;border-radius:12px;padding:6px 12px;font-size:12px;animation:3s forwards fadeInOut;position:absolute;left:50%;transform:translate(-50%)}.mobile-lb-swipe-hint.top{top:60px}.mobile-lb-swipe-hint.bottom{bottom:180px}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.mobile-lb-actions-vertical{z-index:11;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;gap:10px;display:flex;position:absolute;bottom:50px;right:12px}@media (max-height:700px){.mobile-lb-actions-vertical{gap:8px;bottom:45px}.mobile-lb-actions-vertical svg{width:28px;height:28px}.mobile-lb-actions-vertical span{font-size:11px}}@media (max-height:600px){.mobile-lb-actions-vertical{gap:6px;bottom:40px}.mobile-lb-actions-vertical svg{width:26px;height:26px}}.mobile-lb-action-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.mobile-lb-action-btn svg{filter:drop-shadow(0 2px 4px #00000080);width:32px;height:32px;transition:transform .15s}.mobile-lb-action-btn span{text-shadow:0 1px 3px #000c;font-size:12px;font-weight:600}.mobile-lb-action-btn:active svg{transform:scale(1.2)}.mobile-lb-action-btn.active.like-btn svg{color:var(--color-error-bright);fill:var(--color-error-bright)}.mobile-lb-action-btn.active:not(.like-btn) svg{color:inherit;fill:none}.mobile-lb-action-btn.danger{color:#f87171}.mobile-lb-action-btn.loading{opacity:.5;pointer-events:none}.mobile-lb-bottom-info{width:100%;padding:16px 80px 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10;box-sizing:border-box;background:linear-gradient(#0000 0%,#00000080 30%,#000000d9 100%);position:absolute;bottom:0;left:0;right:0}.mobile-lb-author-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.mobile-lb-author{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:none;border-radius:24px;flex:1;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:background .2s,transform .15s;display:flex}.mobile-lb-author:active{background:#ffffff26;transform:scale(.98)}.mobile-lb-author:disabled{opacity:.5;cursor:default}.mobile-lb-author-avatar{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;width:40px;height:40px}.mobile-lb-author-avatar.placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.mobile-lb-author-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.mobile-lb-author-name{font-size:14px;font-weight:600}.mobile-lb-date{opacity:.7;font-size:12px}.mobile-lb-follow-btn{color:#fff;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff80;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.mobile-lb-follow-btn:active{transform:scale(.95)}.mobile-lb-follow-btn.is-following{color:#ffffffb3;background:0 0;border-color:#ffffff4d}.mobile-lb-follow-btn:disabled{opacity:.5}.mobile-lb-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:15px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.mobile-lb-status{color:var(--color-success-bright);background:#10b98126;border-radius:6px;margin:8px 0 0;padding:6px 10px;font-size:13px;display:inline-block}.mobile-lb-prompt-panel{z-index:10001;background:#111;border-radius:20px 20px 0 0;flex-direction:column;max-height:70vh;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.mobile-lb-prompt-panel.open{transform:translateY(0)}.mobile-lb-prompt-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-lb-prompt-header h4{color:#fff;margin:0;font-size:16px;font-weight:600}.mobile-lb-prompt-header button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;font-size:16px}.mobile-lb-prompt-content{flex:1;padding:16px 20px;overflow-y:auto}.mobile-lb-prompt-locked{color:#fff9;text-align:center;padding:20px;font-size:14px}.mobile-lb-prompt-text{color:#fff;resize:none;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;width:100%;min-height:120px;margin-bottom:12px;padding:12px;font-size:14px;line-height:1.5}.mobile-lb-copy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:opacity .2s}.mobile-lb-copy-btn:active{opacity:.8}.mobile-lb-copy-status{text-align:center;color:var(--color-success-bright);margin-top:10px;font-size:13px}.mobile-lb-seed-info{color:#ffffffb3;border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:16px;padding-top:16px;font-size:13px;display:flex}.mobile-lb-ai-badge{color:#a78bfa;background:#8b5cf633;border-radius:6px;padding:4px 8px;font-size:12px}.mobile-lb-lite-info{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.mobile-lb-lite-badge{color:#fff;background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);text-transform:uppercase;letter-spacing:.03em;border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.mobile-lb-model-badge{color:#fff;background:linear-gradient(135deg,#8b5a2b 0%,#d2691e 100%);border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #8b5a2b4d}.mobile-lb-lora-badge{color:#fffc;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.mobile-lb-comments-panel{z-index:10001;background:#1a1a1a;border-radius:20px 20px 0 0;flex-direction:column;height:auto;min-height:40vh;max-height:60vh;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.mobile-lb-comments-panel.open{transform:translateY(0)}.mobile-lb-comments-header{background:#222;border-bottom:1px solid #ffffff26;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-lb-comments-header h4{color:#fff;margin:0;font-size:17px;font-weight:700}.mobile-lb-comments-header button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;transition:background .2s}.mobile-lb-comments-header button:hover{background:#ffffff40}.mobile-lb-comments-content{background:#1a1a1a;flex:1;padding:0;overflow-y:auto}.mobile-lb-comments-content .lb-comment-section{background:0 0;border:none;border-radius:0;max-height:none;padding:16px}.mobile-lb-comments-content .lb-comment-section-header{margin-bottom:16px}.mobile-lb-comments-content .lb-comment-count{color:#fff;font-size:15px;font-weight:700}.mobile-lb-comments-content .lb-comment-count svg{color:#a78bfa;width:18px;height:18px}.mobile-lb-comments-content .lb-comment-sort-btn{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf666;border-radius:8px;padding:6px 12px;font-weight:600}.mobile-lb-comments-content .lb-comment-sort-btn:hover{background:#8b5cf64d}.mobile-lb-comments-content .lb-comment-section label{color:#fff;font-weight:500}.mobile-lb-comments-content .lb-comment-bubble{color:#f1f5f9;background:#ffffff1f;border:1px solid #ffffff1a}.mobile-lb-comments-content .lb-comment-author{color:#fff;font-weight:600}.mobile-lb-comments-content .lb-comment-author-btn{color:#fff}.mobile-lb-comments-content .lb-comment-time{color:#fff9}.mobile-lb-comments-content .lb-comment-input-wrapper{background:#ffffff14;border:1.5px solid #fff3;border-radius:24px;align-items:center;gap:12px;padding:10px 16px;transition:border-color .2s;display:flex}.mobile-lb-comments-content .lb-comment-input-wrapper:focus-within{border-color:#a78bfa}.mobile-lb-comments-content .lb-comment-input,.mobile-lb-comments-content .lb-comment-input-auto,.mobile-lb-comments-content textarea,.mobile-lb-comments-content input[type=text]{caret-color:#a78bfa;flex:1;font-size:15px;font-weight:500;color:#fff!important;-webkit-text-fill-color:#fff!important;background:0 0!important;border:none!important}.mobile-lb-comments-content .lb-comment-input:focus,.mobile-lb-comments-content .lb-comment-input-auto:focus,.mobile-lb-comments-content textarea:focus{outline:none;color:#fff!important;-webkit-text-fill-color:#fff!important}.mobile-lb-comments-content .lb-comment-input::placeholder,.mobile-lb-comments-content .lb-comment-input-auto::placeholder,.mobile-lb-comments-content textarea::placeholder{font-weight:400;color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}.mobile-lb-comments-content .lb-comment-submit{background:var(--gradient-violet);color:#fff;border:none;border-radius:16px;padding:8px 16px;font-weight:600}.mobile-lb-comments-content .lb-comment-submit:disabled{opacity:.5}.mobile-lb-comments-content .lb-comment-list{gap:16px}.mobile-lb-comments-content .lb-comment-actions button{color:#ffffffb3}.mobile-lb-comments-content .lb-comment-actions button:hover{color:#fff}.mobile-lb-comments-content .lb-comment-like-btn.is-liked{color:var(--color-error-bright)}.mobile-lb-comments-content .lb-comment-empty{text-align:center;background:#8b5cf614;border:1px dashed #8b5cf666;border-radius:16px;padding:32px 24px;font-size:15px;line-height:1.5;color:#fffc!important}.mobile-lb-comments-content .lb-replies{border-left:2px solid #8b5cf666;margin-left:16px;padding-left:12px}.mobile-lb-comments-content .lb-reply-input{color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff26!important}.mobile-lb-comments-content .lb-reply-input::placeholder{color:#fff6}.mobile-lb-prompt-panel.open:before,.mobile-lb-comments-panel.open:before{content:"";z-index:-1;background:#00000080;position:fixed;inset:0}.lora-lb-overlay{z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;position:fixed;inset:0}.lora-lb-container{z-index:9999;background:var(--bg-primary,#fff);border-radius:16px;flex-direction:column;width:90vw;max-width:1200px;height:85vh;max-height:800px;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040}body.dark-mode .lora-lb-container{background:var(--bg-secondary,#1a1a2e);box-shadow:0 25px 50px -12px #00000080}.lora-lb-close{z-index:10;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:flex;position:absolute;top:16px;right:16px}.lora-lb-close:hover{background:#000000b3;transform:scale(1.1)}.lora-lb-content{flex:1;display:flex;overflow:hidden}.lora-lb-image-section{background:#0a0a0a;flex:0 0 50%;justify-content:center;align-items:center;display:flex;position:relative}.lora-lb-image{object-fit:contain}.lora-lb-image-gif{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.lora-lb-no-image{color:#666;flex-direction:column;align-items:center;gap:12px;display:flex}.lora-lb-no-image svg{opacity:.5}.lora-lb-info-section{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.lora-lb-header{flex-direction:column;gap:12px;display:flex}.lora-lb-title{color:var(--text-primary,#1a1a1a);margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}body.dark-mode .lora-lb-title{color:var(--text-primary,#fff)}.lora-lb-uploader{align-items:center;gap:12px;display:flex}.lora-lb-uploader-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:20px;align-items:center;gap:8px;padding:4px 8px 4px 4px;transition:background .2s,border-color .2s;display:flex}.lora-lb-uploader-btn:hover{background:var(--bg-tertiary,#f5f5f5);border-color:var(--border-color,#e0e0e0)}body.dark-mode .lora-lb-uploader-btn:hover{background:var(--bg-tertiary,#2a2a4a);border-color:var(--border-color,#3a3a5a)}.lora-lb-uploader-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.lora-lb-uploader-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.lora-lb-uploader-name{color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:500}body.dark-mode .lora-lb-uploader-name{color:var(--text-primary,#fff)}.lora-lb-date{color:var(--text-secondary,#666);font-size:12px}.lora-lb-reactions{align-items:center;gap:12px;margin-top:4px;display:flex}.lora-lb-reaction-btn{background:var(--bg-tertiary,#f5f5f5);border:1px solid var(--border-color,#e0e0e0);color:var(--text-secondary,#666);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}body.dark-mode .lora-lb-reaction-btn{background:var(--bg-tertiary,#2a2a4a);border-color:var(--border-color,#3a3a5a);color:var(--text-secondary,#aaa)}.lora-lb-reaction-btn:hover:not(:disabled){border-color:var(--accent-color,#6366f1)}.lora-lb-reaction-btn:disabled{opacity:.5;cursor:not-allowed}.lora-lb-reaction-like.active{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.lora-lb-reaction-dislike.active{color:#ef4444;background:#ef44441a;border-color:#ef4444}.lora-lb-score{background:var(--bg-tertiary,#f5f5f5);color:var(--text-secondary,#666);border-radius:12px;padding:6px 12px;font-size:13px;font-weight:600}body.dark-mode .lora-lb-score{background:var(--bg-tertiary,#2a2a4a);color:var(--text-secondary,#aaa)}.lora-lb-score.positive{color:#22c55e}.lora-lb-score.negative{color:#ef4444}.lora-lb-meta{background:var(--bg-tertiary,#f9f9f9);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;display:grid}body.dark-mode .lora-lb-meta{background:var(--bg-tertiary,#1e1e3a)}.lora-lb-meta-item{flex-direction:column;gap:4px;display:flex}.lora-lb-meta-label{color:var(--text-tertiary,#999);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.lora-lb-meta-value{color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:500}body.dark-mode .lora-lb-meta-value{color:var(--text-primary,#fff)}.lora-lb-trigger-words{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lora-lb-trigger-label{color:var(--text-secondary,#666);font-size:13px;font-weight:500}.lora-lb-trigger-tags{flex-wrap:wrap;gap:6px;display:flex}.lora-lb-trigger-tag{background:var(--accent-color,#6366f1);color:#fff;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.lora-lb-description{flex-direction:column;gap:8px;display:flex}.lora-lb-section-title{color:var(--text-primary,#1a1a1a);margin:0;font-size:14px;font-weight:600}body.dark-mode .lora-lb-section-title{color:var(--text-primary,#fff)}.lora-lb-description-text{color:var(--text-secondary,#555);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}body.dark-mode .lora-lb-description-text{color:var(--text-secondary,#bbb)}.lora-lb-status{color:#6366f1;text-align:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;padding:12px 16px;font-size:13px}.lora-lb-comments{border-top:1px solid var(--border-color,#e0e0e0);flex-direction:column;gap:16px;margin-top:auto;padding-top:20px;display:flex}body.dark-mode .lora-lb-comments{border-top-color:var(--border-color,#3a3a5a)}.lora-lb-comment-count{color:var(--text-secondary,#666);margin-left:4px;font-weight:400}.lora-lb-comment-form{align-items:flex-start;gap:12px;display:flex}.lora-lb-comment-avatar,.lora-lb-comment-avatar-sm{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.lora-lb-comment-avatar-placeholder,.lora-lb-comment-avatar-placeholder-sm{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.lora-lb-comment-avatar-sm,.lora-lb-comment-avatar-placeholder-sm{width:28px;height:28px;font-size:12px}.lora-lb-comment-input-wrapper{flex-direction:column;flex:1;gap:8px;display:flex}.lora-lb-comment-input{background:var(--bg-tertiary,#f5f5f5);border:1px solid var(--border-color,#e0e0e0);width:100%;color:var(--text-primary,#1a1a1a);resize:none;border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .2s}body.dark-mode .lora-lb-comment-input{background:var(--bg-tertiary,#2a2a4a);border-color:var(--border-color,#3a3a5a);color:var(--text-primary,#fff)}.lora-lb-comment-input:focus{border-color:var(--accent-color,#6366f1);outline:none}.lora-lb-comment-submit{background:var(--accent-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s}.lora-lb-comment-submit:hover:not(:disabled){background:var(--accent-hover,#5558e3)}.lora-lb-comment-submit:disabled{opacity:.5;cursor:not-allowed}.lora-lb-comment-login-prompt{background:var(--bg-tertiary,#f5f5f5);text-align:center;color:var(--text-secondary,#666);border-radius:8px;flex:1;padding:16px;font-size:14px}body.dark-mode .lora-lb-comment-login-prompt{background:var(--bg-tertiary,#2a2a4a);color:var(--text-secondary,#aaa)}.lora-lb-comment-list{flex-direction:column;gap:16px;max-height:300px;display:flex;overflow-y:auto}.lora-lb-comment-empty{text-align:center;color:var(--text-secondary,#666);padding:24px;font-size:14px}.lora-lb-comment-item{flex-direction:column;gap:8px;display:flex}.lora-lb-comment-reply{border-left:2px solid var(--border-color,#e0e0e0);margin-left:40px;padding-left:12px}body.dark-mode .lora-lb-comment-reply{border-left-color:var(--border-color,#3a3a5a)}.lora-lb-comment-header{align-items:center;gap:8px;display:flex}.lora-lb-comment-author{color:var(--text-primary,#1a1a1a);font-size:13px;font-weight:600}body.dark-mode .lora-lb-comment-author{color:var(--text-primary,#fff)}.lora-lb-comment-date{color:var(--text-tertiary,#999);font-size:11px}.lora-lb-comment-message{color:var(--text-secondary,#555);margin:0;font-size:14px;line-height:1.5}body.dark-mode .lora-lb-comment-message{color:var(--text-secondary,#bbb)}.lora-lb-comment-mention{color:var(--accent-color,#6366f1);margin-right:4px;font-weight:500}.lora-lb-comment-actions{gap:12px;display:flex}.lora-lb-comment-action{color:var(--text-secondary,#666);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:background .2s,color .2s;display:flex}.lora-lb-comment-action:hover:not(:disabled){background:var(--bg-tertiary,#f5f5f5)}body.dark-mode .lora-lb-comment-action:hover:not(:disabled){background:var(--bg-tertiary,#2a2a4a)}.lora-lb-comment-action:disabled{opacity:.5;cursor:not-allowed}.lora-lb-comment-action.liked{color:#ef4444}.lora-lb-comment-edit{flex-direction:column;gap:8px;display:flex}.lora-lb-comment-edit-input{background:var(--bg-tertiary,#f5f5f5);border:1px solid var(--border-color,#e0e0e0);width:100%;color:var(--text-primary,#1a1a1a);resize:none;border-radius:8px;min-height:60px;padding:10px 12px;font-size:14px}body.dark-mode .lora-lb-comment-edit-input{background:var(--bg-tertiary,#2a2a4a);border-color:var(--border-color,#3a3a5a);color:var(--text-primary,#fff)}.lora-lb-comment-edit-actions{justify-content:flex-end;gap:8px;display:flex}.lora-lb-comment-edit-actions button{cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .2s}.lora-lb-comment-edit-actions button:first-child{background:var(--bg-tertiary,#f5f5f5);border:1px solid var(--border-color,#e0e0e0);color:var(--text-secondary,#666)}body.dark-mode .lora-lb-comment-edit-actions button:first-child{background:var(--bg-tertiary,#2a2a4a);border-color:var(--border-color,#3a3a5a);color:var(--text-secondary,#aaa)}.lora-lb-comment-edit-actions button:last-child{background:var(--accent-color,#6366f1);color:#fff;border:none}.lora-lb-reply-form{flex-direction:column;gap:8px;margin-top:8px;margin-left:40px;display:flex}.lora-lb-reply-input{background:var(--bg-tertiary,#f5f5f5);border:1px solid var(--border-color,#e0e0e0);width:100%;color:var(--text-primary,#1a1a1a);resize:none;border-radius:8px;padding:10px 12px;font-size:13px}body.dark-mode .lora-lb-reply-input{background:var(--bg-tertiary,#2a2a4a);border-color:var(--border-color,#3a3a5a);color:var(--text-primary,#fff)}.lora-lb-reply-actions{justify-content:flex-end;gap:8px;display:flex}.lora-lb-reply-actions button{cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500}.lora-lb-reply-actions button:first-child{background:var(--bg-tertiary,#f5f5f5);border:1px solid var(--border-color,#e0e0e0);color:var(--text-secondary,#666)}body.dark-mode .lora-lb-reply-actions button:first-child{background:var(--bg-tertiary,#2a2a4a);border-color:var(--border-color,#3a3a5a);color:var(--text-secondary,#aaa)}.lora-lb-reply-actions button:last-child{background:var(--accent-color,#6366f1);color:#fff;border:none}.lora-lb-reply-actions button:last-child:disabled{opacity:.5;cursor:not-allowed}.lora-lb-replies{flex-direction:column;gap:12px;margin-top:8px;display:flex}@media (max-width:768px){.lora-lb-container{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none;top:0;left:0;transform:none}.lora-lb-content{flex-direction:column}.lora-lb-image-section{flex:0 0 35vh;min-height:200px}.lora-lb-info-section{gap:16px;padding:16px}.lora-lb-title{font-size:1.25rem}.lora-lb-meta{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.lora-lb-reactions{flex-wrap:wrap}.lora-lb-close{width:36px;height:36px;top:12px;right:12px}.lora-lb-comment-list{max-height:200px}.lora-lb-comment-reply,.lora-lb-reply-form{margin-left:24px}}.lora-lb-loading{height:100%;color:var(--text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.lora-lb-spinner{border:4px solid #6366f133;border-top-color:var(--accent-primary,#6366f1);border-radius:50%;width:48px;height:48px;animation:1s linear infinite lora-lb-spin}@keyframes lora-lb-spin{to{transform:rotate(360deg)}}.lora-lb-loading p{margin:0;font-size:14px;font-weight:500}body.dark-mode .lora-lb-loading{color:var(--text-tertiary,#999)}.auth-tabs{gap:8px;margin-bottom:16px;display:flex}.auth-tab{color:inherit;background:0 0;border:1px solid #ffffff26;border-radius:999px;flex:1;padding:8px 12px;font-size:13px}.auth-tab.active{background:#ffffff14}.auth-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out authOverlayFadeIn;display:flex;position:fixed;inset:0}.auth-overlay.hidden{display:none}@keyframes authOverlayFadeIn{0%{opacity:0}to{opacity:1}}.auth-panel{background:var(--bg-primary);width:min(480px,100%);max-height:calc(100vh - 40px);color:var(--text-primary);border-radius:12px;padding:48px 40px 56px;animation:.35s ease-out authPanelSlideIn;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes authPanelSlideIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-close{width:32px;height:32px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:0;font-size:22px;position:absolute;top:12px;right:12px}.auth-title{text-align:center;color:var(--text-primary);margin:0 0 4px;font-size:36px;font-weight:700}.auth-divider{background:var(--border-light);height:1px;margin:20px 0}.auth-section{flex-direction:column;display:flex}.auth-social-buttons{flex-direction:column;gap:14px;min-height:280px;display:flex}.auth-google-btn,.auth-kakao-btn,.auth-social-btn,.auth-social-placeholder{border:1px solid var(--border-default);background:var(--bg-primary);width:100%;min-height:56px;color:var(--text-primary);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:15px;font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s;display:flex}.auth-kakao-btn{color:#000;background:#fee500;border-color:#fee500}.auth-kakao-btn:hover{background:#f5dc00;border-color:#f5dc00;box-shadow:0 4px 12px #fee50066}.auth-kakao-icon{flex-shrink:0;width:22px;height:22px}.auth-social-placeholder{border:1px dashed var(--border-light);background:var(--bg-secondary);color:var(--text-tertiary);cursor:default;opacity:.4}.auth-google-btn:hover,.auth-social-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e526}.auth-google-btn:active,.auth-kakao-btn:active,.auth-social-btn:active{transform:translateY(0)}.auth-google-btn:disabled,.auth-kakao-btn:disabled,.auth-social-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-google-icon,.auth-social-icon{flex-shrink:0;width:22px;height:22px}.auth-signup-prompt{text-align:center;color:var(--text-secondary);margin:0;font-size:14px}.auth-verification-view{text-align:center}.auth-verification-content{padding:20px 0}.auth-verification-icon{margin-bottom:16px;font-size:48px}.auth-verification-message{color:var(--text-primary);margin:0 0 12px;font-size:16px;line-height:1.5}.auth-verification-message strong{color:var(--accent-primary);word-break:break-all}.auth-verification-note{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.5}.auth-verification-spam{color:var(--text-tertiary);margin:0;font-size:12px}.auth-verification-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.auth-verification-actions .auth-submit-btn{width:100%}.auth-verification-actions .auth-link{font-size:13px}.auth-link{color:var(--accent-primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.auth-link:hover{color:#4338ca}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.auth-input{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);border-radius:12px;padding:14px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.auth-form-actions{margin-top:12px}.auth-submit-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:background .2s}.auth-submit-btn:hover{background:#4338ca}.auth-submit-btn:disabled{cursor:not-allowed;background:#a5a3e0}.auth-user{align-items:center;gap:14px;padding:12px 0;display:flex}.auth-user .avatar{width:60px;height:60px;font-size:24px}.auth-username{font-size:17px;font-weight:700}.auth-email{color:var(--text-secondary);font-size:13px}.auth-error{color:#dc3545;text-align:center;margin-top:12px;font-size:13px}@media (max-width:768px){.auth-panel{border-radius:18px;width:100%;max-width:400px;padding:32px 24px}.auth-title{font-size:22px}.auth-google-btn,.auth-kakao-btn,.auth-social-btn{border-radius:14px;padding:14px 20px;font-size:14px}.auth-input{padding:12px 14px;font-size:14px}.auth-submit-btn{padding:14px 20px;font-size:15px}}@media (max-width:480px){.auth-overlay{align-items:center;padding:20px 16px}.auth-panel{border-radius:12px;width:100%;max-width:none;max-height:85vh;padding:28px 20px 32px;animation:.35s ease-out authPanelSlideIn}.auth-close{width:32px;height:32px;font-size:14px;top:12px;right:12px}.auth-title{font-size:20px}.auth-divider{margin:16px 0}.auth-social-buttons{gap:10px;min-height:auto}.auth-social-placeholder{display:flex}.auth-google-btn,.auth-kakao-btn,.auth-social-btn{border-radius:12px;gap:10px;padding:14px 16px;font-size:14px}.auth-google-icon,.auth-kakao-icon,.auth-social-icon{width:20px;height:20px}.auth-form{gap:14px}.auth-label{gap:6px;font-size:13px}.auth-input{border-radius:10px;padding:12px 14px;font-size:14px}.auth-submit-btn{border-radius:12px;padding:14px 16px;font-size:15px}.auth-signup-prompt{font-size:13px}.auth-user .avatar{width:48px;height:48px;font-size:18px}.auth-username{font-size:15px}}.loading-overlay{min-height:300px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.loading-spinner{border:3px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-terms-notice{color:var(--text-tertiary);text-align:center;margin:16px 0 8px;font-size:11px;line-height:1.6}.auth-terms-notice a{color:var(--accent-primary);text-underline-offset:2px;text-decoration:underline}.auth-terms-notice a:hover{opacity:.8}.search-result-info{color:var(--text-secondary);background:#4f46e514;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 20px;font-size:14px;display:flex}.search-result-info strong{color:var(--accent-primary);font-weight:700}.search-result-info .search-clear-btn{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-weight:600;transition:background .2s}.search-result-info .search-clear-btn:hover{background:#4f46e51a}.search-no-results{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.search-no-results p{margin:0 0 16px;font-size:15px}.search-no-results .search-reset-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:opacity .2s}.search-no-results .search-reset-btn:hover{opacity:.9}[data-theme=dark] .search-result-info{background:#6366f11a}[data-theme=dark] .search-result-info .search-clear-btn:hover{background:#6366f126}@media (max-width:640px){.search-result-info{margin:0 12px 12px;padding:10px 16px;font-size:13px}.search-no-results{padding:40px 16px}}.guide-tabs{flex-direction:column;min-height:600px;display:flex}.guide-tabs-nav{scrollbar-width:none;border-bottom:1px solid #e4e4e7;gap:6px;margin-bottom:24px;padding-bottom:16px;display:flex;overflow-x:auto}.guide-tabs-nav::-webkit-scrollbar{display:none}.guide-tabs-item{color:#71717a;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.guide-tabs-item:hover:not(.soon){color:#1b1b24;background:#f4f4f5}.guide-tabs-item.active{color:var(--primary-color,#6366f1);background:#6366f114;border-color:#6366f133;font-weight:600}.guide-tabs-item.soon{color:#a1a1aa;cursor:not-allowed}.guide-tabs-soon{color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em;background:#f4f4f5;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.guide-tabs-content{padding-bottom:60px}.guide-docs-article{animation:.25s guideDocsFadeIn}@keyframes guideDocsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.guide-docs-header{border-bottom:1px solid #e4e4e7;margin-bottom:28px;padding-bottom:20px}.guide-docs-header h1{color:#1b1b24;letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:700}.guide-docs-header p{color:#71717a;margin:0;font-size:15px;line-height:1.6}.guide-docs-section{margin-bottom:32px}.guide-docs-section h2{color:#1b1b24;letter-spacing:-.01em;margin:0 0 12px;font-size:18px;font-weight:700}.guide-docs-section h3{color:#1b1b24;margin:24px 0 10px;font-size:15px;font-weight:600}.guide-docs-section p{color:#52525b;margin:0 0 16px;font-size:14px;line-height:1.7}.guide-docs-code{background:#fafafa;border:1px solid #e4e4e7;border-radius:10px;margin:16px 0;padding:16px 20px;overflow-x:auto}.guide-docs-code code{font-family:var(--font-mono,monospace);color:#1b1b24;font-size:13px}.guide-docs-example code{font-family:var(--font-mono,monospace);background:#fafafa;border-radius:6px;padding:4px 8px;font-size:12px}.guide-docs-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:14px;display:grid}.guide-docs-tag-item{background:#fafafa;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.guide-docs-tag-item code{font-family:var(--font-mono,monospace);color:var(--primary-color,#6366f1);font-size:13px;font-weight:600}.guide-docs-tag-item span{color:#71717a;font-size:12px}.guide-docs-tag-item.negative{background:#ef44440f}.guide-docs-tag-item.negative code{color:#dc2626}.guide-docs-list{margin:16px 0;padding:0;list-style:none}.guide-docs-list li{color:#52525b;margin-bottom:10px;padding-left:20px;font-size:14px;line-height:1.6;position:relative}.guide-docs-list li:before{content:"";background:var(--primary-color,#6366f1);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.guide-docs-list.warning li:before{background:#f59e0b}.guide-docs-list li code{font-family:var(--font-mono,monospace);background:#fafafa;border-radius:4px;padding:2px 6px;font-size:12px}.guide-docs-steps{counter-reset:step;margin:16px 0;padding:0;list-style:none}.guide-docs-steps li{counter-increment:step;margin-bottom:20px;padding-left:44px;position:relative}.guide-docs-steps li:before{content:counter(step);background:var(--primary-color,#6366f1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex;position:absolute;top:0;left:0}.guide-docs-steps li strong{color:#1b1b24;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.guide-docs-steps li p{color:#71717a;margin:0;font-size:14px}.guide-docs-strength{flex-direction:column;gap:10px;margin-top:16px;display:flex}.guide-docs-strength-item{background:#fafafa;border-radius:10px;align-items:center;gap:16px;padding:14px 18px;display:flex}.guide-docs-strength-item .value{font-family:var(--font-mono,monospace);color:var(--primary-color,#6366f1);min-width:70px;font-size:14px;font-weight:600}.guide-docs-strength-item .desc{color:#52525b;font-size:14px}.guide-docs-chat-example{background:#fafafa;border-radius:12px;flex-direction:column;gap:12px;margin-top:16px;padding:20px;display:flex}.guide-docs-chat{align-items:flex-start;gap:12px;display:flex}.guide-docs-chat .label{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:flex}.guide-docs-chat.user .label{color:#52525b;background:#e4e4e7}.guide-docs-chat.ai .label{background:var(--primary-color,#6366f1);color:#fff}.guide-docs-chat p{color:#1b1b24;background:#fff;border-radius:10px;flex:1;margin:0;padding:10px 14px;font-size:13px;line-height:1.5}.guide-docs-section.coming-soon{text-align:center;background:#fafafa;border-radius:16px;padding:60px 40px}.guide-docs-soon-badge{background:linear-gradient(135deg,var(--primary-color,#6366f1),#8b5cf6);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.guide-docs-section.coming-soon h2{margin-bottom:12px;font-size:20px}.guide-docs-section.coming-soon p{color:#71717a;margin-bottom:24px}.guide-docs-section.coming-soon .guide-docs-list{text-align:left;display:inline-block}.guide-docs-faq-list{flex-direction:column;gap:10px;display:flex}.guide-docs-faq-item{background:#fafafa;border-radius:12px;overflow:hidden}.guide-docs-faq-question{color:#1b1b24;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 20px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.guide-docs-faq-question:hover{background:#f4f4f5}.guide-docs-faq-question .icon{color:#a1a1aa;flex-shrink:0;font-size:18px}.guide-docs-faq-answer{padding:0 20px 18px}.guide-docs-faq-answer p{color:#71717a;margin:0;font-size:14px;line-height:1.7}@media (max-width:768px){.guide-tabs-nav{gap:6px;margin-bottom:20px;padding-bottom:12px}.guide-tabs-item{padding:8px 14px;font-size:13px}.guide-docs-header h1{font-size:22px}.guide-docs-grid{grid-template-columns:1fr}}.guide-page{background:#fff;flex-direction:column;min-height:100vh;display:flex}.guide-page-header{z-index:100;background:#fff;border-bottom:1px solid #e4e4e7;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.guide-back-btn{color:#1b1b24;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.guide-back-btn:hover{background:#f4f4f5}.guide-page-title{color:#1b1b24;margin:0;font-size:18px;font-weight:600}.guide-page-content{flex:1;width:100%;padding:24px 48px}.guide-page-footer{text-align:center;border-top:1px solid #e4e4e7;padding:32px}.guide-page-footer p{color:#a1a1aa;margin:0;font-size:13px}@media (max-width:768px){.guide-page-header{padding:12px 16px}.guide-page-content{padding:24px 16px}.guide-page-title{font-size:16px}}.error-page{background:var(--background,#fff);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.error-code{color:var(--border-color,#e4e4e7);margin-bottom:16px;font-size:120px;font-weight:700;line-height:1}.error-title{color:var(--text-primary,#1b1b24);margin-bottom:8px;font-size:24px;font-weight:600}.error-description{color:var(--text-secondary,#71717a);max-width:400px;margin-bottom:32px;font-size:15px}.error-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.error-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.error-button-primary{background:var(--primary,#6366f1);color:#fff;border:none}.error-button-primary:hover{background:var(--primary-hover,#4f46e5)}.error-button-secondary{color:var(--text-secondary,#71717a);border:1px solid var(--border-color,#e4e4e7);background:0 0}.error-button-secondary:hover{background:var(--background-hover,#f4f4f5)}.error-icon{color:#f59e0b;width:64px;height:64px;margin-bottom:24px}.error-debug{background:var(--background-secondary,#fafafa);font-family:var(--font-mono,monospace);color:var(--text-secondary,#71717a);word-break:break-all;border-radius:8px;max-width:500px;margin-top:24px;padding:12px 16px;font-size:12px}@media (max-width:480px){.error-code{font-size:80px}.error-title{font-size:20px}.error-description{padding:0 16px;font-size:14px}.error-buttons{flex-direction:column;width:100%;padding:0 16px}.error-button{width:100%}.error-debug{margin:24px 16px 0}}.raon-intro{background:var(--bg-primary);width:100%;padding:60px 24px 40px;position:relative;overflow:hidden}.raon-intro__bg{pointer-events:none;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(12,1fr);gap:8px;padding:8px;display:grid;position:absolute;inset:0}.raon-intro__bg-item{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transition-delay:var(--delay,0s);cursor:pointer;pointer-events:auto;border-radius:8px;position:relative;overflow:hidden;transform:scale(.95)}.raon-intro--visible .raon-intro__bg-item{opacity:.12;transform:scale(1)}.raon-intro__bg-item:hover{opacity:.35}.raon-intro__bg-item img{object-fit:cover;filter:blur(2px)saturate(.6);width:100%;height:100%;transition:filter .3s}.raon-intro__bg-item:hover img{filter:blur()saturate()}.raon-intro__bg-item--1{grid-area:1/1/4/4}.raon-intro__bg-item--2{grid-area:1/4/3/6}.raon-intro__bg-item--3{grid-area:4/1/7/3}.raon-intro__bg-item--4{grid-area:4/3/6/5}.raon-intro__bg-item--5{grid-area:1/10/4/13}.raon-intro__bg-item--6{grid-area:1/8/3/10}.raon-intro__bg-item--7{grid-area:4/11/7/13}.raon-intro__bg-item--8{grid-area:4/9/6/11}.raon-intro__content{z-index:10;text-align:center;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6 0%,#ffffffb3 100%);border-radius:24px;max-width:600px;margin:0 auto;padding:48px 40px;transition:opacity .8s ease-out .3s,transform .8s ease-out .3s;position:relative;transform:translateY(30px);box-shadow:0 8px 32px #00000014}.raon-intro--visible .raon-intro__content{opacity:1;transform:translateY(0)}.raon-intro__title{flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;display:flex}.raon-intro__brand{background:linear-gradient(135deg,var(--primary,#8b5cf6)0%,#a78bfa 50%,#c4b5fd 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700}.raon-intro__tagline{color:var(--text-secondary,#64748b);letter-spacing:.12em;font-size:1.4rem;font-weight:500}.raon-intro__description{color:var(--text-tertiary,#94a3b8);font-size:1rem;line-height:1.8}.raon-intro__footer{z-index:10;opacity:0;flex-direction:column;align-items:center;gap:14px;margin-top:40px;transition:opacity .6s ease-out .5s,transform .6s ease-out .5s;display:flex;position:relative;transform:translateY(20px)}.raon-intro--visible .raon-intro__footer{opacity:1;transform:translateY(0)}.raon-intro__footer-links{align-items:center;gap:8px;display:flex}.raon-intro__footer-link{color:var(--text-tertiary,#94a3b8);font-size:.85rem;text-decoration:none;transition:color .2s}.raon-intro__footer-link:hover{color:var(--text-secondary,#64748b)}.raon-intro__footer-divider{color:var(--text-tertiary,#94a3b8);opacity:.5}.raon-intro__footer-socials{align-items:center;gap:16px;display:flex}.raon-intro__footer-socials a{color:var(--text-tertiary,#94a3b8);opacity:.6;justify-content:center;align-items:center;transition:opacity .2s,transform .2s,color .2s;display:flex}.raon-intro__footer-socials a:hover{opacity:1;color:var(--primary,#8b5cf6);transform:scale(1.1)}.raon-intro__footer-copyright{color:var(--text-tertiary,#94a3b8);opacity:.5;font-size:.75rem}.raon-intro__features{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:28px;display:flex}.raon-intro__feature{align-items:center;gap:8px;display:flex}.raon-intro__feature-icon{width:32px;height:32px;color:var(--primary,#8b5cf6);background:linear-gradient(135deg,#8b5cf626 0%,#a78bfa1a 100%);border-radius:8px;justify-content:center;align-items:center;display:flex}.raon-intro__feature-text{color:var(--text-secondary,#64748b);font-size:.85rem;font-weight:500}.raon-intro__cta{background:linear-gradient(135deg,var(--primary,#8b5cf6)0%,#a78bfa 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.raon-intro__cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.raon-intro__cta:active{transform:translateY(0)}.raon-intro__cta svg{transition:transform .2s}.raon-intro__cta:hover svg{transform:translate(4px)}@media (max-width:1024px){.raon-intro__bg{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(8,1fr)}.raon-intro__bg-item--1{grid-area:1/1/3/3}.raon-intro__bg-item--2{grid-area:3/1/5/3}.raon-intro__bg-item--3,.raon-intro__bg-item--4{display:none}.raon-intro__bg-item--5{grid-area:1/7/3/9}.raon-intro__bg-item--6{grid-area:3/7/5/9}.raon-intro__bg-item--7,.raon-intro__bg-item--8{display:none}}@media (max-width:768px){.raon-intro{padding:48px 16px 36px}.raon-intro__bg{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);gap:6px;padding:6px}.raon-intro__bg-item--1{grid-area:1/1/3/2}.raon-intro__bg-item--2{grid-area:3/1/5/2}.raon-intro__bg-item--5{grid-area:1/6/3/7}.raon-intro__bg-item--6{grid-area:3/6/5/7}.raon-intro__content{border-radius:20px;padding:32px 24px}.raon-intro__brand{font-size:3rem}.raon-intro__tagline{font-size:1.1rem}.raon-intro__description{font-size:.9rem}.raon-intro__features{gap:16px}.raon-intro__feature-text{font-size:.8rem}.raon-intro__cta{padding:12px 24px;font-size:.9rem}.raon-intro__footer{gap:12px;margin-top:32px}.raon-intro__footer-link{font-size:.8rem}}@media (max-width:480px){.raon-intro{padding:40px 12px 32px}.raon-intro__content{padding:28px 20px}.raon-intro__brand{font-size:2.5rem}.raon-intro__tagline{letter-spacing:.08em;font-size:1rem}}[data-theme=dark] .raon-intro{background:var(--bg-primary)}[data-theme=dark] .raon-intro--visible .raon-intro__bg-item{opacity:.08}[data-theme=dark] .raon-intro__bg-item:hover{opacity:.25}[data-theme=dark] .raon-intro__content{background:linear-gradient(135deg,#1e293bf2 0%,#1e293bd9 100%);border:1px solid #ffffff14;box-shadow:0 8px 32px #0006}[data-theme=dark] .raon-intro__tagline{color:var(--text-secondary,#94a3b8)}[data-theme=dark] .raon-intro__description,[data-theme=dark] .raon-intro__footer-link{color:var(--text-tertiary,#64748b)}[data-theme=dark] .raon-intro__footer-link:hover{color:var(--text-secondary,#94a3b8)}[data-theme=dark] .raon-intro__footer-divider,[data-theme=dark] .raon-intro__footer-socials a{color:var(--text-tertiary,#64748b)}[data-theme=dark] .raon-intro__footer-socials a:hover{color:var(--accent-primary,#8b5cf6)}[data-theme=dark] .raon-intro__footer-copyright{color:var(--text-tertiary,#64748b)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-base{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:8px}.skeleton-tab{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:80px;height:28px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:6px}.subscription-card-skeleton{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:320px;height:480px;margin:0 auto;padding:28px 28px 80px;display:flex;position:relative}.skeleton-plan-name{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:60%;height:28px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:6px}.skeleton-plan-desc{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:80%;height:16px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:4px;animation-delay:.1s}.skeleton-price{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:50%;height:40px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:8px;margin:12px 0;animation-delay:.2s}.skeleton-features{flex-direction:column;flex:1;gap:12px;display:flex}.skeleton-feature{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:90%;height:16px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:4px;animation-delay:.3s}.skeleton-cta{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);height:48px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:12px;animation-delay:.4s;position:absolute;bottom:28px;left:28px;right:28px}.profile-skeleton-wrapper{padding:24px}.profile-header-skeleton{align-items:flex-start;gap:24px;margin-bottom:24px;padding:20px 0;display:flex}.skeleton-avatar-large{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:100px;height:100px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:50%;flex-shrink:0}.skeleton-profile-info{flex-direction:column;flex:1;gap:12px;display:flex}.skeleton-name-large{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:150px;height:28px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:6px}.skeleton-bio{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:250px;height:16px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:4px;animation-delay:.1s}.skeleton-stats{gap:24px;margin-top:8px;display:flex}.skeleton-stat{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:60px;height:20px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:4px;animation-delay:.2s}.profile-tabs-skeleton{border-bottom:1px solid var(--border-light);gap:16px;margin-bottom:24px;padding:12px 0;display:flex}.profile-works-skeleton{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.profile-work-skeleton{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.skeleton-work-image{aspect-ratio:1;background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:100%;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%}.skeleton-work-info{flex-direction:column;gap:8px;padding:12px;display:flex}.skeleton-work-title{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:70%;height:16px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:4px;animation-delay:.1s}.skeleton-work-date{background:linear-gradient(90deg,var(--skeleton-base)25%,var(--skeleton-highlight)50%,var(--skeleton-base)75%);width:40%;height:12px;animation:skeleton-shimmer var(--skeleton-speed)ease-in-out infinite;background-size:200% 100%;border-radius:4px;animation-delay:.2s}@media (max-width:900px){.subscription-card-skeleton{max-width:280px;height:420px;padding:20px 20px 70px}.skeleton-cta{height:44px;bottom:20px;left:20px;right:20px}.profile-works-skeleton{grid-template-columns:repeat(2,1fr)}.skeleton-avatar-large{width:80px;height:80px}}@media (max-width:640px){.subscription-card-skeleton{max-width:100%;height:auto;min-height:320px;padding:20px 20px 70px}.profile-header-skeleton{text-align:center;flex-direction:column;align-items:center}.skeleton-profile-info{align-items:center}.skeleton-stats{justify-content:center}.profile-works-skeleton{grid-template-columns:repeat(2,1fr);gap:12px}.skeleton-avatar-large{width:72px;height:72px}.skeleton-name-large{width:120px;height:24px}.skeleton-bio{width:180px}}body.view-create .sidebar,body.view-create .vertical-divider,body.view-create-workspace .sidebar,body.view-create-workspace .vertical-divider{display:none}body.view-create .app-row,body.view-create-workspace .app-row{margin-left:0}body.view-create .main,body.view-create-workspace .main{width:100%;margin-left:0}body.view-create .topbar,body.view-create-workspace .topbar{display:none}body.view-create .banner,body.view-create-workspace .banner{text-align:center;align-items:center;padding:10px 20px;position:relative}body.view-create .banner-title,body.view-create-workspace .banner-title{cursor:pointer;font-size:48px}body.view-create .banner-sub,body.view-create-workspace .banner-sub{display:none}body.view-create .subscription-nav,body.view-create-workspace .subscription-nav{z-index:10;gap:12px;display:flex;position:absolute;top:20px;left:20px}body.view-create .subscription-nav.hidden,body.view-create-workspace .subscription-nav.hidden{display:flex}body.view-create .subscription-nav-item,body.view-create-workspace .subscription-nav-item{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}body.view-create .subscription-nav-item:hover,body.view-create-workspace .subscription-nav-item:hover{background:var(--bg-active);color:var(--text-secondary)}body.view-create .subscription-nav-item.active,body.view-create-workspace .subscription-nav-item.active{background:var(--bg-active);color:var(--accent-primary);font-weight:600}body.view-create .content,body.view-create-workspace .content{background:var(--bg-primary);padding:20px}@media (max-width:1000px){body.view-create .subscription-nav,body.view-create .subscription-nav.hidden,body.view-create-workspace .subscription-nav,body.view-create-workspace .subscription-nav.hidden{display:none}}.create-panel{background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-primary)100%);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:32px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #4f46e514}.create-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e51f 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;right:-50%}.create-panel-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 20px;font-size:20px;font-weight:700}.create-prompt-area{flex-direction:column;gap:16px;display:flex}.create-prompt-input{width:100%;min-height:120px;color:var(--text-primary);resize:vertical;background:#fffc;border:2px solid #0000;border-radius:14px;padding:16px;font-size:15px;transition:all .3s;box-shadow:0 2px 12px #4f46e50d}.create-prompt-input:focus{border-color:var(--accent-primary);background:#fff;outline:none;transform:translateY(-2px);box-shadow:0 4px 20px #4f46e526}.create-prompt-input::placeholder{color:var(--text-tertiary)}body.dark-mode .create-panel{background:linear-gradient(135deg,#1e293bcc 0%,#0f172ae6 100%);border-color:#94a3b826;box-shadow:0 8px 32px #4f46e533}body.dark-mode .create-panel:before{background:radial-gradient(circle,#4f46e526 0%,#0000 70%)}body.dark-mode .create-prompt-input{color:var(--text-primary);background:#1e293b99;border-color:#94a3b833}body.dark-mode .create-prompt-input:focus{border-color:var(--accent-primary);background:#1e293bcc;box-shadow:0 4px 20px #4f46e540}.create-workspace-header{text-align:center;margin-bottom:40px}.create-back{color:var(--accent-primary);cursor:pointer;background:#4f46e51a;border:1px solid #4f46e533;border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.create-back:hover{background:#4f46e526;transform:translate(-4px)}.create-workspace-heading h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:12px 0;font-size:36px;font-weight:800}.workspace-chip{background:var(--gradient-primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.create-workspace-grid{grid-template-columns:1fr 1fr;gap:32px;max-width:1400px;margin:0 auto;display:grid}.create-panel-form,.create-panel-preview{background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-primary)100%);border:1px solid var(--border-light);border-radius:24px;flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #4f46e51a}.create-panel-preview{min-height:500px}.create-panel-form:before,.create-panel-preview:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e514 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-50%;right:-50%}.create-form{flex-direction:column;gap:20px;display:flex}.create-field{flex-direction:column;gap:8px;display:flex}.create-field.create-field-seed-section{flex-direction:column}.create-field-label{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.create-field input,.create-field textarea,.create-field select{width:100%;color:var(--text-primary);background:#fffc;border:2px solid #0000;border-radius:12px;padding:14px 16px;font-size:15px;transition:all .3s;box-shadow:0 2px 8px #4f46e50d}.create-field input:focus,.create-field textarea:focus,.create-field select:focus{border-color:var(--accent-primary);background:#fff;outline:none;transform:translateY(-1px);box-shadow:0 4px 16px #4f46e526}.create-field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.create-checkbox{color:var(--text-secondary);cursor:default;align-items:center;gap:10px;font-size:14px;display:inline-flex}.create-checkbox input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-primary);flex-shrink:0}.create-checkbox span{cursor:default}.create-tooltip{color:#fff;cursor:help;background:#1e293b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.create-tooltip:hover{background:#0f172a;transform:scale(1.1)}body.dark-mode .create-tooltip{color:#1e293b;background:#f1f5f9}body.dark-mode .create-tooltip:hover{background:#fff}.create-field-seed-section>.create-seed-header{flex-direction:row;align-items:center;margin-bottom:8px;display:flex}.create-field-seed-section>.create-seed-header>.create-field-label-row{flex-direction:row;flex:1;align-items:center;gap:8px;width:100%;display:flex}.create-field-seed-section .create-field-label-row .create-field-label{color:var(--text-secondary);margin:0;font-size:14px;font-weight:600}.create-field-seed-section .create-field-label-row .create-tooltip{margin:0}.create-seed-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 10px;font-size:13px;transition:all .2s}.create-seed-toggle:hover{color:var(--text-secondary)}.create-seed-content{flex-direction:column;gap:12px;padding-top:8px;display:flex}.create-seed-row{align-items:center;gap:12px;display:flex}.create-seed-input{border:1px solid var(--border-light);background:var(--bg-primary);border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.create-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.create-cta{cursor:pointer;border:none;border-radius:14px;flex:1;padding:16px 24px;font-size:16px;font-weight:700;transition:all .3s}.create-cta-generate{background:var(--accent-primary);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 16px #4f46e540}.create-cta-generate:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.create-cta-generate:hover:not(:disabled):before{left:100%}.create-cta-generate:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 36px #4f46e566}.create-cta.ghost{color:var(--accent-primary);background:0 0;border:2px solid #4f46e54d}.create-cta.ghost:hover{border-color:var(--accent-primary);background:#4f46e514}.create-token-cost{color:var(--text-tertiary);white-space:nowrap;font-size:13px}.create-preview-stage{background:linear-gradient(135deg,#4f46e50d 0%,#7c3aed0d 100%);border:2px dashed #4f46e533;border-radius:20px;justify-content:center;align-items:center;width:100%;height:480px;display:flex;position:relative;overflow:hidden}.create-preview-stage.has-preview{border-style:solid;border-color:#4f46e54d}.create-preview-stage.is-loading{pointer-events:none}.create-preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;border-radius:inherit;background:#070a1cbf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.create-preview-stage:hover{border-color:#4f46e566}.img-create-preview-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;transition:opacity .3s}.img-create-preview-image.loading{opacity:.4}.create-preview-placeholder{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.create-preview-spinner{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex}.create-preview-spinner span{border:4px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:52px;height:52px;animation:1s linear infinite spin}.create-preview-spinner p{letter-spacing:.02em;margin:0;font-weight:600}.create-save-bar{gap:12px;margin-top:auto;padding-top:16px;display:flex}.btn-save-image{color:var(--accent-primary);cursor:pointer;background:#4f46e51a;border:2px solid #4f46e54d;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.btn-save-image:hover:not(:disabled){border-color:var(--accent-primary);background:#4f46e526;transform:translateY(-2px)}.btn-save-image.publish{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 16px #4f46e540}.btn-save-image.publish:hover:not(:disabled){box-shadow:0 6px 24px #4f46e559}.btn-save-image:disabled{opacity:.5;cursor:not-allowed}.create-seed-output{background:#f8fafccc;border:1px solid #4f46e51f;border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;display:flex}.create-seed-output-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.create-seed-output-value{color:var(--accent-violet);letter-spacing:.02em;background:#ffffffe6;border:1px solid #6366f126;border-radius:10px;flex:1;padding:8px 14px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;font-weight:500}.create-seed-copy-btn{cursor:pointer;width:36px;height:36px;color:var(--accent-violet);background:#6366f11a;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.create-seed-copy-btn:hover{background:#6366f133;transform:scale(1.05)}.create-seed-copy-btn:active{transform:scale(.95)}body.dark-mode .create-panel-form,body.dark-mode .create-panel-preview{background:linear-gradient(135deg,#1e293bcc 0%,#0f172ae6 100%);border-color:#94a3b826}body.dark-mode .create-field input,body.dark-mode .create-field textarea,body.dark-mode .create-field select{background:#1e293b99;border-color:#94a3b833}body.dark-mode .create-field input:focus,body.dark-mode .create-field textarea:focus,body.dark-mode .create-field select:focus{border-color:var(--accent-primary);background:#1e293bcc}body.dark-mode .create-preview-stage{background:linear-gradient(135deg,#4f46e514 0%,#7c3aed14 100%);border-color:#4f46e54d}body.dark-mode .create-seed-output{background:#1e293b80;border-color:#6366f133}body.dark-mode .create-seed-output-value{color:var(--accent-violet-light);background:#0f172acc;border-color:#6366f140}body.dark-mode .create-seed-copy-btn{color:var(--accent-violet-light);background:#6366f126}body.dark-mode .create-seed-copy-btn:hover{background:#6366f140}.create-zoom-overlay{z-index:9999;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-zoom-inner{cursor:default;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;animation:.2s zoomIn;display:flex;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.create-zoom-image{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:90vh;box-shadow:0 24px 80px #00000080}.create-zoom-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:-48px;right:-48px}.create-zoom-close:hover{background:#fff3;transform:scale(1.1)}@media (max-width:768px){.create-zoom-close{width:36px;height:36px;font-size:18px;top:-12px;right:-12px}.create-zoom-inner{max-width:95vw;max-height:85vh}}.create-preview-actions{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;display:flex}.create-action-group{flex-direction:row;align-items:center;gap:6px;display:flex}.create-action-cost{color:var(--text-tertiary);white-space:nowrap;background:var(--bg-secondary);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500}.create-action-btn{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.create-action-btn:disabled{opacity:.5;cursor:not-allowed}.create-action-btn.loading{opacity:.7;cursor:wait}.create-action-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.create-action-btn:hover:not(:disabled) svg{stroke:var(--accent-primary)}.create-action-btn.active{border-color:var(--color-info-blue);color:var(--color-info-blue);background:#3b82f626}.create-action-btn.active svg{stroke:var(--color-info-blue);fill:var(--color-info-blue)}.create-action-btn svg{flex-shrink:0;transition:stroke .15s}.create-action-tooltip{width:16px;height:16px;color:var(--text-tertiary);background:var(--bg-hover);cursor:help;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;font-size:10px;font-weight:700;display:inline-flex}.create-action-tooltip:hover{color:var(--accent-primary);background:#8b5cf626}.create-action-group .create-action-btn:hover:not(:disabled){border-color:var(--accent-primary);background:#8b5cf614}.create-preview-actions>.create-action-btn:nth-child(2):hover:not(:disabled){border-color:var(--color-info-blue);background:#3b82f614}.create-preview-actions>.create-action-btn:nth-child(2):hover:not(:disabled) svg{stroke:var(--color-info-blue)}.create-preview-actions>.create-action-btn:nth-child(3):hover:not(:disabled){border-color:var(--text-tertiary);background:#6b728014}.create-preview-actions>.create-action-btn:nth-child(3):hover:not(:disabled) svg{stroke:var(--text-tertiary)}.create-action-btn.create-action-report:hover:not(:disabled){border-color:var(--color-error-bright);background:#ef444414}.create-action-btn.create-action-report:hover:not(:disabled) svg{stroke:var(--color-error-bright)}.create-report-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.create-report-modal{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;width:min(400px,90vw);animation:.2s slideUp;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.create-report-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.create-report-modal-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.create-report-modal-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;transition:color .15s}.create-report-modal-close:hover{color:var(--text-primary)}.create-report-modal-body{padding:20px}.create-report-modal-body p{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.create-report-options{flex-direction:column;gap:8px;display:flex}.create-report-option{background:var(--bg-secondary);border:1px solid var(--border-light);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.create-report-option:hover{border-color:var(--accent-primary);background:#8b5cf60d}.create-report-option input[type=radio]{width:16px;height:16px;accent-color:var(--accent-primary)}.create-report-option span{color:var(--text-primary);font-size:14px}.create-report-modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.create-report-cancel{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.create-report-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.create-report-submit{background:var(--color-error-bright);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.create-report-submit:hover:not(:disabled){background:var(--color-error)}.create-report-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.create-preview-actions{flex-wrap:wrap;gap:6px;padding:10px 12px}.create-action-btn{padding:6px 10px;font-size:12px}.create-action-btn svg{width:16px;height:16px}.create-action-btn>span:not(.create-action-tooltip){display:none}.create-action-cost{font-size:10px}}@media (max-width:768px){.create-panel{padding:24px}.create-workspace-grid,.create-field-grid{grid-template-columns:1fr}.create-workspace-heading h2{font-size:28px}}.creator-lite{min-height:100vh;padding:0}.creator-lite-inner{max-width:800px;margin:0 auto;padding:20px}.creator-lite-header{border-bottom:1px solid var(--border-light);align-items:center;gap:16px;margin-bottom:40px;padding-bottom:20px;display:flex}.creator-lite-back{background:var(--bg-secondary);cursor:pointer;width:40px;height:40px;color:var(--text-primary);border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.creator-lite-back:hover{background:var(--bg-tertiary);transform:translate(-2px)}.creator-lite-title{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.creator-lite-content{padding:20px 0}.creator-lite-placeholder{text-align:center;min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.creator-lite-placeholder svg{color:var(--accent-primary);opacity:.6}.creator-lite-placeholder h3{color:var(--text-primary);margin:0;font-size:24px;font-weight:600}.creator-lite-placeholder p{color:var(--text-tertiary);margin:0;font-size:14px}.creator-lite-coming{color:var(--accent-primary);background:var(--accent-primary-alpha);border-radius:20px;margin-top:8px;padding:6px 12px;font-size:12px}.creator-lite-upgrade{background:var(--bg-secondary);border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin-top:24px;padding:20px;display:flex}.creator-lite-upgrade p{font-size:13px}.creator-lite-upgrade-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-weight:600;transition:all .2s}.creator-lite-upgrade-btn:hover{background:var(--accent-primary-dark);transform:translateY(-1px)}@media (max-width:768px){.creator-lite-inner{padding:16px}.creator-lite-header{margin-bottom:24px}.creator-lite-title{font-size:20px}.creator-lite-placeholder{min-height:300px}}body.view-gallery .sidebar,body.view-gallery .vertical-divider{display:none}body.view-gallery .app-row{margin-left:0}body.view-gallery .main{width:100%;margin-left:0}body.view-gallery .topbar{display:none}body.view-gallery .subscription-nav{z-index:100;gap:12px;display:flex;position:absolute;top:20px;left:20px}body.view-gallery .subscription-nav.hidden{display:flex}@media (max-width:1000px){body.view-gallery .subscription-nav,body.view-gallery .subscription-nav.hidden{display:none}}body.view-gallery .subscription-nav-item{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}body.view-gallery .subscription-nav-item:hover{background:var(--bg-active);color:var(--text-secondary)}body.view-gallery .subscription-nav-item.active{background:var(--bg-active);color:var(--accent-primary);font-weight:600}body.view-gallery .banner{text-align:center;align-items:center;padding:10px 20px;position:relative}body.view-gallery .banner-title{cursor:pointer;font-size:48px}body.view-gallery .banner-sub,body.view-gallery .banner-subtitle{display:none}body.view-gallery .content{background:var(--bg-primary);padding:20px}.gallery-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.gallery-grid .card-skeleton{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.gallery-card{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:10px;transition:box-shadow .2s;overflow:hidden}.gallery-card:hover{box-shadow:var(--shadow-md)}@media (max-width:1200px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1000px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){body.view-gallery .content{padding:12px}.gallery-grid{gap:12px}body.view-gallery .subscription-nav{display:none}}@media (max-width:600px){body.view-gallery .banner{min-height:auto;padding:8px 16px 0}body.view-gallery .banner-title{margin:0;font-size:24px}body.view-gallery .content{padding:8px 12px 80px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gallery-card{border-radius:12px}body.view-gallery .card{background:var(--bg-primary);border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 12px #0f172a14}body.view-gallery .card:active{transform:scale(.98);box-shadow:0 1px 8px #0f172a0f}body.view-gallery .card .card-content{aspect-ratio:4/5;background-position:50%;background-size:cover;border-radius:16px 16px 0 0;min-height:auto;position:relative;overflow:hidden}body.view-gallery .card .card-content:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#0000004d);height:50%;position:absolute;bottom:0;left:0;right:0}body.view-gallery .card .card-overlay-stats,body.view-gallery .gallery-card .card-overlay-stats{pointer-events:none;z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border-radius:20px;justify-content:center;gap:12px;padding:6px 14px;display:flex;position:absolute;bottom:8px;left:50%;right:auto;transform:translate(-50%)}body.view-gallery .card .card-overlay-stats .overlay-stat,body.view-gallery .gallery-card .card-overlay-stats .overlay-stat{color:#fffffff2;text-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:500;display:flex}body.view-gallery .card-overlay-stats .overlay-stat:first-child{border-top-right-radius:0}body.view-gallery .card-overlay-stats .overlay-stat:last-child{border-top-left-radius:0}body.view-gallery .card-overlay-stats .overlay-stat svg{opacity:.85;width:12px;height:12px}body.view-gallery .card-overlay-stats .overlay-stat:last-child svg{fill:#f87171;color:#f87171}body.view-gallery .card-meta-inline{background:var(--bg-primary);border-top:none;align-items:center;gap:10px;min-height:52px;padding:12px;display:flex}body.view-gallery .card-meta-inline .card-stat.heart{color:var(--color-error-bright);background:#ef444414;border-radius:8px;margin-left:auto;padding:6px;font-size:12px;font-weight:600;display:flex}body.view-gallery .card-meta-inline .card-stat.heart svg{width:14px;height:14px;fill:var(--color-error-bright)}body.view-gallery .card-meta-inline .card-author-avatar{object-fit:cover;aspect-ratio:1;border:none;border-radius:10px;flex-grow:0;flex-shrink:0;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;box-shadow:0 2px 8px #0000001a}body.view-gallery .card-meta-inline .card-meta-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}body.view-gallery .card-meta-inline .card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.3px;order:-1;font-size:13px;font-weight:600;overflow:hidden}body.view-gallery .card-meta-inline .card-author-name{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;opacity:.7;font-size:11px;font-weight:500;overflow:hidden}body.view-gallery .card-meta-inline .card-stat.card-comments{display:none}body.dark-mode.view-gallery .card{background:#1a2332;box-shadow:0 2px 12px #00000040}body.dark-mode.view-gallery .card-meta-inline{background:#1a2332}body.dark-mode.view-gallery .card-meta-inline .card-stat.heart{background:#ef444426}body.dark-mode.view-gallery .card-meta-inline .card-author-avatar{box-shadow:0 2px 8px #0000004d}}@media (max-width:320px){.gallery-grid{grid-template-columns:1fr;gap:12px}}body.view-profile .sidebar,body.view-profile .vertical-divider,body.view-user-profile .sidebar,body.view-user-profile .vertical-divider{display:none}body.view-profile .app-row,body.view-user-profile .app-row{margin-left:0}body.view-profile .main,body.view-user-profile .main{width:100%;margin-left:0}body.view-profile .topbar,body.view-user-profile .topbar{display:none}body.view-profile .banner{text-align:center;align-items:center;padding:10px 20px;position:relative}body.view-profile .banner-title{cursor:pointer;margin-inline:auto;font-size:48px;display:inline-block}body.view-profile .banner-sub,body.view-profile .banner-subtitle{display:none}body.view-profile .subscription-nav{z-index:10;gap:12px;display:flex;position:absolute;top:20px;left:20px}body.view-profile .subscription-nav.hidden{display:flex}@media (max-width:1000px){body.view-profile .subscription-nav,body.view-profile .subscription-nav.hidden{display:none}}body.view-profile .subscription-nav-item{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}body.view-profile .subscription-nav-item:hover{background:var(--bg-active);color:var(--text-secondary)}body.view-profile .subscription-nav-item.active{background:var(--bg-active);color:var(--accent-primary);font-weight:600}body.view-profile .content,body.view-user-profile .content{background:var(--bg-primary);height:calc(100vh - 80px);padding:20px;overflow-y:auto}.profile-inner{flex-direction:column;gap:32px;max-width:1000px;margin:0 auto;padding:0 20px;display:flex}.profile-header{background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-primary)100%);border:1px solid var(--border-light);border-radius:20px;align-items:center;gap:28px;margin-top:24px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0f172a0f}.profile-header:before{content:"";background:radial-gradient(circle,var(--accent-primary)0%,transparent 70%);opacity:.04;pointer-events:none;width:200px;height:200px;position:absolute;top:0;right:0}.profile-avatar{background:linear-gradient(135deg,var(--accent-primary)0%,#8b5cf6 100%);width:100px;height:100px;box-shadow:none;text-align:center;white-space:nowrap;color:#fff;border:none;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;font-size:36px;font-weight:700;line-height:1;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 8px 24px #6366f133}.profile-avatar-editable{cursor:pointer;position:relative}.profile-avatar-overlay{opacity:0;color:#fff;z-index:2;background:#0000008c;border-radius:99px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-avatar-editable:hover .profile-avatar-overlay{opacity:1}.profile-avatar-editable:hover{transform:scale(1.02)}.profile-avatar-overlay svg{width:28px;height:28px}.profile-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-meta{flex:1}.profile-tier{color:var(--text-tertiary);letter-spacing:.02em;margin-bottom:4px;font-size:13px;font-weight:500;display:inline-block}.profile-meta h2{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:700}.profile-name-row{flex-wrap:nowrap;align-items:center;gap:16px;margin-bottom:8px;flex-direction:row!important;display:flex!important}.profile-name-row h2{flex-shrink:0;margin:0!important}.profile-follow-btn{cursor:pointer;background:var(--accent-primary);color:#fff;white-space:nowrap;border:none;border-radius:8px;padding:6px 16px;font-size:14px;font-weight:600;transition:all .2s}.profile-follow-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.profile-follow-btn:disabled{opacity:.6;cursor:not-allowed}.profile-follow-btn.following{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light)}.profile-follow-btn.following:hover:not(:disabled){background:var(--bg-hover);color:var(--color-error);border-color:var(--color-error)}.profile-meta p,.profile-bio{color:var(--text-tertiary);margin:0;font-size:15px;line-height:1.5}.profile-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;margin-bottom:8px;display:grid}.stat-box{-webkit-backdrop-filter:blur(12px);text-align:center;background:#ffffffb3;border:1px solid #ffffff80;border-radius:12px;padding:14px 12px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #0f172a0a}.stat-box .stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:12px;font-weight:500}.stat-box .stat-value{background:linear-gradient(135deg,var(--accent-primary)0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.stat-box-clickable{cursor:pointer;transition:all .2s}.stat-box-clickable:hover{box-shadow:0 0 0 2px var(--accent-primary),0 6px 20px #7c3aed26;transform:translateY(-2px)}.stat-box-clickable:active{box-shadow:0 0 0 2px var(--accent-primary);transform:translateY(0)}.profile-actions{flex-wrap:wrap;gap:12px;display:flex}.profile-actions .profile-btn{cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.profile-edit{background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:10px;margin-top:20px;padding:16px}.profile-edit-row{margin-bottom:12px}.profile-edit-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;display:block}.profile-edit-input{border:1px solid var(--border-light);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;padding:8px 10px;font-size:14px}.profile-edit-input[type=file]{padding:4px 0}.profile-edit-hint{color:var(--text-tertiary);margin:4px 0 0;font-size:12px}.profile-edit-actions{gap:8px;margin-top:8px;display:flex}.profile-works{flex-direction:column;gap:16px;margin-top:8px;display:flex}.profile-works-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-works-title{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.profile-works-header-right{align-items:center;gap:16px;display:flex}.profile-works-count{color:var(--text-tertiary);font-size:14px}.profile-works-more{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:500;transition:background .2s,color .2s}.profile-works-more:hover{background:var(--bg-active);color:var(--accent-primary)}.profile-works-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.profile-work-card{cursor:pointer;transition:transform .25s,box-shadow .25s;position:relative}.profile-work-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0f172a26}.profile-work-card.card{border-radius:20px;overflow:hidden}.profile-work-card .card-content{position:relative}.profile-work-overlay-stats{z-index:5;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;bottom:8px;right:8px}.overlay-stat{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:5px;align-items:center;gap:3px;padding:3px 7px;font-size:11px;font-weight:500;display:flex}.overlay-stat svg{opacity:.85;width:11px;height:11px}.profile-work-badge-row{display:none}.profile-work-meta-row{border-top:1px solid var(--border-light);background:var(--bg-primary);justify-content:space-between;align-items:center}.profile-work-meta-left{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-work-meta-left .card-title{color:var(--text-primary);font-size:14px;font-weight:600}.profile-work-time{color:var(--text-tertiary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.profile-work-meta-right{align-items:center;gap:6px;display:flex}.profile-work-status-chip{color:var(--text-tertiary);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}button.profile-work-status-chip{cursor:pointer;z-index:10;position:relative}.profile-work-status-chip.published{color:var(--color-success-bright);z-index:10;position:relative}.profile-work-status-chip.cta{color:var(--accent-primary)}.profile-work-status-chip.cta:hover{background:var(--bg-active)}.profile-work-status-chip.muted{color:var(--text-tertiary)}.profile-work-memo-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:8px 12px 14px;font-size:12px;overflow:hidden}.profile-work-card.is-imported{border-color:#bfdbfe}.profile-works-empty{border:2px dashed var(--border-light);text-align:center;color:var(--text-tertiary);background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-primary)100%);border-radius:20px;padding:60px 30px;font-size:15px;line-height:1.6}.profile-works-grid.is-loading{opacity:.5;pointer-events:none}#profileEditAvatarPreview{background:var(--bg-secondary);border:2px solid var(--border-light);width:120px;height:120px;box-shadow:var(--shadow-sm);text-align:center;white-space:nowrap;border-radius:50%;justify-content:center;align-items:center;font-size:40px;font-weight:600;line-height:1;display:flex;overflow:hidden}.profile-loading-indicator{grid-column:1/-1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.loading-text{color:var(--accent-primary);letter-spacing:2px;font-family:Pacifico,Comic Sans MS,cursive;font-size:24px}.profile-loading-fullpage{justify-content:center;align-items:center;width:100%;min-height:60vh;display:flex}.loading-text-large{font-size:36px}.loading-dots:after{content:"";animation:1.5s infinite loadingDots}@keyframes loadingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}body.dark-mode .loading-text{color:var(--accent-secondary)}@media (max-width:1000px){body.view-profile .subscription-nav{display:none}}@media (max-width:1024px) and (min-width:641px){.profile-stats{grid-template-columns:repeat(3,1fr);gap:12px}.profile-works-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:640px){.profile-header{text-align:left;background:var(--bg-primary);box-shadow:none;border:none;border-radius:0;flex-direction:row;align-items:center;gap:16px;margin-top:0;padding:16px}.profile-header:before{display:none}.profile-avatar{border-radius:50%;width:80px;min-width:80px;height:80px;font-size:28px}.profile-meta{flex:1;min-width:0}.profile-meta h2{margin-bottom:2px;font-size:18px}.profile-bio{display:none}.profile-tier{color:var(--text-tertiary);font-size:12px}.profile-name-row{gap:8px}.profile-follow-btn{padding:5px 12px;font-size:13px}.profile-stats{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);flex-direction:row;justify-content:space-around;gap:0;margin-top:0;margin-bottom:16px;padding:12px 0;display:flex}.stat-box{box-shadow:none;text-align:center;background:0 0;border:none;border-radius:0;flex:1;padding:8px 16px}.stat-box .stat-value{color:var(--text-primary);margin-bottom:2px;font-size:18px;font-weight:700}.stat-box .stat-label{color:var(--text-tertiary);font-size:12px}}body.dark-mode .profile-header{background:#1e293b80;border-color:#94a3b81a}body.dark-mode .profile-header:before{display:none}body.dark-mode .stat-box{background:#1e293b66;border-color:#94a3b814}body.dark-mode .profile-work-card{background:#1e293b4d;border-color:#94a3b814}body.dark-mode .profile-work-card:hover{background:#1e293b80}body.dark-mode .profile-work-meta-row{background:#0f172a99;border-color:#94a3b814}body.dark-mode .profile-work-status-chip.published{color:#34d399}body.dark-mode .profile-work-status-chip.cta{color:#60a5fa}body.dark-mode .profile-works-empty{color:#94a3b8;background:#1e293b4d;border-color:#94a3b81a}body.dark-mode .overlay-stat{color:#fffffff2}body.view-user-profile .content{padding:20px 40px}body.view-user-profile .profile-inner,body.view-user-profile .profile-summary,body.view-user-profile .profile-header,body.view-user-profile .profile-stats,body.view-user-profile .profile-works{width:100%}body.view-user-profile .profile-header{margin-top:60px}body.view-user-profile .profile-works-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}body.view-user-profile .profile-works-grid .profile-work-card:nth-child(n+7){display:block}.user-profile-view{position:relative}.user-profile-back{background:var(--bg-secondary);border:1px solid var(--border-light);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:flex;position:absolute;top:20px;left:20px}.user-profile-back:hover{background:var(--bg-hover);transform:scale(1.05)}.user-profile-back svg{color:var(--text-primary)}@media (max-width:600px){body.view-user-profile .content,body.view-user-profile .profile-inner{padding:0}body.view-user-profile .profile-header{margin-top:56px}.user-profile-back{width:36px;height:36px;top:12px;left:12px}}.follow-list-view{position:relative}.follow-list-inner{max-width:600px;margin:0 auto;padding:80px 20px 40px}.follow-list-tabs{gap:8px;margin-bottom:20px;display:flex}.follow-list-tab{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.follow-list-tab:hover{background:var(--bg-hover)}.follow-list-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.follow-list-tab-count{font-size:20px;font-weight:700}.follow-list-tab.active .follow-list-tab-count{color:#fff}.follow-list-search{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.follow-list-search svg{color:var(--text-tertiary);flex-shrink:0}.follow-list-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.follow-list-search input::placeholder{color:var(--text-tertiary)}.follow-list-search-clear{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.follow-list-search-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.follow-list-content{min-height:200px}.follow-list-loading,.follow-list-empty{min-height:200px;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:14px;display:flex}.follow-list-users{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.follow-user-item{background:var(--bg-secondary);border-radius:12px;align-items:center;gap:12px;padding:8px 16px;transition:background .2s;display:flex}.follow-user-item:hover{background:var(--bg-hover)}.follow-user-profile-area{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;outline:none;flex:1;align-items:center;gap:12px;min-width:0;margin:-8px 0 -8px -8px;padding:8px;transition:background .2s;display:flex}.follow-user-profile-area:hover{background:#6366f114}.follow-user-profile-area:focus-visible{box-shadow:0 0 0 2px var(--accent-primary)}.follow-user-profile-area:hover .follow-user-avatar{transform:scale(1.08);box-shadow:0 4px 12px #6366f140}.follow-user-profile-area:hover .follow-user-name{color:var(--accent-primary)}.follow-user-profile-area:active .follow-user-avatar{transform:scale(1.02)}.follow-user-avatar{background:linear-gradient(135deg,var(--accent-primary)0%,#8b5cf6 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.follow-user-avatar .avatar-image{object-fit:cover;width:100%;height:100%}.follow-user-avatar .avatar-initial{color:#fff;font-size:18px;font-weight:700}.follow-user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:500;transition:color .2s;overflow:hidden}.follow-user-btn{cursor:pointer;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.follow-user-btn:hover:not(:disabled){background:var(--accent-hover)}.follow-user-btn:disabled{opacity:.6;cursor:not-allowed}.follow-user-btn.following{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light)}.follow-user-btn.following:hover:not(:disabled){background:var(--bg-hover);color:var(--color-error);border-color:var(--color-error)}.follow-list-load-more{justify-content:center;padding:20px;display:flex}body.dark-mode .follow-list-tab{background:#1e293b80;border-color:#94a3b81a}body.dark-mode .follow-list-tab.active{background:var(--accent-primary);border-color:var(--accent-primary)}body.dark-mode .follow-list-search{background:#1e293b80;border-color:#94a3b81a}body.dark-mode .follow-user-item{background:#1e293b66}body.dark-mode .follow-user-item:hover{background:#1e293b99}body.dark-mode .follow-user-profile-area:hover{background:#6366f126}body.dark-mode .follow-user-profile-area:hover .follow-user-avatar{box-shadow:0 4px 12px #6366f159}@media (max-width:600px){.follow-list-inner{padding:70px 16px 30px}.follow-list-tabs{gap:6px}.follow-list-tab{padding:12px 16px;font-size:14px}.follow-list-tab-count{font-size:18px}.follow-user-item{padding:10px 12px}.follow-user-avatar{width:40px;height:40px}.follow-user-name{font-size:14px}.follow-user-btn{padding:6px 12px;font-size:12px}}body.view-profile section.profile-gallery-view{width:100%;max-width:100%;padding:0;display:block}.profile-gallery-header{background:var(--bg-primary);border-bottom:1px solid var(--border-light);flex-flow:row;justify-content:space-between;align-items:center;gap:12px;padding:70px 24px 16px;display:flex}body.view-profile .profile-gallery-view{max-width:100%;padding:0}.profile-gallery-back{border:1px solid var(--border-default);background:var(--bg-primary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.profile-gallery-back:hover{background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.profile-gallery-title{color:var(--text-primary);flex:1;margin:0;font-size:20px;font-weight:700}.profile-gallery-filters{flex-direction:row;align-items:center;gap:8px;margin-left:auto;display:flex}body.view-profile .profile-gallery-grid{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;padding:24px 32px;display:grid}body.view-profile .profile-gallery-grid>*{width:100%;max-width:100%}body.view-profile .profile-gallery-grid .profile-work-card,body.view-profile .profile-gallery-grid .card{aspect-ratio:1;width:100%;max-width:100%}body.view-profile .profile-gallery-grid .card-content{aspect-ratio:1;height:100%}body.view-profile section.profile-gallery-view .profile-gallery-grid{grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 32px;display:grid}body.view-profile section.profile-gallery-view .profile-gallery-grid .profile-work-card{border-radius:12px;width:100%;max-width:100%}body.view-profile section.profile-gallery-view .profile-gallery-grid .card-content{aspect-ratio:1;height:auto;max-height:none}.profile-gallery-sort{position:relative}.profile-gallery-sort-btn{background:var(--gradient-violet);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #6366f140}.profile-gallery-sort-btn svg{transition:transform .2s}.profile-gallery-sort-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.profile-gallery-sort-btn:hover svg{transform:translateY(1px)}.profile-gallery-sort-btn:active{transform:translateY(0)}.profile-gallery-dropdown{background:var(--bg-primary);border:1px solid var(--border-light);z-index:50;border-radius:12px;min-width:130px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownSlide;position:absolute;top:calc(100% + 4px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 40px #00000026}@keyframes dropdownSlide{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.profile-gallery-dropdown .dropdown-item{text-align:center;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;transition:all .15s;display:flex}.profile-gallery-dropdown .dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-gallery-dropdown .dropdown-item.active{color:var(--accent-primary);background:#6366f114;font-weight:600}.profile-gallery-style-btn{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-tertiary);cursor:not-allowed;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.profile-gallery-style-btn:disabled{opacity:.6}.profile-gallery-style-btn svg{opacity:.5}.profile-gallery-empty{min-height:300px;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:16px;display:flex}body.view-profile .profile-work-card .profile-work-badge{white-space:nowrap;min-width:fit-content;padding:4px 10px;font-size:11px}@media (max-width:1200px){body.view-profile .profile-gallery-grid,body.view-profile section.profile-gallery-view .profile-gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){body.view-profile .profile-gallery-grid,body.view-profile section.profile-gallery-view .profile-gallery-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}body.view-profile section.profile-gallery-view .profile-gallery-header{padding:16px 20px}body.view-profile .profile-gallery-filters,body.view-profile section.profile-gallery-view .profile-gallery-filters{margin-top:0;margin-left:0}}@media (max-width:600px){body.view-profile .profile-gallery-grid,body.view-profile section.profile-gallery-view .profile-gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}body.view-profile section.profile-gallery-view .profile-gallery-header{cursor:pointer;flex-wrap:wrap;padding:8px 16px 12px}body.view-profile section.profile-gallery-view .profile-gallery-back{display:none}body.view-profile section.profile-gallery-view .profile-gallery-title{text-align:left;padding-left:0;font-size:18px}body.view-profile section.profile-gallery-view .profile-gallery-sort-btn,body.view-profile section.profile-gallery-view .profile-gallery-style-btn{padding:8px 12px;font-size:13px}}.profile-work-skeleton{aspect-ratio:1;background:var(--bg-secondary);border-radius:12px;overflow:hidden}.profile-work-skeleton .skeleton-image{background:linear-gradient(90deg,var(--bg-secondary)0%,var(--bg-hover)50%,var(--bg-secondary)100%);background-size:200% 100%;width:100%;height:70%;animation:1.5s infinite shimmer}.profile-work-skeleton .skeleton-meta{flex-direction:column;gap:8px;padding:12px;display:flex}.profile-work-skeleton .skeleton-title{background:var(--bg-hover);border-radius:4px;width:70%;height:14px;animation:1.5s infinite shimmer}.profile-work-skeleton .skeleton-date{background:var(--bg-hover);border-radius:4px;width:40%;height:10px;animation:1.5s infinite shimmer}@media (max-width:600px){body.view-profile .profile-gallery-view,body.view-profile section.profile-gallery-view,body.view-profile .content.profile-gallery-view,body.view-profile section.content.profile-gallery-view{background:var(--bg-primary);z-index:100;flex-direction:unset;border-radius:24px 24px 0 0;height:85vh;max-height:85vh;margin:0;padding:0;animation:.3s cubic-bezier(.32,.72,0,1) slideUpSheet;display:block;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -10px 40px #00000026}@keyframes slideUpSheet{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}body.view-profile .profile-gallery-view:before,body.view-profile section.profile-gallery-view:before,body.view-profile .content.profile-gallery-view:before{content:"";background:var(--border-medium);border-radius:2px;width:40px;height:4px;margin:12px auto 8px;display:block}body.view-profile .profile-gallery-view .profile-gallery-header,body.view-profile section.profile-gallery-view .profile-gallery-header,body.view-profile .content.profile-gallery-view .profile-gallery-header{border-bottom:1px solid var(--border-light);background:var(--bg-primary);flex-flow:row;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px 12px;display:flex}body.view-profile .profile-gallery-header{flex-direction:row;padding-top:8px;display:flex}body.view-profile .profile-gallery-view .profile-gallery-back,body.view-profile section.profile-gallery-view .profile-gallery-back{background:var(--bg-primary);border:1px solid var(--border-default);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}body.view-profile .profile-gallery-view .profile-gallery-title,body.view-profile section.profile-gallery-view .profile-gallery-title{flex:1;margin:0;font-size:16px;font-weight:600}body.view-profile .profile-gallery-view .profile-gallery-filters,body.view-profile section.profile-gallery-view .profile-gallery-filters{flex-direction:row;align-items:center;gap:6px;margin-left:auto;display:flex}body.view-profile .profile-gallery-view .profile-gallery-sort-btn,body.view-profile .profile-gallery-view .profile-gallery-style-btn,body.view-profile section.profile-gallery-view .profile-gallery-sort-btn,body.view-profile section.profile-gallery-view .profile-gallery-style-btn{white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:12px}body.view-profile .profile-gallery-view .profile-gallery-grid,body.view-profile section.profile-gallery-view .profile-gallery-grid,body.view-profile .content.profile-gallery-view .profile-gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:calc(85vh - 80px);padding:12px 16px 100px;display:grid;overflow-y:auto}body.view-profile .profile-gallery-view .profile-work-card,body.view-profile section.profile-gallery-view .profile-work-card,body.view-profile .profile-gallery-grid .card,body.view-profile .profile-gallery-grid button{border-radius:12px;width:100%;overflow:hidden}body.view-profile .profile-gallery-view .profile-work-card img,body.view-profile section.profile-gallery-view .profile-work-card img,body.view-profile .profile-gallery-grid .card img,body.view-profile .profile-gallery-grid button img{aspect-ratio:1;object-fit:cover;width:100%}body.view-profile .profile-gallery-view .profile-work-badge,body.view-profile section.profile-gallery-view .profile-work-badge{padding:3px 8px;font-size:10px}}.profile-work-lightbox{z-index:2000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-work-lightbox.hidden{display:none}.pw-panel{background:var(--bg-primary);border-radius:20px;width:min(1000px,90vw);max-height:85vh;padding:24px;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f172a59}.pw-mobile-header{display:none}.pw-close{cursor:pointer;background:#94a3b826;border:none;border-radius:50%;width:32px;height:32px;position:absolute;top:16px;right:16px}.pw-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;max-height:calc(85vh - 48px);display:grid;overflow:hidden}.pw-image{background:var(--bg-secondary);border-radius:16px;justify-content:center;align-self:start;align-items:center;padding:12px;display:flex;position:sticky;top:0}.pw-image img{object-fit:contain;border-radius:12px;width:100%}.pw-meta{max-height:calc(85vh - 72px);padding-right:8px;overflow-y:auto}.pw-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.pw-title-col{flex-direction:column;gap:6px;min-width:0;display:flex}.pw-badge-row{flex-wrap:wrap;gap:6px;display:flex}.pw-title-row h3{margin:0;font-size:22px}.pw-timestamp{color:var(--text-tertiary);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.pw-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.pw-field label{color:var(--text-tertiary);font-size:13px}.pw-field textarea{border:1px solid var(--border-light);resize:vertical;background:var(--bg-secondary);width:100%;min-height:96px;color:var(--text-primary);border-radius:10px;padding:10px}.pw-field textarea[readonly]{background:var(--bg-secondary)}.pw-field-seed{margin-bottom:12px}.pw-seed-value{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.pw-seed-value code{color:var(--text-primary);flex:1;font-family:SF Mono,Consolas,monospace;font-size:14px}.pw-seed-copy{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:14px;transition:background .15s}.pw-seed-copy:hover{background:var(--bg-tertiary)}.pw-collapsible{margin-bottom:12px}.pw-toggle{background:var(--bg-secondary);border:1px solid var(--border-light);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.pw-toggle:hover{background:var(--bg-tertiary)}.pw-toggle.is-open{border-bottom:none;border-radius:10px 10px 0 0}.pw-toggle-arrow{color:var(--text-tertiary);font-size:10px}.pw-collapsible-content{background:var(--bg-secondary);border:1px solid var(--border-light);border-top:none;border-radius:0 0 10px 10px;padding:12px 14px}.pw-collapsible-content textarea{width:100%;min-height:80px;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;font-size:13px}.pw-seed-content{align-items:center;gap:10px;display:flex}.pw-seed-content code{color:var(--text-primary);font-family:SF Mono,Consolas,monospace;font-size:14px}.pw-actions{border-top:1px solid var(--border-light);grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-top:16px;display:grid}.pw-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .15s,opacity .15s}.pw-btn-save{background:var(--accent-primary);color:#fff}.pw-btn-save:hover{opacity:.9}.pw-btn-download{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.pw-btn-download:hover{background:var(--bg-tertiary)}.pw-btn-publish{background:var(--color-success-bright);color:#fff}.pw-btn-publish:hover{background:#059669}.pw-btn-unpublish{color:#fff;background:#f59e0b}.pw-btn-unpublish:hover{background:#d97706}.pw-btn-delete{color:var(--color-error-bright);border:1px solid var(--color-error-bright);background:0 0}.pw-btn-delete:hover{background:#ef44441a}.pw-comments-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;margin-top:16px;padding:16px}.pw-comments-label{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600;display:block}.pw-comment-form{gap:10px;margin-bottom:12px;display:flex}.pw-comment-avatar{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.pw-comment-input-wrap{flex-direction:column;flex:1;gap:8px;display:flex}.pw-comment-input{border:1px solid var(--border-light);background:var(--bg-primary);width:100%;color:var(--text-primary);resize:none;border-radius:8px;padding:10px 12px;font-size:13px}.pw-comment-input:focus{border-color:var(--accent-primary);outline:none}.pw-comment-submit{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;padding:6px 14px;font-size:12px;font-weight:600}.pw-comment-submit:disabled{opacity:.5;cursor:not-allowed}.pw-comment-list{max-height:180px;overflow-y:auto}.pw-comment-empty{text-align:center;color:var(--text-tertiary);padding:16px;font-size:13px}.pw-comment-item{border-bottom:1px solid var(--border-light);padding:10px 0}.pw-comment-item:last-child{border-bottom:none}.pw-comment-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.pw-comment-avatar-sm{background:var(--bg-tertiary);width:22px;height:22px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.pw-comment-author{color:var(--text-primary);font-size:13px;font-weight:600}.pw-comment-time{color:var(--text-tertiary);font-size:11px}.pw-comment-delete{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:11px}.pw-comment-delete:hover{color:var(--color-error-bright)}.pw-comment-text{color:var(--text-secondary);margin:0;padding-left:30px;font-size:13px;line-height:1.5}.pw-status{min-height:20px;color:var(--text-tertiary);margin-top:8px;font-size:13px}.pw-status.is-success{color:#22c55e}.pw-status.is-error{color:var(--color-error-bright)}body.profile-work-lightbox-open{overflow:hidden}@media (max-width:900px){.pw-panel{width:95vw;max-height:90vh;padding:16px}.pw-columns{grid-template-columns:1fr;gap:16px;max-height:calc(90vh - 32px);overflow-y:auto}.pw-image{justify-content:center;max-height:35vh;display:flex;position:relative;overflow:hidden}.pw-image img{object-fit:contain;width:auto;height:auto;max-height:35vh}.pw-meta{max-height:none;padding-right:0;overflow:visible}}.unpublish-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.unpublish-modal{background:var(--bg-primary);border-radius:16px;width:90%;max-width:400px;padding:28px;animation:.2s slideUp;box-shadow:0 20px 60px #0000004d}.unpublish-modal h3{color:var(--text-primary);margin:0 0 12px;font-size:20px;font-weight:700}.unpublish-modal p{color:var(--text-secondary);margin:0 0 8px;font-size:15px;line-height:1.5}.unpublish-modal-hint{color:var(--text-tertiary);margin-bottom:24px;font-size:13px}.unpublish-modal-actions{justify-content:flex-end;gap:12px;display:flex}.unpublish-modal-cancel{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.unpublish-modal-cancel:hover:not(:disabled){background:var(--bg-hover)}.unpublish-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.unpublish-modal-confirm{background:var(--color-error-bright);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.unpublish-modal-confirm:hover:not(:disabled){background:var(--color-error)}.unpublish-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.profile-work-status-chip.published{cursor:pointer;transition:all .15s}.profile-work-status-chip.published:hover{color:var(--color-error-bright);border-color:var(--color-error-bright);background:#ef44441a}.subscription{padding:28px 20px}.subscription-tabs{justify-content:center;align-items:center;gap:16px;margin-bottom:32px;display:flex}.subscription-tab{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:18px;font-weight:500;transition:color .2s}.subscription-tab:hover{color:var(--text-secondary)}.subscription-tab.active{color:var(--text-primary);font-weight:700}.subscription-tab-divider{color:var(--border-light);font-size:18px;font-weight:300}.subscription-grid{grid-template-columns:repeat(4,1fr);place-items:stretch stretch;gap:24px;padding:30px 20px;display:grid}.subscription-card{background:var(--bg-primary);border:1px solid var(--border-light);width:100%;max-width:320px;height:480px;box-shadow:var(--shadow-md);text-align:left;border-radius:16px;flex-direction:column;align-items:stretch;gap:20px;margin:0 auto;padding:28px 28px 80px;transition:all .3s;display:flex;position:relative}.subscription-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.subscription-card.is-selected{border-color:var(--accent-primary);box-shadow:0 20px 45px #00000026}.subscription-card.is-popular{border-color:var(--accent-primary);border-width:2px}.subscription-popular-badge{background:linear-gradient(135deg,var(--accent-primary),#a855f7);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:4px 14px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.subscription-card-header{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;display:flex}.subscription-header-row{align-items:center;gap:10px;width:100%;display:flex}.subscription-plan-name{color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.subscription-plan-desc{color:var(--text-tertiary);margin:0;font-size:13px;line-height:1.4}.subscription-price-area{border-bottom:1px solid var(--border-light);padding:8px 0}.subscription-price{color:var(--text-primary);font-size:38px;font-weight:800}.subscription-price-original{color:var(--text-tertiary);margin-right:8px;font-size:20px;font-weight:500;text-decoration:line-through}.subscription-price-sale{animation:2s ease-in-out infinite priceShine;color:#ef4444!important}@keyframes priceShine{0%,to{opacity:1}50%{opacity:.7}}.subscription-sale-badge{color:#fff;z-index:10;background:linear-gradient(135deg,#ef4444 0%,#f97316 100%);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;animation:2s ease-in-out infinite badgePulse;position:absolute;top:-8px;right:16px;box-shadow:0 4px 12px #ef444466}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.subscription-card.is-sale{border:2px solid #ef4444;box-shadow:0 8px 32px #ef444426}.subscription-cta.is-sale-cta{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#f97316 100%);border:none;font-weight:700}.subscription-cta.is-sale-cta:hover{opacity:.95;transform:scale(1.03);box-shadow:0 6px 20px #ef444459}.subscription-cta.is-sale-cta:disabled{opacity:.7;cursor:wait}.subscription-card.is-coming-soon{opacity:.7;border-color:var(--border-light)}.subscription-card.is-coming-soon:hover{box-shadow:var(--shadow-md);transform:none}.subscription-coming-soon{color:var(--text-tertiary);font-size:32px;font-weight:700}.subscription-cta.is-disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;border:1px solid var(--border-light)}.subscription-cta.is-disabled:hover{opacity:1;transform:none}.subscription-features{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.subscription-feature{color:var(--text-secondary);align-items:center;gap:12px;padding-left:0;font-size:14px;display:flex}.subscription-feature.included .feature-check{color:var(--color-success-bright);font-weight:700}.subscription-feature .feature-check{width:20px;height:20px;color:var(--color-success-bright);background:#10b9811a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.subscription-feature .feature-text{flex:1}.subscription-cta{cursor:pointer;background:var(--text-primary);color:var(--bg-primary);border:2px solid #0000;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;position:absolute;bottom:28px;left:28px;right:28px}.subscription-cta:hover{opacity:.9;transform:scale(1.02)}.subscription-cta.is-selected{color:var(--accent-primary);border-color:var(--accent-primary);cursor:default;background:0 0}.subscription-cta.is-selected:hover{opacity:1;transform:none}.subscription-status-chip{background:var(--accent-primary);color:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;margin-top:2px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}body.view-subscription .sidebar,body.view-subscription .vertical-divider{display:none}body.view-subscription .app-row{margin-left:0}body.view-subscription .main{width:100%;margin-left:0}body.view-subscription .topbar{display:none}body.view-subscription .banner{text-align:center;align-items:center;padding:10px 20px;position:relative}body.view-subscription .banner-title{cursor:pointer;font-size:48px}body.view-subscription .banner-sub{opacity:.8;font-size:16px;display:block}body.view-subscription .content{background:var(--bg-primary);padding:20px}body.view-subscription .bottom-space{display:none}body.view-subscription .subscription-nav{z-index:10;gap:12px;display:flex;position:absolute;top:20px;left:20px}body.view-subscription .subscription-nav-item{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}body.view-subscription .subscription-nav-item:hover{background:var(--bg-active);color:var(--text-secondary)}body.view-subscription .subscription-nav-item.active{background:var(--bg-active);color:var(--accent-primary);font-weight:600}body.dark-mode .subscription-feature .feature-check{background:#10b98133}body.dark-mode .subscription-popular-badge{box-shadow:0 4px 12px #8b5cf666}@media (min-width:769px){body.view-subscription .banner-subtitle{color:var(--text-secondary);margin-top:0;padding:30px 0 0;font-size:70px;font-weight:500;display:block}}@media (max-width:1000px){body.view-subscription .subscription-nav{display:none}}@media (max-width:920px){.subscription-grid{grid-template-columns:1fr;justify-items:stretch}.subscription-card{width:100%;max-width:none;height:auto;min-height:300px}}@media (max-width:640px){.subscription{padding:16px 12px 100px}.subscription-grid{grid-template-columns:1fr;gap:12px;padding:0}.subscription-card{border-radius:12px;max-width:none;height:auto;min-height:auto;padding:20px 20px 70px}.subscription-card:hover{transform:none}.subscription-card-header{margin-bottom:4px}.subscription-plan-name{font-size:18px}.subscription-plan-desc{font-size:12px}.subscription-price-area{margin-bottom:8px;padding:6px 0}.subscription-price{font-size:28px}.subscription-features{gap:8px}.subscription-feature{gap:10px;font-size:13px}.subscription-feature .feature-check{width:18px;height:18px;font-size:11px}.subscription-cta{padding:12px 20px;font-size:14px;bottom:16px;left:16px;right:16px}.subscription-status-chip{padding:3px 8px;font-size:10px}body.view-subscription .banner{min-height:70px;padding:20px 16px}body.view-subscription .banner-title{font-size:24px}.subscription-grid:before{content:"구독 플랜";color:var(--text-primary);text-align:center;grid-column:1/-1;padding:4px 0 12px;font-size:20px;font-weight:700;display:block}.subscription-tabs{gap:12px;margin-bottom:20px}.subscription-tab{padding:6px 12px;font-size:16px}.token-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0}.token-card{padding:16px}.token-price{font-size:16px}.token-value{font-size:20px}}.token-grid{background:linear-gradient(#4f46e50a 0%,#7c3aed05 60%,#fff0 100%);border:1px solid #4f46e514;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1000px;margin:0 auto;padding:40px 32px;display:grid;box-shadow:0 12px 24px #4f46e50d}.token-card{background:var(--bg-primary);text-align:center;box-shadow:var(--shadow-sm);border:1px solid #4f46e51f;border-radius:16px;flex-direction:column;align-items:center;gap:12px;min-height:240px;padding:42px 20px 24px;transition:all .2s;display:flex;position:relative;overflow:hidden}.token-card:before{content:"";background:var(--gradient-primary);opacity:.85;height:6px;position:absolute;top:0;left:0;right:0}.token-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 18px 32px #4f46e529}.token-card.has-bonus{border-color:var(--accent-primary);box-shadow:0 18px 36px #4f46e538}.token-bonus-badge{background:var(--gradient-primary);color:var(--text-inverse);white-space:nowrap;z-index:2;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #4f46e540}.token-price{color:var(--accent-primary);background:var(--accent-light);letter-spacing:.02em;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.token-amount{align-items:center;gap:8px;display:flex}.token-amount-icon{width:24px;height:24px;color:var(--accent-primary);justify-content:center;align-items:center;display:inline-flex}.token-amount-icon-svg{display:block}.token-value{color:var(--accent-primary);letter-spacing:-.02em;font-size:26px;font-weight:700}.token-label{color:var(--text-secondary);font-size:13px;font-weight:600}.token-original{color:var(--text-tertiary);font-size:12px;text-decoration:line-through}.token-cta{cursor:pointer;background:var(--gradient-primary);width:100%;color:var(--text-inverse);border:none;border-radius:8px;margin-top:auto;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 10px 18px #4f46e533}.token-cta:hover{transform:translateY(-1px);box-shadow:0 14px 22px #4f46e547}.token-cta:disabled{opacity:.5;cursor:wait;box-shadow:none}@media (max-width:768px){.token-grid{border-radius:16px;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 16px}}@media (max-width:480px){.token-grid{grid-template-columns:1fr 1fr;gap:12px}.token-card{padding:16px 12px}.token-amount-icon{width:22px;height:22px}.token-amount-icon-svg{width:16px;height:16px}.token-value{font-size:20px}.token-price{font-size:14px}}body.view-admin-dashboard .topbar{display:none}body.view-admin-dashboard .banner{padding-bottom:20px}body.view-admin-dashboard .banner-title{font-size:28px}body.view-admin-dashboard .banner-sub,body.view-admin-dashboard .banner-subtitle{display:none}body.view-admin-dashboard .content{width:100%;max-width:100%;padding:0}body.view-admin-dashboard .main{background:var(--bg-primary);width:100%;margin:0;padding:0 0 0 24px}body.view-admin-dashboard .sidebar{margin:0}body.view-admin-dashboard .app-row{gap:0}.admin-minimal{width:100%;max-width:900px;min-height:calc(100vh - 150px);margin:0;padding:24px 32px 24px 80px}.admin-m-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-m-header h1{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.admin-m-refresh{border:1px solid var(--border-default);background:var(--bg-primary);min-height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .15s;display:inline-flex}.admin-m-refresh:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-m-refresh:disabled{opacity:.6;cursor:not-allowed}.admin-m-refresh-icon{justify-content:center;align-items:center;display:inline-flex}.admin-m-refresh.loading .admin-m-refresh-icon svg{animation:1s linear infinite admin-refresh-spin}.admin-m-refresh-spinner{border:2px solid var(--border-light);border-top-color:var(--text-primary);border-radius:999px;width:12px;height:12px;animation:.8s linear infinite admin-refresh-spin}@keyframes admin-refresh-spin{to{transform:rotate(360deg)}}.admin-m-stats{border-bottom:1px solid var(--border-light);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;padding:12px 0;font-size:14px;display:flex}.admin-m-stat strong{color:var(--text-primary);font-weight:600}.admin-m-stat.alert strong{color:var(--color-error-bright)}.admin-m-divider{color:var(--text-tertiary)}.admin-m-tabs{gap:4px;margin-bottom:20px;display:flex}.admin-m-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.admin-m-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-m-tab.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #4f46e540}.admin-m-badge{background:var(--color-error-bright);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:700}.admin-m-tab.active .admin-m-badge{color:var(--accent-primary);background:#ffffffe6}.admin-m-content{min-height:300px}.admin-search-filter{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 12px;display:flex}.admin-search-input{flex:1;min-width:200px;position:relative}.admin-search-input svg{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.admin-search-input input{border:1px solid var(--border-default);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:8px 12px 8px 32px;font-size:13px}.admin-search-input input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.admin-search-actions{align-items:center;gap:8px;display:flex}.admin-search-select{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-default);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:12px;transition:all .15s}.admin-search-select:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-search-select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.admin-m-type-toggle{background:var(--bg-secondary);border-radius:8px;gap:2px;width:fit-content;margin-bottom:16px;padding:3px;display:flex}.admin-m-type-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.admin-m-type-toggle button:hover{color:var(--text-primary)}.admin-m-type-toggle button.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.admin-m-report-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-m-trash-toggle{color:var(--text-secondary);background:var(--bg-secondary);cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.admin-m-trash-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-m-trash-toggle.active{background:var(--text-tertiary);color:var(--bg-primary)}.admin-m-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-m-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;transition:box-shadow .2s,border-color .2s;overflow:hidden}.admin-m-item:hover{box-shadow:0 2px 8px #0000000f}.admin-m-item.status-pending{border-left:3px solid #f59e0b}.admin-m-item.status-reviewed{border-left:3px solid var(--color-info-blue)}.admin-m-item.status-resolved{border-left:3px solid var(--color-success-bright);opacity:.6}.admin-m-item.status-dismissed{opacity:.5;border-left:3px solid #6b7280}.admin-m-item-header{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.admin-m-item-header:hover{background:var(--bg-hover)}.admin-m-item-status{color:#fff;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.admin-m-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.admin-m-item-type{color:var(--text-tertiary);flex-shrink:0;font-size:12px}.admin-m-item-arrow{color:var(--text-tertiary);flex-shrink:0;font-size:10px}.admin-m-item-detail{border-top:1px solid var(--border-light);background:var(--bg-secondary);flex-wrap:wrap;gap:16px;padding:16px;display:flex}.admin-m-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:80px;height:80px}.admin-m-item-info{min-width:200px;color:var(--text-secondary);flex:1;font-size:13px}.admin-m-item-info p{margin:0 0 6px}.admin-m-item-info strong{color:var(--text-primary)}.admin-m-comment-full{color:var(--text-primary);background:var(--bg-primary);border-radius:6px;margin-bottom:12px;padding:10px;font-style:italic}.admin-m-item-actions{flex-shrink:0;align-items:flex-start;gap:6px;display:flex}.admin-m-item-actions button{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.admin-m-item-actions button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.admin-m-item-actions button.view{border-color:var(--accent-primary);color:var(--accent-primary)}.admin-m-item-actions button.view:hover:not(:disabled){background:var(--accent-primary);color:#fff}.admin-m-item-actions button.danger{border-color:var(--color-error-bright);color:var(--color-error-bright)}.admin-m-item-actions button.danger:hover:not(:disabled){background:var(--color-error-bright);color:#fff}.admin-m-item-actions button:disabled{opacity:.5;cursor:not-allowed}.admin-m-loading,.admin-m-empty{text-align:center;color:var(--text-tertiary);padding:40px 20px;font-size:14px}.admin-m-placeholder{text-align:center;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:8px;padding:60px 20px;font-size:14px}.admin-m-feedback-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:14px 16px;position:relative}.admin-m-feedback-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.admin-m-feedback-user{color:var(--text-primary);font-size:13px;font-weight:600}.admin-m-feedback-date{color:var(--text-tertiary);font-size:12px}.admin-m-feedback-content{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.admin-m-feedback-delete{color:var(--text-tertiary);border:1px solid var(--border-light);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;position:absolute;top:12px;right:12px}.admin-m-feedback-delete:hover:not(:disabled){color:var(--color-error-bright);border-color:var(--color-error-bright)}.admin-m-feedback-delete:disabled{opacity:.5;cursor:not-allowed}.admin-report-stats{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;margin-bottom:20px;padding:16px}.admin-report-stats-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;display:flex}.admin-report-stats-icon{color:var(--accent-primary);justify-content:center;align-items:center;display:inline-flex}.admin-report-stats-icon svg{width:18px;height:18px}.admin-report-stats-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-report-stats-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:12px}.admin-report-stats-card h4{color:var(--text-secondary);margin:0 0 8px;font-size:13px;font-weight:600}.admin-report-stats-summary{margin-bottom:12px}.admin-report-stats-summary .total{color:var(--text-primary);font-size:24px;font-weight:700}.admin-report-stats-breakdown{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-report-stats-breakdown .stat-item{background:var(--bg-secondary);border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.admin-report-stats-breakdown .stat-item .icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.admin-report-stats-breakdown .stat-item .icon svg{width:14px;height:14px}.admin-report-stats-breakdown .stat-item .label{color:var(--text-tertiary);flex:1;font-size:11px}.admin-report-stats-breakdown .stat-item .value{color:var(--text-primary);font-size:14px;font-weight:700}.admin-report-stats-breakdown .stat-item.pending .icon{color:#f59e0b}.admin-report-stats-breakdown .stat-item.reviewed .icon{color:var(--color-info-blue)}.admin-report-stats-breakdown .stat-item.resolved .icon{color:var(--color-success-bright)}.admin-report-stats-breakdown .stat-item.dismissed .icon{color:#6b7280}.admin-report-stats-types{border-top:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:12px;display:flex}.admin-report-stats-types .types-label{color:var(--text-tertiary);font-size:11px}.admin-report-stats-types .type-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.admin-pagination{background:var(--bg-primary);border-top:1px solid var(--border-light);z-index:5;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex;position:sticky;bottom:0}.admin-pagination-summary{color:var(--text-tertiary);min-width:120px;font-size:12px}.admin-pagination-controls{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.admin-pagination-pages{align-items:center;gap:4px;display:flex}.admin-pagination-button,.admin-pagination-page{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:all .15s;display:inline-flex}.admin-pagination-button:hover:not(:disabled),.admin-pagination-page:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.admin-pagination-button:disabled,.admin-pagination-page:disabled{opacity:.5;cursor:not-allowed}.admin-pagination-page.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 2px 6px #4f46e533}.admin-pagination-size{color:var(--text-tertiary);align-items:center;gap:8px;font-size:12px;display:flex}.admin-pagination-select{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px}.admin-pagination-select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.admin-confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-confirm-modal{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:14px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #00000040}.admin-confirm-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.admin-confirm-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.admin-confirm-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .15s}.admin-confirm-close:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-confirm-body{color:var(--text-secondary);padding:18px 20px;font-size:14px}.admin-confirm-body p{margin:0;line-height:1.6}.admin-confirm-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.admin-confirm-cancel{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .15s}.admin-confirm-cancel:hover{background:var(--bg-hover)}.admin-confirm-confirm{background:var(--text-primary);color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.admin-confirm-confirm:hover{opacity:.9}.admin-confirm-confirm.danger{background:var(--color-error-bright)}.admin-users{flex-direction:column;gap:16px;display:flex}.admin-users-filter{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.admin-users-search{flex:1;min-width:200px;position:relative}.admin-users-search svg{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-users-search input{border:1px solid var(--border-default);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 14px 10px 36px;font-size:14px}.admin-users-search input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.admin-users-search input::placeholder{color:var(--text-tertiary)}.admin-users-search button{color:#fff;background:var(--accent-primary);cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.admin-users-search button:hover{opacity:.9}.admin-users-status-filter{background:var(--bg-tertiary);border-radius:8px;gap:2px;padding:3px;display:flex}.admin-users-status-filter button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.admin-users-status-filter button:hover{color:var(--text-primary)}.admin-users-status-filter button.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.admin-users-status-select{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-default);cursor:pointer;border-radius:8px;min-width:100px;padding:10px 14px;font-size:13px;transition:all .15s}.admin-users-status-select:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-users-status-select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.admin-users-list{flex-direction:column;gap:8px;display:flex}.admin-user-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;align-items:center;gap:16px;padding:16px;transition:all .15s;display:flex}.admin-user-item:hover{border-color:var(--border-default);box-shadow:0 2px 8px #0000000a}.admin-user-item.suspended{opacity:.7;border-left:3px solid var(--color-error-bright)}.admin-user-avatar{object-fit:cover;background:var(--bg-tertiary);border-radius:50%;flex-shrink:0;width:48px;height:48px}.admin-user-avatar-placeholder{background:var(--bg-tertiary);width:48px;height:48px;color:var(--text-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.admin-user-info{flex:1;min-width:0}.admin-user-name{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:600;display:flex}.admin-user-badge{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.admin-user-badge.admin{background:var(--accent-primary);color:#fff}.admin-user-badge.suspended{background:var(--color-error-bright);color:#fff}.admin-user-email{color:var(--text-secondary);margin-bottom:6px;font-size:13px}.admin-user-meta{color:var(--text-tertiary);align-items:center;gap:12px;font-size:12px;display:flex}.admin-user-meta span{align-items:center;gap:4px;display:flex}.admin-user-meta strong{color:var(--text-secondary);font-weight:600}.admin-user-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin-user-action-btn{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.admin-user-action-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.admin-user-action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-user-action-btn.suspend{border-color:var(--color-error-bright);color:var(--color-error-bright)}.admin-user-action-btn.suspend:hover:not(:disabled){background:var(--color-error-bright);color:#fff}.admin-user-action-btn.unsuspend{border-color:var(--color-success-bright);color:var(--color-success-bright)}.admin-user-action-btn.unsuspend:hover:not(:disabled){background:var(--color-success-bright);color:#fff}.admin-user-action-btn.admin-toggle{border-color:var(--accent-primary);color:var(--accent-primary)}.admin-user-action-btn.admin-toggle:hover:not(:disabled),.admin-user-action-btn.admin-toggle.active{background:var(--accent-primary);color:#fff}.admin-stats-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-stats-period-toggle{background:var(--bg-secondary);border-radius:8px;gap:2px;padding:3px;display:flex}.admin-stats-period-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.admin-stats-period-toggle button:hover{color:var(--text-primary)}.admin-stats-period-toggle button.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-stats-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;padding:16px}.admin-stats-card-label{color:var(--text-tertiary);margin-bottom:8px;font-size:12px}.admin-stats-card-value{color:var(--text-primary);font-size:28px;font-weight:700}.admin-stats-card-sub{color:var(--text-secondary);margin-top:4px;font-size:12px}.admin-stats-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;margin-bottom:20px;padding:20px}.admin-stats-section-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.admin-stats-chart{align-items:flex-end;gap:4px;height:120px;padding:12px 0;display:flex}.admin-stats-bar{background:var(--accent-primary);opacity:.7;border-radius:4px 4px 0 0;flex:1;min-width:8px;transition:all .2s}.admin-stats-bar:hover{opacity:1}.admin-stats-chart-legend{color:var(--text-tertiary);justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.admin-notices{flex-direction:column;gap:16px;display:flex}.admin-notices-header{justify-content:flex-end;display:flex}.admin-notices-new-btn{color:#fff;background:var(--accent-primary);cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s}.admin-notices-new-btn:hover{opacity:.9}.admin-notices-editor{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:20px}.admin-notices-editor-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-notices-editor-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.admin-notices-editor-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px;transition:all .15s}.admin-notices-editor-close:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-notices-field{margin-bottom:16px}.admin-notices-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.admin-notices-field input,.admin-notices-field textarea{width:100%;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);resize:vertical;border-radius:8px;padding:12px 14px;font-size:14px}.admin-notices-field input:focus,.admin-notices-field textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.admin-notices-field input:disabled,.admin-notices-field textarea:disabled{opacity:.6;cursor:not-allowed}.admin-notices-options{gap:20px;margin-bottom:16px;display:flex}.admin-notices-option{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.admin-notices-option input[type=checkbox]{cursor:pointer;width:16px;height:16px}.admin-notices-message{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.admin-notices-message.success{color:var(--color-success-bright);background:#10b9811a}.admin-notices-message.error{color:var(--color-error-bright);background:#ef44441a}.admin-notices-editor-actions{justify-content:flex-end;gap:10px;display:flex}.admin-notices-editor-actions button{cursor:pointer;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .15s}.admin-notices-editor-actions button:first-child{background:var(--bg-primary);border:1px solid var(--border-default);color:var(--text-secondary)}.admin-notices-editor-actions button:first-child:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.admin-notices-editor-actions button.primary{background:var(--accent-primary);color:#fff;border:none}.admin-notices-editor-actions button.primary:hover:not(:disabled){opacity:.9}.admin-notices-editor-actions button:disabled{opacity:.5;cursor:not-allowed}.admin-notices-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-notices-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.admin-notices-item.pinned{border-left:3px solid var(--accent-primary)}.admin-notices-item-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.admin-notices-item-header:hover{background:var(--bg-hover)}.admin-notices-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.admin-notices-pin-badge{background:var(--accent-primary);color:#fff;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600}.admin-notices-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.admin-notices-item-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.admin-notices-item-date{color:var(--text-tertiary);font-size:12px}.admin-notices-item-arrow{color:var(--text-tertiary);font-size:10px}.admin-notices-item-body{border-top:1px solid var(--border-light);background:var(--bg-secondary);padding:16px}.admin-notices-item-content{color:var(--text-secondary);white-space:pre-wrap;margin:0 0 16px;font-size:14px;line-height:1.6}.admin-notices-item-actions{gap:8px;display:flex}.admin-notices-item-actions button{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s}.admin-notices-item-actions button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.admin-notices-item-actions button.danger{border-color:var(--color-error-bright);color:var(--color-error-bright)}.admin-notices-item-actions button.danger:hover:not(:disabled){background:var(--color-error-bright);color:#fff}body.dark-mode .admin-m-tab.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #4f46e540}body.dark-mode .admin-m-type-toggle button.active{box-shadow:0 1px 3px #0000004d}body.dark-mode .admin-confirm-modal{background:var(--bg-secondary);border-color:var(--border-light)}@media (max-width:768px){.admin-minimal{padding:16px}.admin-m-header h1{font-size:18px}.admin-m-stats{flex-wrap:wrap;font-size:13px}.admin-m-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-m-tab{white-space:nowrap}.admin-m-item-detail{flex-direction:column}.admin-m-item-actions{flex-wrap:wrap}.admin-report-stats-grid{grid-template-columns:1fr}.admin-search-filter{flex-direction:column;align-items:stretch}.admin-search-actions{flex-direction:column;align-items:stretch;width:100%}.admin-search-select{width:100%}.admin-pagination{flex-direction:column;align-items:stretch;gap:10px}.admin-pagination-controls{flex-wrap:wrap;justify-content:center}.admin-pagination-summary{text-align:center}.admin-pagination-size{justify-content:center}.admin-users-filter{flex-direction:column;align-items:stretch}.admin-users-search{min-width:unset}.admin-users-status-select{width:100%}.admin-user-item{flex-direction:column;align-items:flex-start;gap:12px}.admin-user-actions{flex-wrap:wrap;width:100%}.admin-user-action-btn{flex:1;justify-content:center}.admin-stats-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-stats-card-value{font-size:22px}.admin-notices-options{flex-direction:column;gap:12px}.admin-notices-item-actions{flex-wrap:wrap}.admin-notices-item-actions button{flex:1;justify-content:center}}@media (max-width:640px){.admin-minimal{max-width:100%;padding:12px 8px 80px}.admin-m-tabs{z-index:10;background:var(--bg-primary);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;width:calc(100% + 16px);margin:0 -8px;padding:8px 4px;position:sticky;top:0;overflow-x:auto}.admin-m-tabs::-webkit-scrollbar{display:none}.admin-m-tab{white-space:nowrap;flex-shrink:0;min-width:max-content;padding:10px 14px;font-size:13px}.admin-m-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-m-header h1{font-size:16px}.admin-m-stats{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px}.admin-m-item{padding:12px}.admin-m-item-main{flex-direction:column;gap:12px}.admin-m-item-thumb{aspect-ratio:16/9;width:100%;height:auto}.admin-m-item-info{width:100%}.admin-m-item-actions{flex-direction:column;gap:8px;width:100%}.admin-m-item-actions button{justify-content:center;width:100%;min-height:44px}.admin-m-item-detail{margin-top:12px;padding:12px}.admin-m-detail-row{flex-direction:column;gap:4px}.admin-search-input{font-size:16px}.admin-user-item{padding:12px}.admin-user-avatar{width:40px;height:40px}.admin-user-action-btn{min-height:44px;padding:10px 14px}.admin-stats-grid{grid-template-columns:1fr;gap:8px}.admin-stats-card{padding:14px}.admin-stats-card-value{font-size:20px}.admin-stats-chart{height:150px}.admin-notices-item{padding:12px}.admin-notices-item-header{flex-direction:column;align-items:flex-start;gap:8px}.admin-notices-item-actions button{min-height:44px}}@media (max-width:480px){.admin-minimal{padding:8px 6px 80px}.admin-m-tab{padding:8px 12px;font-size:12px}.admin-m-header h1{font-size:15px}.admin-stats-grid{grid-template-columns:1fr;gap:6px}.admin-stats-card-value{font-size:18px}.admin-m-item{padding:10px}.admin-m-item-title{font-size:13px}.admin-m-item-meta{font-size:11px}.admin-m-item-actions button,.admin-user-action-btn,.admin-notices-item-actions button{padding:10px 12px;font-size:12px}.admin-m-feedback-item{padding:12px}.admin-m-feedback-content{font-size:13px}.admin-m-feedback-delete{width:100%;min-height:44px}.analytics-kpi-grid{grid-template-columns:1fr}.analytics-kpi-card{padding:12px}.analytics-kpi-value{font-size:20px}.analytics-section{padding:12px}.analytics-section h3{font-size:12px}}@media (hover:none) and (pointer:coarse){.admin-m-tab,.admin-m-item-actions button,.admin-user-action-btn,.admin-m-refresh,.admin-notices-item-actions button,.admin-m-feedback-delete{min-height:44px}.admin-m-tab:active,.admin-m-item-actions button:active,.admin-user-action-btn:active{opacity:.7;transform:scale(.98)}.admin-m-tabs:after{content:"";background:linear-gradient(to left,var(--bg-primary),transparent);pointer-events:none;width:20px;position:absolute;top:0;bottom:0;right:0}}.analytics-dashboard{padding:0}.analytics-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.analytics-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.analytics-refresh{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .15s}.analytics-refresh:hover{background:var(--bg-hover);color:var(--text-primary)}.analytics-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.analytics-kpi-card{background:var(--bg-secondary);border:1px solid var(--border-default);text-align:center;border-radius:10px;padding:16px}.analytics-kpi-card.highlight{background:linear-gradient(135deg,var(--brand-primary-10)0%,var(--bg-secondary)100%);border-color:var(--brand-primary-30)}.analytics-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.analytics-kpi-value{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.2}.analytics-kpi-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.analytics-section{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:10px;margin-bottom:16px;padding:16px 20px}.analytics-section.half,.analytics-section.third{flex:1;min-width:0}.analytics-row.three-col{flex-wrap:wrap}.analytics-section h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 14px;font-size:13px;font-weight:600;display:flex}.analytics-row{gap:16px;margin-bottom:16px;display:flex}.analytics-growth{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.analytics-growth.positive{color:#10b981;background:#10b9811a}.analytics-growth.negative{color:#ef4444;background:#ef44441a}.analytics-growth-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.analytics-growth-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:14px}.analytics-growth-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.analytics-growth-title{color:var(--text-muted);font-size:12px}.analytics-growth-value{color:var(--text-primary);font-size:24px;font-weight:700}.analytics-growth-compare{color:var(--text-muted);margin-top:4px;font-size:11px}.analytics-retention-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.analytics-retention-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:16px}.analytics-retention-label{color:var(--text-muted);margin-bottom:8px;font-size:12px}.analytics-retention-value{color:var(--brand-primary);margin-bottom:10px;font-size:28px;font-weight:700}.analytics-retention-bar{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.analytics-retention-fill{background:var(--brand-primary);border-radius:3px;height:100%;transition:width .3s}.analytics-segment-list{flex-direction:column;gap:10px;display:flex}.analytics-segment-item{background:var(--bg-primary);border-left:3px solid var(--border-default);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.analytics-segment-item.new{border-left-color:#10b981}.analytics-segment-item.active{border-left-color:#3b82f6}.analytics-segment-item.dormant{border-left-color:#6b7280}.analytics-segment-label{color:var(--text-secondary);font-size:13px}.analytics-segment-value{color:var(--text-primary);font-size:15px;font-weight:600}.analytics-tier-list{flex-direction:column;gap:10px;display:flex}.analytics-tier-item{grid-template-columns:60px 1fr 80px;align-items:center;gap:10px;display:grid}.analytics-tier-label{font-size:12px;font-weight:600}.analytics-tier-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.analytics-tier-fill{border-radius:4px;height:100%;transition:width .3s}.analytics-tier-value{color:var(--text-muted);text-align:right;font-size:12px}.analytics-credit-grid{flex-direction:column;gap:16px;display:flex}.analytics-credit-summary{gap:16px;display:flex}.analytics-credit-item{background:var(--bg-primary);border:1px solid var(--border-light);text-align:center;border-radius:8px;flex:1;padding:16px}.analytics-credit-item.highlight{background:linear-gradient(135deg,var(--accent-subtle)0%,var(--bg-primary)100%);border-color:var(--accent-muted)}.analytics-credit-value{color:var(--text-primary);font-size:24px;font-weight:700}.analytics-credit-label{color:var(--text-muted);margin-top:4px;font-size:12px}.analytics-credit-distribution{flex-direction:column;gap:8px;display:flex}.analytics-credit-bar-item{grid-template-columns:70px 1fr 60px;align-items:center;gap:12px;display:grid}.analytics-credit-bar-label{color:var(--text-secondary);font-size:12px}.analytics-credit-bar{background:var(--bg-tertiary);border-radius:6px;height:12px;overflow:hidden}.analytics-credit-bar-fill{border-radius:6px;height:100%;transition:width .3s}.analytics-credit-bar-fill.zero{background:#ef4444}.analytics-credit-bar-fill.low{background:#f59e0b}.analytics-credit-bar-fill.medium{background:#10b981}.analytics-credit-bar-fill.high{background:#3b82f6}.analytics-credit-bar-value{color:var(--text-muted);text-align:right;font-size:12px}.analytics-engagement-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.analytics-engagement-item{text-align:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:12px 8px}.analytics-engagement-value{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:700}.analytics-engagement-label{color:var(--text-muted);font-size:10px;line-height:1.3}.analytics-rank-list{flex-direction:column;gap:8px;display:flex}.analytics-rank-item{background:var(--bg-primary);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.analytics-rank-num{width:20px;height:20px;color:var(--text-muted);background:var(--bg-tertiary);border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.analytics-rank-item:first-child .analytics-rank-num{background:var(--brand-primary);color:#fff}.analytics-rank-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.analytics-rank-count{color:var(--text-primary);font-size:13px;font-weight:600}.analytics-hourly-chart{align-items:flex-end;gap:2px;height:80px;padding-top:8px;display:flex}.analytics-hourly-bar-wrapper{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.analytics-hourly-bar{background:var(--brand-primary);border-radius:2px 2px 0 0;width:100%;max-width:20px;min-height:2px;transition:height .3s}.analytics-hourly-label{color:var(--text-muted);margin-top:4px;font-size:9px}.analytics-trend-chart{padding-top:8px}.analytics-trend-legend{gap:16px;margin-bottom:12px;font-size:11px;display:flex}.analytics-trend-legend-item{color:var(--text-muted)}.analytics-trend-legend-item.signups{color:#10b981}.analytics-trend-legend-item.cards{color:#3b82f6}.analytics-trend-legend-item.generations{color:#8b5cf6}.analytics-trend-bars{align-items:flex-end;gap:4px;height:100px;display:flex}.analytics-trend-day{flex-direction:column;flex:1;align-items:center;display:flex}.analytics-trend-bar-group{align-items:flex-end;gap:2px;width:100%;height:80px;display:flex}.analytics-trend-bar{border-radius:2px 2px 0 0;flex:1;max-width:12px;min-height:2px;transition:height .3s}.analytics-trend-bar.signups{background:#10b981}.analytics-trend-bar.cards{background:#3b82f6}.analytics-trend-bar.generations{background:#8b5cf6}.analytics-trend-date{color:var(--text-muted);white-space:nowrap;margin-top:6px;font-size:9px}.analytics-empty{color:var(--text-muted);text-align:center;padding:16px;font-size:13px}.analytics-funnel{gap:24px;display:flex}.analytics-funnel-steps{flex-direction:column;flex:1;gap:12px;display:flex}.analytics-funnel-step{align-items:center;gap:16px;display:flex}.analytics-funnel-bar-wrapper{background:var(--bg-secondary);border-radius:4px;flex:1;height:36px;position:relative;overflow:hidden}.analytics-funnel-bar{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary,#8b5cf6));border-radius:4px;height:100%;transition:width .5s}.analytics-funnel-label{color:#fff;text-shadow:0 1px 2px #0000004d;z-index:1;font-size:13px;font-weight:600;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.analytics-funnel-stats{flex-direction:column;align-items:flex-end;min-width:80px;display:flex}.analytics-funnel-count{color:var(--text-primary);font-size:16px;font-weight:700}.analytics-funnel-rate{color:var(--text-muted);font-size:12px}.analytics-funnel-summary{background:var(--bg-secondary);border-radius:8px;flex-direction:column;gap:16px;width:200px;padding:16px;display:flex}.analytics-funnel-conversion{text-align:center;border-bottom:1px solid var(--border-light);padding-bottom:16px}.analytics-funnel-conversion-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.analytics-funnel-conversion-value{color:var(--brand-primary);font-size:28px;font-weight:700}.analytics-funnel-dropoffs{flex-direction:column;gap:8px;display:flex}.analytics-funnel-dropoff-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.analytics-funnel-dropoff-item{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.analytics-funnel-dropoff-item .dropoff-count{color:#ef4444;font-weight:600}.analytics-churn{flex-direction:column;gap:20px;display:flex}.analytics-churn-summary{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.analytics-churn-summary-item{background:var(--bg-secondary);border-left:3px solid #0000;border-radius:8px;flex-direction:column;align-items:center;padding:16px;display:flex}.analytics-churn-summary-item.critical{border-left-color:#ef4444}.analytics-churn-summary-item.high{border-left-color:#f59e0b}.analytics-churn-summary-item.zero{border-left-color:#8b5cf6}.analytics-churn-summary-item.total{border-left-color:var(--text-muted)}.analytics-churn-summary-value{color:var(--text-primary);font-size:24px;font-weight:700}.analytics-churn-summary-item.critical .analytics-churn-summary-value{color:#ef4444}.analytics-churn-summary-item.high .analytics-churn-summary-value{color:#f59e0b}.analytics-churn-summary-item.zero .analytics-churn-summary-value{color:#8b5cf6}.analytics-churn-summary-label{color:var(--text-muted);margin-top:4px;font-size:11px}.analytics-churn-lists{flex-direction:column;gap:16px;display:flex}.analytics-churn-list{background:var(--bg-secondary);border-radius:8px;padding:16px}.analytics-churn-list h4{border-bottom:1px solid var(--border-light);margin:0 0 12px;padding-bottom:8px;font-size:13px;font-weight:600}.analytics-churn-list h4.critical{color:#ef4444}.analytics-churn-list h4.high{color:#f59e0b}.analytics-churn-list h4.zero{color:#8b5cf6}.analytics-churn-user-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.analytics-churn-user-item{background:var(--bg-primary);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.analytics-churn-user-info{flex-direction:column;gap:2px;display:flex}.analytics-churn-user-name{color:var(--text-primary);font-size:13px;font-weight:600}.analytics-churn-user-email{color:var(--text-muted);font-size:11px}.analytics-churn-user-meta{text-align:right}.analytics-churn-user-inactive{color:#ef4444;font-size:12px;font-weight:600}.analytics-churn-user-credits{color:#8b5cf6;font-size:12px;font-weight:600}@media (max-width:900px){.analytics-kpi-grid,.analytics-growth-grid{grid-template-columns:repeat(2,1fr)}.analytics-engagement-grid{grid-template-columns:repeat(3,1fr)}.analytics-row{flex-direction:column}}@media (max-width:600px){.analytics-kpi-grid{grid-template-columns:1fr 1fr}.analytics-kpi-value{font-size:22px}.analytics-growth-grid{grid-template-columns:1fr}.analytics-engagement-grid{grid-template-columns:repeat(2,1fr)}.analytics-retention-grid{grid-template-columns:1fr}.analytics-hourly-label{display:none}.analytics-hourly-bar-wrapper:nth-child(odd) .analytics-hourly-label{display:block}.analytics-funnel{flex-direction:column}.analytics-funnel-summary{flex-direction:row;justify-content:space-around;width:100%}.analytics-funnel-conversion{border-bottom:none;border-right:1px solid var(--border-light);padding-bottom:0;padding-right:16px}.analytics-churn-summary{grid-template-columns:repeat(2,1fr)}}.system-dashboard{flex-direction:column;gap:24px;display:flex}.system-header{justify-content:space-between;align-items:center;display:flex}.system-header h2{margin:0;font-size:18px;font-weight:600}.system-header-actions{align-items:center;gap:12px;display:flex}.system-last-updated{color:var(--text-muted);font-size:11px}.system-refresh{border:1px solid var(--border-default);background:var(--bg-primary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px}.system-refresh:hover{background:var(--bg-hover)}.system-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.system-summary-card{background:var(--bg-secondary);text-align:center;border-radius:8px;padding:16px}.system-summary-label{color:var(--text-muted);margin-bottom:4px;font-size:11px}.system-summary-value{color:#10b981;font-size:28px;font-weight:700}.system-summary-value.warning{color:#f59e0b}.system-summary-value.danger{color:#ef4444}.system-summary-value.error{color:var(--text-muted)}.system-summary-value.error.active{color:#ef4444}.system-summary-detail{color:var(--text-muted);margin-top:4px;font-size:11px}.system-queue-summary{background:var(--bg-secondary);border-radius:8px;gap:24px;padding:12px 16px;display:flex}.system-queue-item{color:var(--text-secondary);font-size:13px}.system-queue-item.success strong{color:#10b981}.system-queue-item.failure strong{color:#ef4444}.system-section{background:var(--bg-secondary);border-radius:8px;padding:16px}.system-section h3{margin:0 0 12px;font-size:14px;font-weight:600}.system-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.system-section-header h3{margin:0}.system-filter{border:1px solid var(--border-default);background:var(--bg-primary);border-radius:4px;padding:4px 8px;font-size:12px}.system-empty{color:var(--text-muted);text-align:center;padding:24px;font-size:13px}.system-trend-chart{align-items:flex-end;gap:2px;height:100px;display:flex}.system-trend-bar-wrapper{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.system-trend-bar-stack{flex-direction:column;flex:1;justify-content:flex-end;width:100%;display:flex}.system-trend-bar{border-radius:2px 2px 0 0;width:100%;transition:height .3s}.system-trend-bar.success{background:#10b981}.system-trend-bar.error{background:#ef4444}.system-trend-label{color:var(--text-muted);margin-top:4px;font-size:9px}.system-trend-legend{justify-content:center;gap:16px;margin-top:8px;display:flex}.system-trend-legend-item{align-items:center;gap:4px;font-size:11px;display:flex}.system-trend-legend-item:before{content:"";border-radius:2px;width:10px;height:10px}.system-trend-legend-item.success:before{background:#10b981}.system-trend-legend-item.error:before{background:#ef4444}.system-error-breakdown{flex-direction:column;gap:8px;display:flex}.system-error-item{grid-template-columns:12px 100px 1fr 100px;align-items:center;gap:8px;display:grid}.system-error-dot{border-radius:50%;width:10px;height:10px}.system-error-label{font-size:12px}.system-error-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.system-error-fill{border-radius:4px;height:100%}.system-error-count{color:var(--text-muted);text-align:right;font-size:12px}.system-error-list{flex-direction:column;gap:8px;max-height:400px;display:flex;overflow-y:auto}.system-error-log-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;padding:12px}.system-error-log-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.system-error-log-type{color:#fff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.system-error-log-style{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:4px;padding:2px 6px;font-size:11px}.system-error-log-time{color:var(--text-muted);margin-left:auto;font-size:11px}.system-error-log-message{color:var(--text-primary);word-break:break-word;font-size:12px;line-height:1.4}.system-error-log-user{color:var(--text-muted);margin-top:4px;font-size:11px}@media (max-width:768px){.system-summary-grid{grid-template-columns:repeat(2,1fr)}.system-error-item{grid-template-columns:12px 80px 1fr 60px}}.skeleton{background:var(--bg-tertiary);display:block}.skeleton--pulse{animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton--wave{position:relative;overflow:hidden}.skeleton--wave:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.5s infinite skeleton-wave;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes skeleton-wave{to{transform:translate(100%)}}.skeleton-mt-4{margin-top:4px}.skeleton-mt-8{margin-top:8px}.skeleton-mt-12{margin-top:12px}.skeleton-kpi-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;padding:16px}.skeleton-list-item{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.skeleton-list-item-content{flex:1}.skeleton-table-row{background:var(--bg-secondary);border-radius:4px;gap:16px;margin-bottom:4px;padding:12px 16px;display:flex}.skeleton-chart{background:var(--bg-secondary);border-radius:8px;align-items:flex-end;padding:16px;display:flex}.skeleton-chart-bars{align-items:flex-end;gap:12px;width:100%;height:100%;display:flex}.skeleton-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.skeleton-feedback-item{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;margin-bottom:12px;padding:16px}.skeleton-feedback-header{justify-content:space-between;align-items:center;display:flex}.skeleton-feedback-user{align-items:center;gap:10px;display:flex}.skeleton-feedback-user-info{flex-direction:column;display:flex}.skeleton-feedback-actions{gap:8px;margin-top:12px;display:flex}.skeleton-queue-item{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;margin-bottom:10px;padding:14px}.skeleton-queue-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.skeleton-queue-content{gap:16px;margin-bottom:10px;display:flex}.skeleton-queue-footer{justify-content:space-between;align-items:center;display:flex}.analytics-retention-chart-wrapper,.analytics-tier-chart-wrapper,.analytics-hourly-chart-wrapper,.analytics-trend-chart-wrapper{background:var(--bg-secondary);border-radius:8px;margin-top:12px;padding:16px}.analytics-retention-summary{gap:24px;margin-top:12px;display:flex}.analytics-retention-item{flex-direction:column;gap:4px;display:flex}.analytics-retention-item .analytics-retention-label{color:var(--text-secondary);font-size:12px}.analytics-retention-item .analytics-retention-value{color:#10b981;font-size:20px;font-weight:600}.admin-export-btn{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.admin-export-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.admin-export-btn:disabled{opacity:.5;cursor:not-allowed}.admin-users-filter{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.feedback-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-m-header-actions{align-items:center;gap:8px;display:flex}.admin-shortcuts-btn{border:1px solid var(--border-default);background:var(--bg-primary);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:14px;font-weight:600;transition:all .15s}.admin-shortcuts-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.shortcuts-modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.shortcuts-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;width:100%;max-width:400px;animation:.2s slideUp;box-shadow:0 20px 50px #0000004d}.shortcuts-modal-header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.shortcuts-modal-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.shortcuts-modal-close{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;font-size:20px;transition:all .15s}.shortcuts-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.shortcuts-modal-content{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.shortcuts-item{justify-content:space-between;align-items:center;gap:16px;display:flex}.shortcuts-key{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-family:monospace;font-size:12px;display:inline-flex}.shortcuts-desc{color:var(--text-primary);font-size:13px}.error-boundary{justify-content:center;align-items:center;min-height:200px;padding:32px;display:flex}.error-boundary-content{text-align:center;max-width:400px}.error-boundary-icon{color:#ef4444;background:#ef44441a;border:2px solid #ef4444;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:24px;font-weight:700;display:flex}.error-boundary-title{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.error-boundary-message{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.5}.error-boundary-retry{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.error-boundary-retry:hover{opacity:.9}.tab-error{text-align:center;padding:40px 20px}.tab-error-message{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.tab-error-retry{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .15s}.tab-error-retry:hover{background:var(--bg-hover)}.queue-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.queue-realtime-status{align-items:center;gap:8px;display:flex}.queue-realtime-dot{border-radius:50%;width:8px;height:8px;transition:background .3s}.queue-realtime-dot.connected{background:#10b981;animation:2s infinite pulse-green;box-shadow:0 0 6px #10b98180}.queue-realtime-dot.disconnected{background:#6b7280}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.queue-realtime-label{color:var(--text-secondary);font-size:12px}.queue-realtime-last{color:var(--text-muted);border-left:1px solid var(--border-default);margin-left:8px;padding-left:8px;font-size:11px}body.view-admin-stats .topbar{display:none}body.view-admin-stats .banner{padding-bottom:20px}body.view-admin-stats .banner-title{font-size:28px}body.view-admin-stats .banner-sub,body.view-admin-stats .banner-subtitle{display:none}body.view-admin-stats .content{width:100%;max-width:100%;padding:0}body.view-admin-stats .main{background:var(--bg-primary);width:100%;margin:0;padding:0 0 0 24px}body.view-admin-stats .sidebar{margin:0}body.view-admin-stats .app-row{gap:0}.stats-dashboard{width:100%;max-width:800px;min-height:calc(100vh - 150px);margin:0;padding:24px 32px 24px 48px}.stats-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.stats-header h1{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.stats-period-filter{background:var(--bg-secondary);border-radius:8px;gap:2px;padding:3px;display:flex}.stats-period-filter button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.stats-period-filter button:hover{color:var(--text-primary)}.stats-period-filter button.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.stats-loading{text-align:center;color:var(--text-tertiary);padding:60px 20px;font-size:14px}.stats-empty{color:var(--text-tertiary);text-align:center;padding:20px;font-size:13px}.stats-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;display:grid}.stats-summary-item{background:var(--bg-secondary);text-align:center;border-radius:10px;padding:16px}.stats-summary-value{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2;display:block}.stats-summary-label{color:var(--text-tertiary);font-size:12px}.stats-section{margin-bottom:28px}.stats-section-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;display:flex}.stats-section-icon{color:var(--text-tertiary);align-items:center;display:flex}.stats-section-icon.success{color:#22c55e}.stats-section-icon.failure{color:var(--color-error-bright)}.stats-section-icon svg{width:20px;height:20px}.stats-period-badge{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.stats-charts{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stats-chart{background:var(--bg-secondary);border-radius:10px;padding:16px}.stats-chart-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stats-chart-label{color:var(--text-secondary);font-size:13px;font-weight:500}.stats-chart-value{color:var(--color-success-bright);font-size:14px;font-weight:700}.stats-chart-bars{align-items:flex-end;gap:4px;height:60px;display:flex}.stats-bar-wrapper{flex:1;align-items:flex-end;height:100%;display:flex}.stats-bar{border-radius:2px;width:100%;min-height:4px;transition:height .3s}.stats-bar.users{background:var(--gradient-violet)}.stats-bar.cards{background:var(--gradient-success)}.stats-chart-values{gap:4px;margin-top:6px;display:flex}.stats-chart-day-value{text-align:center;color:var(--text-primary);flex:1;font-size:12px;font-weight:600}.stats-chart-labels{gap:4px;margin-top:2px;display:flex}.stats-chart-day{text-align:center;color:var(--text-tertiary);flex:1;font-size:10px}.stats-activity{gap:16px;display:flex}.stats-activity-item{background:var(--bg-secondary);border-radius:10px;flex:1;align-items:center;gap:12px;padding:14px 16px;display:flex}.stats-activity-icon{font-size:20px}.stats-activity-info{flex-direction:column;display:flex}.stats-activity-value{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.2}.stats-activity-label{color:var(--text-tertiary);font-size:11px}.stats-generation-summary{margin-bottom:20px}.stats-gen-rate{flex-direction:column;gap:8px;display:flex}.stats-gen-rate-bar{background:#fee2e2;border-radius:12px;height:24px;overflow:hidden}.stats-gen-rate-fill.success{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:12px;height:100%;transition:width .5s}.stats-gen-rate-labels{flex-wrap:wrap;gap:16px;font-size:13px;font-weight:600;display:flex}.stats-gen-rate-labels .success{color:#22c55e}.stats-gen-rate-labels .failure{color:var(--color-error-bright)}.stats-gen-rate-labels .pending{color:#f59e0b}.stats-icon-inline{align-items:center;margin-right:4px;display:inline-flex}.stats-icon-inline.success svg{stroke:#22c55e}.stats-icon-inline.failure svg{stroke:var(--color-error-bright)}.stats-icon-inline.pending svg{stroke:#f59e0b}.stats-error-breakdown{background:var(--bg-secondary);border-radius:12px;padding:16px}.stats-subsection-title{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.stats-error-list{flex-direction:column;gap:10px;display:flex}.stats-error-item{grid-template-columns:24px 100px 90px 1fr;align-items:center;gap:10px;display:grid}.stats-error-icon{justify-content:center;align-items:center;display:flex}.stats-error-icon svg{width:16px;height:16px}.stats-error-label{color:var(--text-secondary);font-size:13px}.stats-error-count{color:var(--text-primary);text-align:right;font-size:13px;font-weight:600}.stats-error-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.stats-error-bar-fill{border-radius:4px;height:100%;transition:width .3s}.stats-success-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stats-success-card{background:var(--bg-secondary);border-radius:12px;padding:16px}.stats-success-card h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;display:flex}.stats-card-icon{color:var(--text-tertiary);display:flex}.stats-card-icon svg{width:16px;height:16px}.stats-feedback-bar-container{margin-bottom:12px}.stats-feedback-bar{background:var(--bg-tertiary);border-radius:14px;height:28px;display:flex;overflow:hidden}.stats-feedback-fill.like{background:linear-gradient(90deg,var(--color-info-blue),var(--color-info-blue-light));height:100%;transition:width .5s}.stats-feedback-fill.dislike{background:linear-gradient(90deg,#9ca3af,#d1d5db);height:100%;transition:width .5s}.stats-feedback-breakdown{flex-direction:column;gap:8px;display:flex}.stats-feedback-item{align-items:center;gap:8px;font-size:13px;display:flex}.stats-feedback-item .icon{width:20px;display:flex}.stats-feedback-item .icon svg{width:14px;height:14px}.stats-feedback-item.like .icon svg{stroke:var(--color-info-blue)}.stats-feedback-item.dislike .icon svg{stroke:#6b7280}.stats-feedback-item.none .icon svg{stroke:#9ca3af}.stats-feedback-item .label{color:var(--text-secondary);flex:1}.stats-feedback-item .value{color:var(--text-primary);font-weight:600}.stats-feedback-item .percent{color:var(--text-tertiary);font-size:12px}.stats-upscale-summary{text-align:center}.stats-upscale-main{margin-bottom:12px}.stats-upscale-value{color:var(--accent-primary);font-size:32px;font-weight:700}.stats-upscale-label{color:var(--text-secondary);margin-left:4px;font-size:14px}.stats-upscale-rate{align-items:center;gap:12px;margin-bottom:8px;display:flex}.stats-upscale-bar{background:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.stats-upscale-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;height:100%;transition:width .5s}.stats-upscale-percent{color:var(--accent-primary);min-width:40px;font-size:14px;font-weight:600}.stats-upscale-note{color:var(--text-tertiary);margin:0;font-size:12px}.stats-upscale-ratio{justify-content:center;margin-top:20px;display:flex}.stats-upscale-ratio-box{text-align:center;background:linear-gradient(135deg,#8b5cf626,#a78bfa1a);border:1px solid #8b5cf64d;border-radius:12px;padding:20px 32px}.stats-upscale-ratio-value{color:#8b5cf6;font-size:36px;font-weight:700;line-height:1.2;display:block}.stats-upscale-ratio-label{color:var(--text-secondary);margin-top:4px;font-size:13px;display:block}body.dark-mode .stats-period-filter button.active{box-shadow:0 1px 3px #0000004d}@media (max-width:768px){.stats-dashboard{padding:16px}.stats-summary{grid-template-columns:repeat(2,1fr)}.stats-charts{grid-template-columns:1fr}.stats-activity{flex-direction:column}.stats-success-grid{grid-template-columns:1fr}.stats-error-item{grid-template-columns:24px 1fr;gap:8px}.stats-error-item .stats-error-count{text-align:left;grid-column:2}.stats-error-item .stats-error-bar{grid-column:1/-1}}.realtime-dashboard,.payments-dashboard{width:100%;max-width:800px;min-height:calc(100vh - 150px);margin:0;padding:24px 32px 24px 48px}.realtime-header,.payments-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.realtime-header h2,.payments-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.realtime-header-info{align-items:center;gap:16px;display:flex}.realtime-live-badge{color:#ef4444;background:#ef44441a;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.realtime-live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.realtime-updated{color:var(--text-tertiary);font-size:12px}.payments-period-filter{background:var(--bg-secondary);border-radius:8px;gap:2px;padding:3px;display:flex}.payments-period-filter button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.payments-period-filter button:hover{color:var(--text-primary)}.payments-period-filter button.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.realtime-kpi-grid,.payments-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.realtime-kpi-card,.payments-kpi-card{background:var(--bg-secondary);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.realtime-kpi-card.primary{background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid #8b5cf633}.payments-kpi-card.highlight{background:linear-gradient(135deg,#10b98126,#22c55e1a);border:1px solid #10b98133}.realtime-kpi-pulse{background:#8b5cf6;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-ring;position:absolute;top:12px;right:12px}@keyframes pulse-ring{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.realtime-kpi-icon,.payments-kpi-icon{background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;display:flex}.realtime-kpi-card.primary .realtime-kpi-icon{color:#8b5cf6;background:#8b5cf633}.payments-kpi-card.highlight .payments-kpi-icon{color:#10b981;background:#10b98133}.realtime-kpi-content,.payments-kpi-content{flex:1}.realtime-kpi-value,.payments-kpi-value{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.2}.realtime-kpi-label,.payments-kpi-label{color:var(--text-tertiary);margin-top:2px;font-size:12px}.realtime-kpi-sub,.payments-kpi-sub{color:var(--text-tertiary);margin-top:4px;font-size:11px}.payments-growth{color:var(--text-tertiary);margin-top:4px;font-size:12px;font-weight:600;display:inline-block}.payments-growth.positive{color:#10b981}.payments-growth.negative{color:#ef4444}.realtime-section,.payments-section{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:20px}.realtime-section h3,.payments-section h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;display:flex}.realtime-section-icon,.payments-section-icon{color:var(--text-tertiary);display:flex}.realtime-pageviews,.payments-methods{flex-direction:column;gap:12px;display:flex}.realtime-pageview-item,.payments-method-item{align-items:center;gap:12px;display:flex}.realtime-pageview-info,.payments-method-info{flex-shrink:0;justify-content:space-between;width:100px;display:flex}.realtime-pageview-page,.payments-method-name{color:var(--text-primary);font-size:13px;font-weight:500}.realtime-pageview-count,.payments-method-count{color:var(--text-tertiary);font-size:12px}.realtime-pageview-bar,.payments-method-bar{background:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.realtime-pageview-fill,.payments-method-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;height:100%;transition:width .3s}.payments-method-amount{color:var(--text-primary);text-align:right;min-width:80px;font-size:13px;font-weight:600}.realtime-activity-feed{flex-direction:column;gap:10px;max-height:300px;display:flex;overflow-y:auto}.realtime-activity-item{background:var(--bg-primary);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.realtime-activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.realtime-activity-type{color:var(--text-secondary);min-width:80px}.realtime-activity-user{color:var(--text-primary);font-weight:500}.realtime-activity-detail{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.realtime-activity-time{color:var(--text-tertiary);font-size:12px}.payments-chart{position:relative}.payments-chart-legend{gap:16px;margin-bottom:16px;display:flex}.payments-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.payments-legend-item:before{content:"";border-radius:3px;width:12px;height:12px}.payments-legend-item.subscriptions:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.payments-legend-item.tokens:before{background:linear-gradient(135deg,#10b981,#34d399)}.payments-chart-bars{align-items:flex-end;gap:8px;height:120px;display:flex}.payments-chart-bar-group{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}.payments-chart-stacked{flex-direction:column;flex:1;justify-content:flex-end;gap:2px;width:100%;display:flex}.payments-chart-bar{border-radius:3px;width:100%;min-height:2px;transition:height .3s}.payments-chart-bar.subscriptions{background:linear-gradient(#8b5cf6,#a78bfa)}.payments-chart-bar.tokens{background:linear-gradient(#10b981,#34d399)}.payments-chart-label{color:var(--text-tertiary);font-size:10px}.payments-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.payments-section.half{margin-bottom:0}.payments-sub-stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.payments-sub-stat{background:var(--bg-primary);border-radius:8px;flex-direction:column;gap:2px;padding:12px;display:flex}.payments-sub-label{color:var(--text-tertiary);font-size:11px}.payments-sub-value{color:var(--text-primary);font-size:16px;font-weight:600}.payments-sub-stat.new .payments-sub-value{color:#10b981}.payments-sub-stat.cancelled .payments-sub-value{color:#ef4444}.payments-transactions{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.payments-transaction-item{background:var(--bg-primary);border-radius:8px;grid-template-columns:50px 1fr 1fr 100px 60px 80px;align-items:center;gap:12px;padding:12px;font-size:13px;display:grid}.payments-tx-type{color:var(--text-secondary);font-weight:500}.payments-tx-user{color:var(--text-primary);font-weight:500}.payments-tx-detail{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.payments-tx-amount{color:var(--text-primary);text-align:right;font-weight:600}.payments-tx-status{text-align:center;font-weight:500}.payments-tx-date{color:var(--text-tertiary);text-align:right;font-size:12px}.realtime-empty,.payments-empty{text-align:center;color:var(--text-tertiary);padding:32px 20px}.realtime-empty p,.payments-empty p{margin:0;font-size:14px}.realtime-empty-hint,.payments-empty-hint{color:var(--text-tertiary);margin-top:8px!important;font-size:12px!important}.realtime-notice,.payments-notice{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:10px;margin-top:24px;padding:16px}.realtime-notice p,.payments-notice p{color:var(--text-secondary);margin:0;font-size:13px}.realtime-notice strong,.payments-notice strong{color:#f59e0b}@media (max-width:768px){.realtime-dashboard,.payments-dashboard{padding:16px}.realtime-kpi-grid,.payments-kpi-grid{grid-template-columns:repeat(2,1fr)}.payments-row{grid-template-columns:1fr}.payments-transaction-item{grid-template-columns:50px 1fr 80px}.payments-tx-detail,.payments-tx-status,.payments-tx-date{display:none}.payments-chart-bars{height:80px}}@media (max-width:480px){.realtime-kpi-grid,.payments-kpi-grid,.payments-sub-stats{grid-template-columns:1fr}}body.dark-mode{--bg-primary:#0f172a;--bg-secondary:#0b1220;--bg-tertiary:#1e293b;--bg-hover:#1e293b;--bg-active:#1e293b;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--border-light:#243041;--border-default:#334155;--border-medium:#475569;--accent-primary:#818cf8;--accent-secondary:#a78bfa;--accent-hover:#a5b4fc;--accent-active:#c7d2fe;--accent-light:#818cf826;--accent-violet:#818cf8;--accent-violet-light:#a5b4fc;--accent-violet-lighter:#c4b5fd;--color-success-bright:#34d399;--color-success-light:#2dd4bf;--color-error-bright:#f87171;--color-info-blue:#60a5fa;--color-info-blue-light:#93c5fd;--gradient-primary:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);--gradient-violet:linear-gradient(135deg,var(--accent-violet)0%,#a78bfa 100%);--gradient-success:linear-gradient(180deg,var(--color-success-bright),var(--color-success-light));--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 6px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 40px #0000008c;--shadow-xl:0 24px 50px #0009;--skeleton-base:#1e293b;--skeleton-highlight:#334155}body.dark-mode .sidebar{background:#060b17f5;border-right:1px solid #1f293b}body.dark-mode .menu-top .menu-item{color:var(--text-tertiary);border-color:#0000}body.dark-mode .menu-top .menu-item:not(.active):hover{color:var(--text-secondary);background:#94a3b81a}body.dark-mode .menu-top .menu-item.active{color:var(--text-primary);background:#818cf833;border-radius:12px;box-shadow:0 12px 32px #000000a6}body.dark-mode .search-box{background:#0f172ad9;border-color:#1f293b;box-shadow:0 24px 48px #0000008c}body.dark-mode .search-input{color:var(--text-primary)}body.dark-mode .banner,body.dark-mode .banner-menu,body.dark-mode .top-actions .btn-light,body.dark-mode .top-actions .btn-login{box-shadow:0 16px 40px #0000008c}body.dark-mode .banner-menu{background:#0b111ffa;border-color:#1f293b}body.dark-mode .btn-light{color:#e2e8f0;background:#94a3b814;border-color:#2f3c55}body.dark-mode .btn-light:hover{background:#94a3b82e;border-color:#4b5567}body.dark-mode .btn-login{box-shadow:0 16px 32px #818cf873}body.dark-mode .card,body.dark-mode .gallery-card,body.dark-mode .subscription-card{background:#131c2f;border-color:#1f293b;box-shadow:0 18px 46px #0000008c}body.dark-mode .card-meta,body.dark-mode .card-meta-inline{color:#cbd5f5;background:#0b111fcc;border-color:#94a3b826}body.dark-mode .card-meta-inline .card-title{color:#f8fafc}body.dark-mode .card-description{color:#a5b4fc}body.dark-mode .card-stat{color:#e2e8f0}body.dark-mode .card-stat.card-comments{color:#cbd5f5}body.dark-mode .card-stat.heart.active{color:#f87171}body.dark-mode .card-info,body.dark-mode .gallery-card .gallery-meta{background:#0b111ff2;border-color:#1f293b}body.dark-mode .card-owned-chip{background:#60a5fad9;box-shadow:0 12px 24px #0000008c}body.dark-mode .card .card-content:after,body.dark-mode .gallery-card .card-content:after{background:#ffffff0d}body.dark-mode .lightbox-panel{background:#111a2b;border:1px solid #1f293b}body.dark-mode .lb-pane-image{background:#0b1220;border-color:#1b2538}body.dark-mode .lb-prompt-input{color:#e2e8f0;background:#0b1220f2;border-color:#2c3a51}body.dark-mode .lb-action{color:#e2e8f0;background:#94a3b814;border-color:#2d3b53}body.dark-mode .lb-action.lb-like.is-active{color:#fecaca;background:#ef444447;border-color:#f87171b3}body.dark-mode .lb-btn{color:var(--text-primary);background:#f8fafc2e}body.dark-mode .lb-comment-avatar{color:#e2e8f0;background:#0f172aa6;border-color:#fff3}.grid{grid-template-columns:repeat(4,1fr)}.sidebar{display:flex}.vertical-divider{display:block}.main{margin-left:0}body.view-home .home-workspace{width:100%;margin:0;padding:0}body.view-home .content{min-height:calc(100vh - 80px)}.top-actions-pc{display:flex}.profile-menu-pc{display:none}.profile-menu-pc.open{display:flex}.top-actions-mobile-profile,.tablet-menu-bar{display:none}@media (min-width:641px){.mobile-bottom-nav{display:none}}.banner{padding-top:20px;display:flex}.banner-hamburger{display:none}.search-box-pc{display:flex}.search-overlay-mobile{display:none}.lb-grid{grid-template-columns:1fr 1fr}.lb-pane-prompt{display:flex}.lb-prompt-toggle{display:none}.lightbox-panel .lb-close{display:flex}.lb-mobile-title{display:none}@media (max-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}body.view-home .home-workspace{width:100%;margin:0;padding:0}}@media (min-width:641px) and (max-width:900px){.sidebar,.vertical-divider{display:none}.app-row{margin-left:0}.main{width:100%;margin-left:0}.banner{text-align:center;align-items:center;padding-top:60px;position:relative}.tablet-menu-bar{z-index:60;gap:3px;display:flex;position:absolute;top:12px;left:12px}.tablet-menu-bar .tablet-menu-item{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-light);cursor:pointer;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s}.tablet-menu-bar .tablet-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.tablet-menu-bar .tablet-menu-item.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.banner-hamburger{display:none}body.view-home .home-workspace{width:100%;max-width:100vw;margin:0;padding:0}.grid{grid-template-columns:repeat(3,1fr);gap:16px}.lb-grid{grid-template-columns:1fr}.lb-actions{grid-column:1/-1}.lb-pane-image{border:none;border-radius:12px;overflow:hidden}.lb-pane-image img{border-radius:12px}.lb-mobile-title{display:block}.lb-pane-prompt{display:none}.lb-pane-prompt.is-expanded,.lb-prompt-toggle{display:flex}.lightbox-panel .lb-close{display:none}.lb-comment-section{border-radius:0;margin-left:-8px;margin-right:-8px;padding:12px 8px}.lightbox-overlay{align-items:flex-start;padding:0 0 16px}.lightbox-panel{border-top:none;border-radius:0 0 16px 16px;width:100vw;max-height:100vh;padding:8px 8px 16px}}@media (max-width:768px){.top-actions-pc,.profile-menu-pc{display:none}.top-actions-mobile-profile{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .15s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}body.dark-mode .top-actions-mobile-profile{background:#1e1e23d9;box-shadow:0 2px 8px #0000004d}.top-actions-mobile-profile:hover{transform:scale(1.05)}.top-actions-mobile-profile .profile-avatar-img{object-fit:cover;width:100%;height:100%}.top-actions-mobile-profile .avatar-initial{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}.top-actions-mobile-profile.login-btn{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1)}.top-actions-mobile-profile.login-btn svg{color:#fff}.profile-menu-mobile{-webkit-backdrop-filter:blur(16px);z-index:120;background:#fffffff2;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:4px;width:200px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 20px #0000001f}body.dark-mode .profile-menu-mobile{background:#1e1e23f2;border-color:#ffffff1a;box-shadow:0 4px 20px #0006}.profile-menu-mobile.open{display:flex}.mobile-menu-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.mobile-menu-item:hover{background:var(--bg-hover)}.mobile-menu-token{cursor:default}.mobile-menu-token svg{flex-shrink:0}.mobile-menu-token-count{color:#4f46e5;font-weight:700}.mobile-menu-theme svg{color:var(--text-secondary)}.mobile-menu-theme:hover svg{color:#4f46e5}.mobile-menu-legal{color:var(--text-secondary)}.mobile-menu-legal svg{color:var(--text-tertiary)}.mobile-menu-legal:hover{background:var(--bg-hover)}.mobile-menu-notification{position:relative}.mobile-menu-notification svg{color:var(--text-secondary)}.mobile-menu-notification:hover svg{color:var(--accent-primary)}.mobile-menu-notification-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex}.mobile-menu-logout,.mobile-menu-logout svg{color:#dc2626}.mobile-menu-logout:hover{background:#ef44441a}.mobile-menu-login,.mobile-menu-login svg{color:#4f46e5}.mobile-menu-login:hover{background:#4f46e51a}.mobile-menu-divider{background:var(--border-color,#00000014);height:1px;margin:8px 0}body.dark-mode .mobile-menu-divider{background:#ffffff1a}.mobile-menu-socials{justify-content:center;gap:12px;padding:12px 14px;display:flex}.mobile-social-btn{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.mobile-social-youtube{color:#fff;background:red}.mobile-social-youtube:hover{background:#c00;transform:scale(1.05)}.mobile-social-discord{color:#fff;background:#5865f2}.mobile-social-discord:hover{background:#4752c4;transform:scale(1.05)}.mobile-social-x{color:#fff;background:#000}.mobile-social-x:hover{background:#1a1a1a;transform:scale(1.05)}body.dark-mode .mobile-social-x{color:#000;background:#fff}body.dark-mode .mobile-social-x:hover{background:#e0e0e0}}@media (max-width:1024px){body.view-create .create-mode-grid,body.view-create-workspace .create-mode-grid{gap:24px;max-width:700px;padding:60px 32px}body.view-create .create-mode-card,body.view-create-workspace .create-mode-card{padding:48px 36px}body.view-create .create-mode-card-title,body.view-create-workspace .create-mode-card-title{font-size:26px}}@media (max-width:640px){.sidebar,.vertical-divider{display:none}.app-row{margin-left:0}.main{width:100%;margin-left:0}.search-box{border-radius:10px;width:100%;min-width:0;height:48px;padding:0 12px}.content{background:var(--bg-primary);padding:12px}.grid{gap:12px}.card{flex:none;height:auto}.subscription-nav{display:none!important}.card.with-content{border-radius:12px 12px 0 0;overflow:visible}.card.with-content .card-content{aspect-ratio:1;border-radius:12px 12px 0 0;height:auto;margin:0}body.view-home .topbar:after{display:none}body.view-home .content{background:var(--bg-primary);padding:0 0 60px;display:block}body.view-home .home-workspace{background:var(--bg-primary);width:100%;max-width:100vw;max-height:none;margin:0;padding:0;overflow-y:visible}body.view-home .grid{box-sizing:border-box;background:var(--bg-primary);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:8px}body.view-home .card{background:var(--bg-primary);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 16px #0f172a1f}body.view-home .card .card-content{aspect-ratio:1;border-radius:12px 12px 0 0;min-height:auto;position:relative;overflow:hidden}body.view-home .card .card-content:before,body.view-home .card .card-title-overlay{display:none}body.view-home .card-overlay-stats{display:contents}body.view-home .card-overlay-stats .overlay-stat{color:#fff;text-shadow:0 1px 2px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#374151bf;align-items:center;gap:5px;padding:8px 12px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:0}body.view-home .card-overlay-stats .overlay-stat:first-child{border-top-right-radius:10px;left:0}body.view-home .card-overlay-stats .overlay-stat:last-child{border-top-left-radius:10px;right:0}body.view-home .card-overlay-stats .overlay-stat svg{opacity:.9;width:16px;height:16px}body.view-home .card-meta-inline{background:var(--bg-primary);border-top:1px solid var(--border-light);align-items:center;gap:10px;min-height:56px;padding:12px 14px;display:flex}body.view-home .card-meta-inline .card-stat.heart{display:none}body.view-home .card-meta-inline .card-author-avatar{object-fit:cover;border:2px solid var(--border-light);border-radius:50%;flex-shrink:0;width:42px;min-width:42px;height:42px}body.view-home .card-meta-inline .card-meta-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}body.view-home .card-meta-inline .card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;order:-1;font-size:14px;font-weight:600;overflow:hidden}body.view-home .card-meta-inline .card-author-name{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}body.view-home .card-meta-inline .card-stat.card-comments{display:none}body.dark-mode.view-home .card{background:#131c2f;box-shadow:0 4px 16px #0000004d}body.dark-mode.view-home .card-meta-inline{background:#131c2f;border-top-color:#94a3b81f}body.dark-mode.view-home .card-meta-inline .card-author-avatar{border:none}body.dark-mode.view-home .card-meta-inline .card-stat.heart{color:#f87171;background:#f43f5e26}body.dark-mode.view-home .card-meta-inline .card-stat.heart.active{background:var(--color-error);color:#fff}.top-actions .token-stack{flex-direction:row;align-items:center;gap:6px;width:auto;margin-left:auto;display:flex}.top-actions .token-balance-panel{order:1}.token-chip{gap:4px;padding:4px 8px}.token-chip .token-icon{width:16px;height:20px}.token-chip .token-icon:before{width:10px;height:18px}.token-chip .token-label{display:none}.token-chip .token-value{min-width:24px;height:24px;font-size:.8rem}.token-controls{flex-direction:row;order:2;align-items:center;gap:6px;width:auto;display:flex}.token-controls #themeToggle{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0;font-size:0;display:inline-flex}.token-controls #themeToggle:after{content:"🌙";font-size:14px}body.dark-mode .token-controls #themeToggle:after{content:"☀️"}.token-controls #loginButton{border-radius:50%;order:3;width:32px;min-width:32px;height:32px;padding:0;font-size:11px}.token-controls #loginButton.btn-avatar{width:32px;min-width:32px;height:32px}.profile-menu{width:260px;top:calc(100% + 8px);right:12px}.banner{min-height:auto;padding:26px 16px 12px}.topbar{display:none!important}.banner-title{margin:0;font-size:24px}.banner-sub{margin:0;font-size:11px}.banner-hamburger{display:none!important}body.view-home .bottomspace,body.view-home .bottom-space{height:0;margin:0;padding:0;display:none}body.view-profile .content{padding-bottom:80px}body.view-profile .profile-inner{padding-bottom:20px}body.view-profile .banner{min-height:auto;padding:20px 16px 12px}body.view-profile .banner-title{margin:0;font-size:28px}body.view-profile .profile-header{padding-top:8px;margin-top:0!important}}@media (max-width:600px){.top-actions-pc{display:none}.top-actions-mobile-profile{z-index:151;display:flex;position:relative}.profile-menu-mobile{-webkit-backdrop-filter:blur(16px);z-index:150;background:#fffffff2;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:4px;width:200px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 20px #0000001f}body.dark-mode .profile-menu-mobile{background:#1e1e23f2;border-color:#ffffff1a;box-shadow:0 4px 20px #0006}.profile-menu-mobile.open{display:flex}.top-right-area:before{pointer-events:none}.search-area{width:44px;height:44px}.search-area .search-trigger{width:44px;min-width:44px;height:44px}.search-area .search-trigger svg{width:20px;height:20px}.search-area.expanded{width:240px}body.dark-mode .search-area .search-trigger{background:#1e1e23e6}}@media (max-width:520px){.token-chip{gap:10px;padding:8px 18px}.token-chip .token-label{letter-spacing:.04em;font-size:.9rem}.token-chip .token-value{font-size:1.08rem}}@media (max-width:480px){.token-chip{gap:8px;padding:6px 12px 6px 8px}.token-icon{width:24px;height:24px}body.view-home .card-meta-inline{gap:8px;min-height:56px;padding:10px 12px}body.view-home .card-meta-inline .card-author-avatar{width:38px;min-width:38px;height:38px}body.view-home .card-meta-inline .card-author-name{font-size:11px}body.view-home .card-meta-inline .card-title{font-size:13px}body.view-home .card-overlay-stats .overlay-stat{padding:6px 10px;font-size:13px}body.view-home .card-overlay-stats .overlay-stat svg{width:14px;height:14px}}@media (max-width:768px){.mobile-hide{display:none!important}}@media (max-width:640px){.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#fffffffa;border-top:none;justify-content:space-around;align-items:center;height:60px;padding:0 4px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #94a3b826,0 -4px 20px #0f172a0f}.mobile-bottom-nav.nav-hidden{transform:translateY(100%)}.mobile-bottom-nav.sheet-open{opacity:0!important;pointer-events:none!important}body.dark-mode .mobile-bottom-nav{background:#0f172afa;box-shadow:0 -1px #94a3b81a,0 -4px 20px #00000059}.mobile-nav-item{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:52px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex}.mobile-nav-item svg{stroke-width:1.8px;width:22px;height:22px;transition:transform .2s}.mobile-nav-item.active{color:var(--accent-primary)}.mobile-nav-item.active svg{transform:scale(1.1)}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.create-btn{color:#fff;background:var(--gradient-violet);border-radius:50%;width:52px;height:52px;margin-top:-20px;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 4px 20px #6366f166,0 2px 8px #0000001a}.mobile-nav-item.create-btn:active{transform:scale(.92);box-shadow:0 2px 12px #6366f14d}.mobile-nav-item.create-btn svg{stroke-width:2.5px;width:28px;height:28px}.mobile-nav-item.create-btn .nav-label{display:none}body.dark-mode .mobile-nav-item.create-btn{background:linear-gradient(135deg,var(--accent-violet-light)0%,var(--accent-violet-lighter)100%);box-shadow:0 4px 20px #818cf859}.create-sheet-overlay{z-index:200;opacity:1;background:#0006;transition:opacity .3s;position:fixed;inset:0}.create-sheet-overlay.closing{opacity:0}.create-bottom-sheet{background:var(--bg-primary);z-index:201;visibility:hidden;touch-action:none;border-radius:16px 16px 0 0;padding:8px 16px 24px;transition:transform .3s cubic-bezier(.33,1,.68,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.create-bottom-sheet.active{visibility:visible;transform:translateY(0)}.create-bottom-sheet.closing{transform:translateY(100%)}body.dark-mode .create-bottom-sheet{background:#1e293b}.sheet-handle{background:var(--border-default);cursor:grab;border-radius:3px;width:40px;height:5px;margin:0 auto 12px}.sheet-handle:active{background:var(--text-tertiary)}.sheet-content{flex-direction:column;gap:8px;display:flex}.sheet-item{background:var(--bg-secondary);cursor:pointer;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:60px;padding:18px 20px;transition:background .15s;display:flex}.sheet-item:active{background:var(--bg-tertiary)}body.dark-mode .sheet-item{background:#ffffff0d}body.dark-mode .sheet-item:active{background:#ffffff1a}.sheet-label{color:var(--text-primary);font-size:16px;font-weight:600}.sheet-desc{color:var(--text-tertiary);font-size:13px}.sheet-item-disabled{opacity:.5;cursor:not-allowed}.sheet-item-disabled:active{background:var(--bg-secondary)}body.dark-mode .sheet-item-disabled:active{background:#ffffff0d}.coming-soon-badge{background:var(--accent-primary);color:#fff;vertical-align:middle;border-radius:3px;margin-left:6px;padding:2px 5px;font-size:9px;font-weight:500;display:inline-block}}@media (max-width:430px){.search-overlay-mobile{z-index:200;-webkit-backdrop-filter:blur(8px);background:#0f172a99;justify-content:center;align-items:flex-start;padding:80px 0 0;display:none;position:fixed;inset:0}.search-box-container.expanded .search-overlay-mobile{animation:.2s ease-out mobileSearchFadeIn;display:flex}@keyframes mobileSearchFadeIn{0%{opacity:0}to{opacity:1}}.search-overlay-form{-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:16px;align-items:center;gap:12px;width:calc(100% - 32px);max-width:400px;padding:14px 18px;animation:.3s cubic-bezier(.34,1.56,.64,1) mobileSearchSlideUp;display:flex;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff1a}@keyframes mobileSearchSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}body.dark-mode .search-overlay-mobile{background:#000000b3}body.dark-mode .search-overlay-form{background:#1e1e23fa;border-color:#ffffff26;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d}.search-overlay-icon{color:#4f46e5;flex-shrink:0;width:22px;height:22px}.search-overlay-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:17px;font-weight:500}.search-overlay-input::placeholder{color:var(--text-tertiary);font-weight:400}.search-overlay-close{cursor:pointer;width:38px;height:38px;color:var(--text-secondary);background:#0000000d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}body.dark-mode .search-overlay-close{background:#ffffff1a}.search-overlay-close:hover{color:#ef4444;background:#ef444426}}@media (max-width:320px){html,body{min-width:280px;overflow-x:auto}body.view-home .grid{box-sizing:border-box;grid-template-columns:1fr;gap:12px;width:100%;padding:0 8px}body.view-home .card{border-radius:8px}body.view-home .card .card-content{border-radius:8px 8px 0 0}body.view-home .card-meta-inline{border-radius:0 0 8px 8px;min-height:40px;padding:6px 8px}body.view-home .card-meta-inline .card-author-avatar{width:24px;min-width:24px;height:24px}body.view-home .card-meta-inline .card-title{font-size:12px}.banner-title{font-size:24px}.top-actions{padding:8px;left:8px;right:8px}.token-chip{padding:4px 8px;font-size:11px}.top-actions-bar{gap:3px;padding:4px 6px}.top-action-btn{padding:6px}.theme-btn{width:32px;height:32px}.theme-btn svg{width:16px;height:16px}.top-action-token{gap:4px;padding:5px 8px 5px 6px}.top-action-token svg{width:14px;height:14px}.top-action-token .token-count{font-size:11px}.top-action-divider{height:18px;margin:0 3px}.profile-btn{padding:3px}.profile-btn.has-avatar{padding:3px 6px 3px 3px}.profile-btn .profile-avatar-img,.profile-btn .avatar-initial{width:26px;height:26px;font-size:11px}.profile-btn .dropdown-arrow svg{width:14px;height:14px}.profile-btn.login-btn{padding:6px 12px;font-size:12px}.profile-menu{width:220px;right:8px}.profile-menu-item{padding:10px 14px;font-size:13px}.profile-menu-item svg{width:16px;height:16px}.profile-menu-item.profile-info{padding:12px 14px}.profile-menu-item .menu-avatar{width:36px;height:36px}.profile-menu-item .menu-user-name{font-size:13px}.profile-menu-item .menu-user-email{font-size:10px}}@media (max-width:600px){body.view-profile .content.profile{padding-top:0!important}body.view-profile .profile-inner{box-sizing:border-box;gap:0;width:100%;max-width:100%;margin-top:0;padding:0;overflow-x:hidden}body.view-profile .profile-summary{gap:0}body.view-profile .top-right-area{z-index:150}body.view-profile .profile-header{text-align:left;background:var(--bg-primary);box-shadow:none;z-index:100;border:none;border-radius:0;flex-direction:row;align-items:center;gap:16px;padding:16px;position:sticky;top:0;margin-top:0!important}body.view-profile .profile-header:before{display:none}body.view-profile .profile-avatar{border-radius:50%;width:80px;min-width:80px;height:80px;font-size:28px;position:relative}body.view-profile .profile-avatar-overlay{opacity:0;background:#0006;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}body.view-profile .profile-avatar:hover .profile-avatar-overlay,body.view-profile .profile-avatar:active .profile-avatar-overlay{opacity:1}body.view-profile .profile-avatar-overlay svg{color:#fff;width:24px;height:24px}body.view-profile .profile-meta{flex:1;min-width:0}body.view-profile .profile-meta h2{margin-bottom:2px;font-size:18px}body.view-profile .profile-bio{display:none}body.view-profile .profile-tier{font-size:12px}body.view-profile .profile-stats{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);flex-direction:row;justify-content:space-around;gap:0;margin:0;padding:12px 0;display:flex}body.view-profile .stat-box{box-shadow:none;text-align:center;background:0 0;border:none;border-radius:0;flex:1;padding:8px 12px}body.view-profile .stat-box .stat-value{margin-bottom:2px;font-size:18px;font-weight:700}body.view-profile .stat-box .stat-label{font-size:11px}body.view-profile .profile-works{width:100%;max-width:100%;margin-top:8px;padding:0;overflow:hidden}body.view-profile .profile-works-header{justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}body.view-profile .profile-works-title{font-size:15px;font-weight:600}body.view-profile .profile-works-header-right{align-items:center;gap:12px;display:flex}body.view-profile .profile-works-count{color:var(--text-tertiary);font-size:12px}body.view-profile .profile-works-more{color:var(--accent-primary);font-size:12px;font-weight:500}body.view-profile .profile-works-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:2px;width:100%;max-width:100%}body.view-profile .profile-works-grid .profile-work-card:nth-child(n+7){display:block}body.view-profile .profile-work-card.card{min-width:0;box-shadow:none;border:none;border-radius:0}body.view-profile .profile-work-card .card-content{aspect-ratio:1;min-height:unset;border-radius:0}body.view-profile .profile-work-card .card-meta-inline,body.view-profile .profile-work-meta-row{display:none}body.view-profile .profile-work-card .card-content{position:relative}body.view-profile .profile-work-card .card-content:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#00000080 100%);height:50%;position:absolute;bottom:0;left:0;right:0}body.view-profile .profile-work-overlay-stats{z-index:5;color:#fff;justify-content:space-between;align-items:flex-end;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}body.view-profile .profile-work-overlay-stats .overlay-stat{background:#00000080;align-items:center;gap:3px;padding:5px 8px;display:flex}body.view-profile .profile-work-overlay-stats .overlay-stat:first-child{border-top-right-radius:6px}body.view-profile .profile-work-overlay-stats .overlay-stat:last-child{border-top-left-radius:6px}body.view-profile .profile-work-overlay-stats .overlay-stat svg{opacity:1;width:14px;height:14px}body.view-profile .profile-work-badge-row{z-index:3;display:flex;position:absolute;top:5px;left:5px;right:auto}body.view-profile .profile-work-badge{-webkit-backdrop-filter:blur(4px);color:#fff;text-transform:uppercase;letter-spacing:.2px;background:#22c55e80;border-radius:5px;align-items:center;gap:2px;padding:2px 5px;font-size:8px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #00000026}body.view-profile .profile-work-badge:before{content:"✓";font-size:7px}body.view-profile .profile-work-card:not(.is-published) .profile-work-badge-row{display:none}.profile-work-lightbox{align-items:flex-end;padding:0}.pw-panel{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:80vh;margin:0;padding:0 12px 16px;overflow-y:auto}.pw-mobile-header{background:var(--bg-primary);z-index:10;justify-content:center;align-items:center;padding:14px 0 10px;display:flex;position:sticky;top:0}.pw-drag-handle{background:var(--border-light);border-radius:3px;width:48px;height:5px}.pw-close-btn{background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:background .2s,color .2s;display:flex;position:absolute;top:10px;right:12px;box-shadow:0 2px 8px #0000001a}.pw-close-btn:hover,.pw-close-btn:active{background:var(--bg-hover);color:var(--text-primary)}.pw-columns{grid-template-columns:1fr;gap:12px;max-height:calc(92vh - 32px);overflow-y:auto}.pw-image,.pw-image img{border-radius:12px;max-height:35vh}.pw-title-row{flex-direction:column;gap:4px}.pw-title-row h3{font-size:18px}.pw-actions{grid-template-columns:1fr 1fr;gap:8px}.pw-btn{padding:10px 12px;font-size:12px}.pw-comments-section{padding:12px}body.dark-mode.view-profile .profile-header{background:var(--bg-primary)}body.dark-mode.view-profile .profile-stats{border-color:#94a3b826}body.view-user-profile .profile-works-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:2px;width:100%;max-width:100%}body.view-user-profile .profile-work-card.card{min-width:0;box-shadow:none;border:none;border-radius:0}body.view-user-profile .profile-work-card .card-content{aspect-ratio:1;min-height:unset;border-radius:0;position:relative}body.view-user-profile .profile-work-card .card-meta-inline,body.view-user-profile .profile-work-meta-row{display:none}body.view-user-profile .profile-work-card .card-content:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#00000080 100%);height:50%;position:absolute;bottom:0;left:0;right:0}body.view-user-profile .profile-work-overlay-stats{z-index:5;color:#fff;justify-content:space-between;align-items:flex-end;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}body.view-user-profile .profile-work-overlay-stats .overlay-stat{background:#00000080;align-items:center;gap:3px;padding:5px 8px;display:flex}body.view-user-profile .profile-work-overlay-stats .overlay-stat:first-child{border-top-right-radius:6px}body.view-user-profile .profile-work-overlay-stats .overlay-stat:last-child{border-top-left-radius:6px}body.view-user-profile .profile-work-overlay-stats .overlay-stat svg{opacity:1;width:14px;height:14px}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}