*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}html,body{height:100%;margin:0;padding:0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);overflow:hidden;color:var(--text-primary)}.luxury-bg-pattern{position:fixed;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,215,0,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,215,0,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,215,0,.03) 0%,transparent 70%);background-size:600px 600px,800px 800px,1000px 1000px;animation:luxuryPatternFloat 20s ease-in-out infinite;z-index:0;pointer-events:none}@keyframes luxuryPatternFloat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-20px,-10px) rotate(1deg)}50%{transform:translate(15px,-15px) rotate(-1deg)}75%{transform:translate(-10px,10px) rotate(.5deg)}}.main-container{display:flex;height:100dvh;position:fixed;inset:0;z-index:1;margin:0;padding:0}@media (max-width: 768px){.main-container{top:calc(56px + var(--safe-area-top));height:calc(100dvh - 56px - var(--safe-area-top))}.main-content{width:100%;height:auto}.content-area{padding:12px 16px calc(20px + var(--safe-area-bottom)) 16px}}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0}.header{background:linear-gradient(135deg,#ffffff14,#ffffff08);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);padding:12px 24px;flex-shrink:0;position:relative;z-index:10;margin:0}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 50%,transparent 100%)}.content-area{flex:1;overflow-y:auto;padding:12px 24px 32px;background:transparent}.header-button{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 100%);color:#000;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s ease;box-shadow:0 8px 25px #ffd7004d;position:relative;overflow:hidden}.header-button:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.header-button:hover:before{transform:translate(100%)}.header-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ffd70066;color:#000;text-decoration:none}.luxury-logo{background:transparent;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #ffd70026;position:relative;overflow:hidden}.luxury-logo:before{content:"";position:absolute;inset:0;background:transparent;border-radius:16px;z-index:-1;filter:blur(10px);opacity:0;transition:opacity .3s ease}.luxury-logo:hover:before{opacity:.3;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%)}.luxury-search{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:12px;padding:12px 16px 12px 44px;color:var(--text-primary);font-size:14px;width:100%;transition:all .3s ease}.luxury-search:focus{outline:none;border-color:#ffd70080;background:var(--border-secondary);box-shadow:0 0 0 3px #ffd7001a}.luxury-search::placeholder{color:var(--text-tertiary)}.sidebar .luxury-section-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;margin-top:24px}.luxury-user-section{padding:20px;border-top:1px solid var(--border-primary);background:linear-gradient(135deg,#ffffff0d,#ffffff05);position:relative}.luxury-user-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 50%,transparent 100%)}.luxury-user-info{display:flex;align-items:center;gap:12px}.luxury-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,215,0,.3);flex-shrink:0;box-shadow:0 4px 15px #0003}.luxury-avatar img{width:100%;height:100%;object-fit:cover}.luxury-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 100%);display:flex;align-items:center;justify-content:center;color:#000;font-weight:600;font-size:16px}.luxury-user-menu{position:absolute;bottom:100%;left:20px;right:20px;margin-bottom:8px;background:linear-gradient(135deg,#000000f2,#141414e6);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:16px;padding:8px;box-shadow:0 20px 40px #00000080;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:9999}.luxury-user-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.luxury-user-menu a,.luxury-user-menu button{display:flex;align-items:center;padding:12px 16px;color:var(--text-primary);text-decoration:none;border-radius:12px;transition:all .3s ease;font-size:14px;font-weight:500;width:100%;border:none;background:none;cursor:pointer;text-align:left}.luxury-user-menu a:hover,.luxury-user-menu button:hover{background:var(--bg-surface-active);color:var(--lx-gold-text);transform:translate(4px)}.luxury-user-menu-item{display:flex;align-items:center;padding:12px 16px;color:var(--text-primary);text-decoration:none;border-radius:12px;transition:all .3s ease;font-size:14px;font-weight:500;width:100%;border:none;background:none;cursor:pointer;text-align:left}.luxury-user-menu-item:hover{background:var(--bg-surface-active);color:var(--lx-gold-text);transform:translate(4px)}.luxury-auth-buttons{display:flex;flex-direction:column;gap:12px}.luxury-auth-btn{padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.luxury-auth-btn-primary{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 100%);color:#000;border:none;box-shadow:0 8px 25px #ffd7004d}.luxury-auth-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ffd70066;color:#000}.luxury-auth-btn-secondary{background:var(--bg-surface-active);color:var(--text-primary);border:1px solid var(--border-primary)}.luxury-auth-btn-secondary:hover{background:var(--border-primary);color:var(--text-primary);transform:translateY(-2px)}.luxury-flash{position:fixed;top:100px;right:32px;z-index:20001;padding:12px 20px;border-radius:12px;backdrop-filter:blur(20px);border:1px solid;font-weight:500;font-size:14px;box-shadow:0 8px 25px #0000004d;animation:luxurySlideIn .5s ease-out;max-width:350px;word-break:break-word;white-space:pre-line;transform:translate(0)}[data-theme=light] .luxury-flash{box-shadow:0 4px 16px #00000014}[data-theme=light] .luxury-flash-notice{background:linear-gradient(135deg,#22c55e1f,#22c55e0a);border-color:#16a34a40;color:#15803d}[data-theme=light] .luxury-flash-alert{background:linear-gradient(135deg,#ef44441f,#ef44440a);border-color:#dc262640;color:#b91c1c}[data-theme=wood] .luxury-flash{box-shadow:0 8px 25px #140c0666;border-color:#c8956a26}[data-theme=wood] .luxury-flash-notice{background:linear-gradient(135deg,#22c55e2e,#22c55e0f);border-color:#22c55e40;color:#4ade80}[data-theme=wood] .luxury-flash-alert{background:linear-gradient(135deg,#ef44442e,#ef44440f);border-color:#ef444440;color:#f87171}@keyframes luxurySlideInFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.luxury-header-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 50%,var(--gold-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;padding:0;line-height:1.2}@media (max-width: 768px){.header{padding:16px 20px}.luxury-header-title{font-size:1.5rem}.luxury-flash{top:72px;right:16px;max-width:280px;font-size:13px;padding:10px 16px}}#global-loading-overlay{position:fixed;inset:0;background:#000000b3;z-index:20000;display:flex;align-items:center;justify-content:center}#global-loading-overlay .global-loading-content{display:flex;flex-direction:column;align-items:center;padding:40px 50px;background:#1e1e1ef2;border-radius:20px;border:1px solid rgba(255,215,0,.3);min-width:280px}#global-loading-overlay .global-loading-spinner{position:relative;width:80px;height:80px;margin-bottom:24px}#global-loading-overlay .global-spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;animation:_gr 1.2s cubic-bezier(.5,0,.5,1) infinite}#global-loading-overlay .global-spinner-ring:nth-child(1){border-top-color:var(--gold-primary);animation-delay:-.45s}#global-loading-overlay .global-spinner-ring:nth-child(2){border-top-color:var(--gold-secondary);animation-delay:-.3s;width:75%;height:75%;top:12.5%;left:12.5%}#global-loading-overlay .global-spinner-ring:nth-child(3){border-top-color:#60a5fa;animation-delay:-.15s;width:50%;height:50%;top:25%;left:25%}@keyframes _gr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#global-loading-overlay .global-loading-text{color:var(--text-primary);font-size:16px;font-weight:500;margin-bottom:20px}#global-loading-overlay .global-loading-progress{width:100%;max-width:220px;height:6px;background:var(--bg-surface-active);border-radius:3px;overflow:hidden}#global-loading-overlay .global-loading-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--gold-primary),var(--gold-secondary),var(--gold-primary));border-radius:3px;transition:width .3s ease-out}.luxury-flash{position:fixed;top:100px;right:32px;z-index:20001;padding:12px 20px;border-radius:12px;backdrop-filter:blur(20px);border:1px solid;font-weight:500;font-size:14px;box-shadow:0 8px 25px #0000004d;animation:luxurySlideIn .5s ease-out;max-width:350px;white-space:nowrap;transform:translate(0);transition:opacity .3s ease,transform .3s ease}.luxury-flash-notice{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e4d;color:#22c55e}.luxury-flash-alert{background:linear-gradient(135deg,#ef444426,#ef44440d);border-color:#ef44444d;color:#ef4444}@keyframes luxurySlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.luxury-flash{top:120px;right:20px;max-width:280px;font-size:13px;padding:10px 16px}}[data-theme=light] .luxury-bg-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(180,83,9,.06) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(180,83,9,.04) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(180,83,9,.02) 0%,transparent 70%)}[data-theme=light] .header:after{background:linear-gradient(90deg,transparent 0%,rgba(180,83,9,.3) 50%,transparent 100%)}[data-theme=light] .luxury-user-section:before{background:linear-gradient(90deg,transparent 0%,rgba(180,83,9,.3) 50%,transparent 100%)}[data-theme=light] .luxury-logo:hover:before{background:radial-gradient(circle,rgba(180,83,9,.3) 0%,transparent 70%)}[data-theme=light] .luxury-header-title{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:var(--lx-gold-text);color:var(--lx-gold-text)}[data-theme=wood] .luxury-bg-pattern{background-image:repeating-linear-gradient(85deg,rgba(200,149,106,.04) 0px,transparent 2px,transparent 6px),repeating-linear-gradient(82deg,rgba(200,149,106,.025) 0px,transparent 1px,transparent 10px),repeating-linear-gradient(78deg,rgba(200,149,106,.015) 0px,transparent 1px,transparent 20px),radial-gradient(ellipse at 20% 30%,rgba(200,149,106,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(200,149,106,.04) 0%,transparent 50%);background-size:auto,auto,auto,600px 600px,800px 800px}.mobile-header{display:none}@media (max-width: 768px){.mobile-header{display:flex;align-items:center;position:fixed;top:0;left:0;right:0;height:calc(56px + var(--safe-area-top));padding:var(--safe-area-top) 16px 0 16px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-primary);z-index:1001}}.mobile-hamburger{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-primary);cursor:pointer;border-radius:8px;transition:background .2s ease;flex-shrink:0}.mobile-hamburger:hover{background:var(--border-primary)}.mobile-header-logo{font-size:18px;font-weight:600;color:var(--lx-gold-text);margin-left:12px}.mobile-overlay{display:none}@media (max-width: 768px){.mobile-overlay.is-visible{display:block;position:fixed;inset:0;background:var(--bg-overlay);z-index:999}}html[dir=rtl] .mobile-header-logo{margin-left:0;margin-right:12px}html[dir=rtl] .luxury-user-menu a,html[dir=rtl] .luxury-user-menu button,html[dir=rtl] .luxury-user-menu-item{text-align:right}html[dir=rtl] .luxury-user-menu a:hover,html[dir=rtl] .luxury-user-menu button:hover,html[dir=rtl] .luxury-user-menu-item:hover{transform:translate(-4px)}html[dir=rtl] .luxury-flash{right:auto;left:32px;animation-name:luxurySlideInRtl}@media (max-width: 1024px){html[dir=rtl] .luxury-flash{left:16px}}@media (max-width: 768px){html[dir=rtl] .luxury-flash{left:20px}}@keyframes luxurySlideInRtl{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}[data-theme=sakura_night] .luxury-flash{box-shadow:0 8px 25px #0f080e66;border-color:#ff9dc426}[data-theme=sakura_night] .luxury-flash-notice{background:linear-gradient(135deg,#22c55e2e,#22c55e0f);border-color:#22c55e40;color:#4ade80}[data-theme=sakura_night] .luxury-flash-alert{background:linear-gradient(135deg,#ef44442e,#ef44440f);border-color:#ef444440;color:#f87171}[data-theme=sakura_night] .luxury-bg-pattern{background-image:repeating-linear-gradient(85deg,rgba(255,157,196,.04) 0px,transparent 2px,transparent 6px),repeating-linear-gradient(82deg,rgba(255,157,196,.025) 0px,transparent 1px,transparent 10px),repeating-linear-gradient(78deg,rgba(255,157,196,.015) 0px,transparent 1px,transparent 20px),radial-gradient(ellipse at 20% 30%,rgba(255,157,196,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,157,196,.04) 0%,transparent 50%);background-size:auto,auto,auto,600px 600px,800px 800px}[data-theme=sakura_day] .luxury-flash{box-shadow:0 4px 16px #00000014}[data-theme=sakura_day] .luxury-flash-notice{background:linear-gradient(135deg,#22c55e1f,#22c55e0a);border-color:#16a34a40;color:#15803d}[data-theme=sakura_day] .luxury-flash-alert{background:linear-gradient(135deg,#ef44441f,#ef44440a);border-color:#dc262640;color:#b91c1c}[data-theme=sakura_day] .luxury-bg-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(194,24,91,.06) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(194,24,91,.04) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(194,24,91,.02) 0%,transparent 70%)}[data-theme=sakura_day] .header:after{background:linear-gradient(90deg,transparent 0%,rgba(194,24,91,.3) 50%,transparent 100%)}[data-theme=sakura_day] .luxury-user-section:before{background:linear-gradient(90deg,transparent 0%,rgba(194,24,91,.3) 50%,transparent 100%)}[data-theme=sakura_day] .luxury-logo:hover:before{background:radial-gradient(circle,rgba(194,24,91,.3) 0%,transparent 70%)}[data-theme=sakura_day] .luxury-header-title{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:var(--lx-gold-text);color:var(--lx-gold-text)}