@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";:root{--color-primary: #D2691E;--color-primary-light: #E8A86D;--color-primary-dark: #A0522D;--color-secondary: #CD853F;--color-accent: #FF8C00;--color-accent-light: #FFB347;--color-cream: #FFF8F0;--color-warm-white: #FFFAF5;--color-soft-beige: #FFEFD5;--color-warm-gray: #8B7355;--color-deep-brown: #5C4033;--color-gold: #FFD700;--color-gold-light: #FFEC8B;--color-rose: #F4A460;--color-rose-light: #FFDEAD;--color-success: #90EE90;--color-error: #CD5C5C;--shadow-sm: 0 4px 12px rgba(92, 64, 51, .08);--shadow-md: 0 8px 24px rgba(92, 64, 51, .12);--shadow-lg: 0 16px 48px rgba(92, 64, 51, .16);--shadow-xl: 0 24px 64px rgba(92, 64, 51, .2);--shadow-glow: 0 8px 32px rgba(210, 105, 30, .25);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-2xl: 40px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-display: "Playfair Display", serif;--font-body: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:linear-gradient(180deg,#fff8f0,#ffefd5,#ffdead);background-attachment:fixed;min-height:100vh;color:var(--color-deep-brown);line-height:1.7;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,140,0,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(244,164,96,.06) 0%,transparent 40%);pointer-events:none;z-index:-1;animation:subtleFloat 20s ease-in-out infinite}@keyframes subtleFloat{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(20px,-20px) rotate(5deg)}}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all var(--transition-normal)}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0) scale(.98)}input{font-family:var(--font-body);outline:none;transition:all var(--transition-normal)}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #d2691e26}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:linear-gradient(180deg,var(--color-cream) 0%,var(--color-soft-beige) 100%);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border-radius:5px;box-shadow:0 2px 8px #d2691e4d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .6s ease forwards}.animate-scale-in{animation:scaleIn .4s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){:root{font-size:14px}body{padding:0}}@media (max-width: 480px){:root{font-size:13px}}@media (max-width: 768px){.space-grid{grid-template-columns:1fr!important;gap:16px!important}.file-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.header-buttons{width:100%!important;flex-direction:column!important}.header-buttons button{width:100%!important;justify-content:center!important}.container{padding:16px 12px!important;max-width:100%!important}.space-card{padding:20px!important}.file-card{padding:12px!important}.title{font-size:28px!important}.preview-content{width:95%!important;max-height:90vh!important;margin:10px!important}.preview-media{max-height:60vh!important}.preview-image,.preview-video{max-width:100%!important;max-height:60vh!important}.modal{width:95%!important;margin:10px!important}.upload-button{width:100%!important}}@media (max-width: 480px){.file-grid{grid-template-columns:1fr!important}.preview-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.preview-meta{flex-wrap:wrap!important;gap:8px!important}}@media (hover: none){button:hover{transform:none!important}button:active{transform:scale(.97)!important}}@media (max-width: 768px){.user-menu-container{position:static!important}.user-menu{right:12px!important;left:12px!important;width:auto!important}}