@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-canvas: #f0f4f9;--bg-mesh: radial-gradient(at 0% 0%, rgba(224, 231, 255, .7) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(243, 232, 255, .7) 0px, transparent 50%), radial-gradient(at 50% 100%, rgba(254, 226, 226, .5) 0px, transparent 50%);--glass-bg: rgba(255, 255, 255, .78);--glass-bg-hover: rgba(255, 255, 255, .92);--glass-blur: blur(24px) saturate(190%);--glass-border: 1px solid rgba(255, 255, 255, .85);--glass-border-subtle: 1px solid rgba(226, 232, 240, .7);--neu-shadow-sm: 4px 4px 12px rgba(166, 175, 195, .18), -4px -4px 12px rgba(255, 255, 255, .9);--neu-shadow-md: 8px 8px 24px rgba(166, 175, 195, .2), -8px -8px 24px rgba(255, 255, 255, .95);--neu-shadow-inset: inset 2px 2px 6px rgba(166, 175, 195, .25), inset -2px -2px 6px rgba(255, 255, 255, .9);--mac-box-shadow: 0 10px 30px -5px rgba(15, 23, 42, .06), 0 4px 12px -2px rgba(15, 23, 42, .03), inset 0 1px 0 rgba(255, 255, 255, .8);--accent-blue: #0284c7;--accent-blue-gradient: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);--accent-purple: #9333ea;--accent-purple-gradient: linear-gradient(180deg, #c084fc 0%, #9333ea 100%);--accent-pink: #ec4899;--accent-green: #10b981;--accent-amber: #f59e0b;--text-main: #0f172a;--text-muted: #475569;--text-subtle: #64748b;--border-subtle: rgba(226, 232, 240, .8);--card-inner-bg: #ffffff;--radius-mac-lg: 20px;--radius-mac-md: 14px;--radius-mac-sm: 10px;--radius-pill: 9999px}[data-theme=dark]{--bg-canvas: #090d16;--bg-mesh: radial-gradient(at 0% 0%, rgba(30, 27, 75, .6) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(58, 12, 89, .6) 0px, transparent 50%), radial-gradient(at 50% 100%, rgba(15, 23, 42, .8) 0px, transparent 50%);--glass-bg: rgba(15, 23, 42, .78);--glass-bg-hover: rgba(30, 41, 59, .88);--glass-border: 1px solid rgba(255, 255, 255, .12);--glass-border-subtle: 1px solid rgba(51, 65, 85, .6);--neu-shadow-sm: 4px 4px 14px rgba(0, 0, 0, .4);--neu-shadow-md: 8px 8px 24px rgba(0, 0, 0, .5);--neu-shadow-inset: inset 2px 2px 6px rgba(0, 0, 0, .5);--mac-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #cbd5e1;--text-subtle: #94a3b8;--border-subtle: rgba(51, 65, 85, .7);--card-inner-bg: #1e293b}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Sarabun,Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;background-color:var(--bg-canvas);background-image:var(--bg-mesh);background-attachment:fixed;color:var(--text-main);line-height:1.5;min-height:100vh;transition:background-color .3s ease,color .3s ease}.mac-window-dots{display:flex;align-items:center;gap:6px}.mac-dot{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 1px 1px #0003}.mac-dot-red{background-color:#ff5f56;border:1px solid #e0443e}.mac-dot-yellow{background-color:#ffbd2e;border:1px solid #dea123}.mac-dot-green{background-color:#27c93f;border:1px solid #1aab29}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-mac-lg);box-shadow:var(--mac-box-shadow);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background .2s ease}.glass-panel:hover{background:var(--glass-bg-hover);box-shadow:0 14px 36px -4px #00000026,var(--neu-shadow-sm)}.neu-card{background:var(--card-inner-bg);border-radius:var(--radius-mac-md);box-shadow:var(--neu-shadow-md);border:var(--glass-border-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-mac-sm);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;border:none;transition:all .18s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary,.btn-blue{background:var(--accent-blue-gradient);color:#fff;box-shadow:0 4px 14px #0284c759,inset 0 1px #fff6;border:1px solid rgba(2,132,199,.8)}.btn-primary:hover,.btn-blue:hover{box-shadow:0 6px 20px #0284c773,inset 0 1px #fff9;transform:translateY(-1px)}.btn-purple{background:var(--accent-purple-gradient);color:#fff;box-shadow:0 4px 14px #9333ea59,inset 0 1px #fff6;border:1px solid rgba(147,51,234,.8)}.btn-purple:hover{box-shadow:0 6px 20px #9333ea73;transform:translateY(-1px)}.btn-pink{background:linear-gradient(180deg,#f472b6,#ec4899);color:#fff;box-shadow:0 4px 14px #ec489959,inset 0 1px #fff6}.btn-secondary{background:var(--glass-bg);color:var(--text-main);border:var(--glass-border-subtle);box-shadow:0 2px 6px #0000000a,inset 0 1px #fff3}.btn-secondary:hover{background:var(--glass-bg-hover)}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:8px}.btn-icon{padding:8px;border-radius:50%}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:.76rem;font-weight:600;letter-spacing:.01em}.badge-blue{background:#0284c726;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.badge-indigo{background:#6366f126;color:#818cf8;border:1px solid rgba(129,140,248,.3)}.badge-purple{background:#a855f726;color:#c084fc;border:1px solid rgba(192,132,252,.3)}.badge-pink{background:#ec489926;color:#f472b6;border:1px solid rgba(244,114,182,.3)}.badge-green{background:#10b98126;color:#34d399;border:1px solid rgba(52,211,153,.3)}.badge-amber{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.84rem;font-weight:600;color:var(--text-main);margin-bottom:6px}.form-control{width:100%;padding:10px 14px;background:var(--card-inner-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-mac-sm);font-family:inherit;font-size:.9rem;color:var(--text-main);box-shadow:var(--neu-shadow-inset);transition:border-color .15s ease,box-shadow .15s ease}.form-control:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0284c733,var(--neu-shadow-inset)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:fadeIn .2s ease-out forwards}.modal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:var(--glass-border);border-radius:var(--radius-mac-lg);box-shadow:0 25px 60px -15px #00000059;width:100%;max-height:90vh;overflow-y:auto;padding:24px;color:var(--text-main);animation:scaleUp .22s cubic-bezier(.16,1,.3,1) forwards}.art-preview-box{width:100%;border-radius:var(--radius-mac-md);overflow:hidden;position:relative;background:#0f172a;cursor:pointer;box-shadow:inset 0 0 0 1px #fff3}.art-preview-box img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.16,1,.3,1)}.art-preview-box:hover img{transform:scale(1.04)}.grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 1024px){.desktop-sidebar{display:none!important}.mobile-header{display:flex!important}.main-feed-area{padding:16px!important}}@media (max-width: 768px){.grid-cards{grid-template-columns:1fr!important;gap:14px!important}}