@font-face{font-family:Dana;src:url(/fonts/DanaFaNum-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dana;src:url(/fonts/DanaFaNum-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Dana;src:url(/fonts/DanaFaNum-DemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Dana;src:url(/fonts/DanaFaNum-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dana;src:url(/fonts/DanaFaNum-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Product Sans;src:url(/fonts/ProductSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Product Sans;src:url(/fonts/ProductSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Product Sans;src:url(/fonts/ProductSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--violet-50: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--pink-50: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--brand-grad: linear-gradient(135deg, #7c3aed 0%, #a855f7 45%, #ec4899 100%);--brand-grad-soft: linear-gradient(135deg, rgba(124, 58, 237, .14), rgba(236, 72, 153, .14));--brand-grad-glow: linear-gradient(135deg, #8b5cf6, #ec4899);--bg: #f7f6fb;--bg-elev: #ffffff;--bg-soft: #f1eefb;--surface: #ffffff;--surface-2: #f7f5fd;--surface-hover: #f0edfb;--text: #1c1930;--text-2: #55506b;--text-3: #8a86a0;--text-invert: #ffffff;--border: #ece9f6;--border-strong: #ddd8ee;--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--warning-bg: #fffbeb;--danger: #ef4444;--danger-bg: #fef2f2;--info: #6366f1;--info-bg: #eef2ff;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(28, 25, 48, .05);--shadow-md: 0 4px 16px rgba(28, 25, 48, .07);--shadow-lg: 0 12px 32px rgba(28, 25, 48, .1);--shadow-brand: 0 8px 24px rgba(124, 58, 237, .28);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--header-h: 60px;--nav-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--font-fa: "Dana", "Product Sans", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--font-en: "Product Sans", "Dana", system-ui, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--transition: .16s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #0f0d1a;--bg-elev: #17142a;--bg-soft: #1c1831;--surface: #1a172e;--surface-2: #211d38;--surface-hover: #282344;--text: #f2efff;--text-2: #b8b3d0;--text-3: #7d7896;--border: #2a2547;--border-strong: #383260;--success-bg: rgba(16, 185, 129, .14);--warning-bg: rgba(245, 158, 11, .14);--danger-bg: rgba(239, 68, 68, .14);--info-bg: rgba(99, 102, 241, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--shadow-brand: 0 8px 24px rgba(139, 92, 246, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-fa);background:var(--bg);color:var(--text);font-size:var(--fs-md);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior-y:none;min-height:100vh}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--violet-500);outline-offset:2px}::selection{background:#8b5cf640}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-track{background:transparent}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;width:100%;max-width:480px;margin:0 auto;padding:var(--sp-4) var(--sp-4) calc(var(--nav-h) + var(--safe-bottom) + var(--sp-6))}.app-header{position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 var(--sp-4);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.app-header .brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:800;font-size:var(--fs-lg);color:var(--text)}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--brand-grad);display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-brand);flex-shrink:0}.brand-mark svg{width:20px;height:20px}.app-header .page-title{font-size:var(--fs-lg);font-weight:700;color:var(--text)}.header-actions{display:flex;align-items:center;gap:var(--sp-1)}.icon-btn{position:relative;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--text-2);transition:background var(--transition),color var(--transition),transform .12s;-webkit-tap-highlight-color:transparent}.icon-btn:active{transform:scale(.92);background:var(--surface-hover)}.icon-btn .dot{position:absolute;top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:var(--pink-500);border:2px solid var(--bg)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:stretch;background:color-mix(in srgb,var(--bg-elev) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-3);font-size:11px;font-weight:500;transition:color var(--transition);-webkit-tap-highlight-color:transparent;position:relative}.nav-item svg{transition:transform var(--transition)}.nav-item:active svg{transform:scale(.88)}.nav-item.active{color:var(--violet-600)}[data-theme=dark] .nav-item.active{color:var(--violet-400)}.nav-item.active svg{stroke-width:2.2}.nav-item.active:before{content:"";position:absolute;top:6px;width:34px;height:4px;border-radius:99px;background:var(--brand-grad)}.nav-item .nav-badge{position:absolute;top:9px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--pink-500);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg-elev)}.desktop-nav{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-pad{padding:var(--sp-4)}.card-title{font-size:var(--fs-md);font-weight:700;color:var(--text)}.card-sub{font-size:var(--fs-xs);color:var(--text-3)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);position:relative;overflow:hidden}.stat-card .stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-grad-soft);color:var(--violet-600)}[data-theme=dark] .stat-card .stat-icon{color:var(--violet-300)}.stat-card .stat-value{font-size:var(--fs-2xl);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.stat-card .stat-label{font-size:var(--fs-xs);color:var(--text-2);font-weight:500}.stat-card .stat-trend{font-size:var(--fs-xs);font-weight:700;display:inline-flex;align-items:center;gap:3px}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-md);font-weight:700;transition:transform .12s,box-shadow var(--transition),background var(--transition),opacity var(--transition);-webkit-tap-highlight-color:transparent;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-grad);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{box-shadow:0 10px 28px #7c3aed61}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-soft{background:var(--brand-grad-soft);color:var(--violet-600)}[data-theme=dark] .btn-soft{color:var(--violet-300)}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-block{width:100%}.btn-sm{min-height:38px;padding:0 var(--sp-4);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn:disabled{opacity:.5;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:var(--fs-xs);font-weight:700;white-space:nowrap}.badge-violet{background:var(--violet-100);color:var(--violet-700)}[data-theme=dark] .badge-violet{background:#8b5cf62e;color:var(--violet-300)}.badge-pink{background:var(--pink-100);color:var(--pink-700)}[data-theme=dark] .badge-pink{background:#ec48992e;color:var(--pink-300)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-neutral{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.avatar{border-radius:50%;object-fit:cover;background:var(--brand-grad-soft);display:grid;place-items:center;color:var(--violet-600);font-weight:700;flex-shrink:0;border:2px solid var(--border)}[data-theme=dark] .avatar{color:var(--violet-300)}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);transition:background var(--transition);-webkit-tap-highlight-color:transparent}.list-item:last-child{border-bottom:none}.list-item:active{background:var(--surface-hover)}.list-item .li-main{flex:1;min-width:0}.list-item .li-title{font-weight:600;font-size:var(--fs-md);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item .li-sub{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item .li-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2);color:var(--violet-600);flex-shrink:0}[data-theme=dark] .list-item .li-icon{color:var(--violet-300)}.tabs{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;padding:9px 16px;border-radius:99px;font-size:var(--fs-sm);font-weight:600;color:var(--text-2);background:var(--surface-2);border:1px solid transparent;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.tab.active{background:var(--brand-grad);color:#fff;box-shadow:var(--shadow-brand)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-4)}.field label{font-size:var(--fs-sm);font-weight:600;color:var(--text-2)}.input,.textarea,.select{width:100%;min-height:48px;padding:0 var(--sp-4);border-radius:var(--r-md);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.textarea{padding:var(--sp-3) var(--sp-4);min-height:100px;resize:vertical}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--violet-500);box-shadow:0 0 0 4px #8b5cf626}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0f0d1a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .18s ease}.modal-sheet{width:100%;max-width:480px;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-5) var(--sp-5) calc(var(--sp-6) + var(--safe-bottom));animation:sheetUp .26s cubic-bezier(.32,.72,0,1);max-height:86vh;overflow-y:auto}.modal-sheet .sheet-handle{width:44px;height:5px;border-radius:99px;background:var(--border-strong);margin:0 auto var(--sp-4)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-10) var(--sp-6);gap:var(--sp-3)}.empty-state .empty-icon{width:72px;height:72px;border-radius:24px;background:var(--brand-grad-soft);color:var(--violet-500);display:grid;place-items:center}.empty-state h3{font-size:var(--fs-lg);font-weight:700}.empty-state p{font-size:var(--fs-sm);color:var(--text-2);max-width:280px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.section-head h2{font-size:var(--fs-lg);font-weight:700}.section-head .link{font-size:var(--fs-sm);font-weight:600;color:var(--violet-600);display:inline-flex;align-items:center;gap:2px}[data-theme=dark] .section-head .link{color:var(--violet-300)}.hero{position:relative;border-radius:var(--r-xl);background:var(--brand-grad);color:#fff;padding:var(--sp-6);overflow:hidden;box-shadow:var(--shadow-brand)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.22),transparent 45%),radial-gradient(circle at 10% 90%,rgba(255,255,255,.14),transparent 40%);pointer-events:none}.hero>*{position:relative;z-index:1}.hero h1{font-size:var(--fs-2xl);font-weight:800;line-height:1.35;margin-bottom:var(--sp-2)}.hero p{font-size:var(--fs-sm);opacity:.92;margin-bottom:var(--sp-4);max-width:320px}.hero .hero-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.hero .btn-glass{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.28)}.profile-hero{position:relative;border-radius:var(--r-xl);background:var(--brand-grad);color:#fff;padding:var(--sp-6) var(--sp-5) var(--sp-10);text-align:center;overflow:hidden;box-shadow:var(--shadow-brand)}.profile-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.25),transparent 50%)}.profile-hero .ph-avatar{width:84px;height:84px;border-radius:50%;border:3px solid rgba(255,255,255,.6);margin:0 auto var(--sp-3);background:#ffffff29;display:grid;place-items:center;color:#fff;position:relative;z-index:1}.profile-hero .ph-name{font-size:var(--fs-xl);font-weight:800;position:relative;z-index:1}.profile-hero .ph-id{font-size:var(--fs-xs);opacity:.85;position:relative;z-index:1}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-top:calc(-1 * var(--sp-6));padding:0 var(--sp-4);position:relative;z-index:2}.profile-stats .ps{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:var(--sp-3);text-align:center}.profile-stats .ps b{display:block;font-size:var(--fs-lg);font-weight:800;font-variant-numeric:tabular-nums}.profile-stats .ps span{font-size:var(--fs-xs);color:var(--text-3)}.feed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.feed-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform .16s,box-shadow var(--transition);-webkit-tap-highlight-color:transparent}.feed-card:active{transform:scale(.98)}.feed-card .fc-media{aspect-ratio:3 / 4;background:var(--surface-2);display:grid;place-items:center;color:var(--violet-300);position:relative}.feed-card .fc-media img{width:100%;height:100%;object-fit:cover}.feed-card .fc-body{padding:var(--sp-3)}.feed-card .fc-title{font-weight:700;font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-card .fc-meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:var(--fs-xs);color:var(--text-3)}.feed-card .fc-like{display:inline-flex;align-items:center;gap:3px;color:var(--pink-500);font-weight:600}.order-table-wrap{display:none}.chat-screen{display:flex;flex-direction:column;height:calc(100vh - var(--header-h) - var(--nav-h) - var(--safe-bottom));margin:calc(-1 * var(--sp-4));margin-bottom:calc(-1 * (var(--nav-h) + var(--safe-bottom) + var(--sp-6)))}.chat-list{flex:1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);scroll-behavior:smooth}.msg{max-width:78%;padding:10px 14px;border-radius:var(--r-lg);font-size:var(--fs-md);line-height:1.55;word-break:break-word;animation:fadeIn .22s ease}.msg.in{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:6px}.msg.out{align-self:flex-end;background:var(--brand-grad);color:#fff;border-bottom-right-radius:6px}.msg .msg-time{display:block;margin-top:4px;font-size:10px;opacity:.65}.chat-input-bar{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--surface);border-top:1px solid var(--border)}.chat-input-bar .input{flex:1;border-radius:99px}.chat-input-bar .send-btn{width:48px;height:48px;border-radius:50%;background:var(--brand-grad);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:var(--shadow-brand)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageIn .32s cubic-bezier(.22,1,.36,1)}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}.row{display:flex;align-items:center;gap:var(--sp-3)}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--text-3)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.text-lg{font-size:var(--fs-lg)}.bold{font-weight:700}.semibold{font-weight:600}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.login-prompt{text-align:center;padding:var(--sp-10) var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.login-prompt .lp-icon{width:80px;height:80px;border-radius:26px;background:var(--brand-grad-soft);color:var(--violet-500);display:grid;place-items:center}.login-prompt h2{font-size:var(--fs-xl);font-weight:800}.login-prompt p{color:var(--text-2);font-size:var(--fs-sm);max-width:300px}.toast{position:fixed;bottom:calc(var(--nav-h) + var(--safe-bottom) + var(--sp-4));left:50%;transform:translate(-50%);z-index:90;background:var(--text);color:var(--bg);padding:12px 20px;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-lg);animation:toastIn .26s cubic-bezier(.22,1,.36,1);max-width:90vw;text-align:center}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.composer-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 12px;margin-bottom:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--transition),box-shadow var(--transition)}.composer-box:active{background:var(--surface-hover)}.composer-box .cb-input{flex:1;min-width:0;text-align:right;color:var(--text-3);font-size:var(--fs-sm);background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:11px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-box .cb-actions{display:flex;gap:2px}.composer-box .cb-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--violet-600);background:var(--brand-grad-soft);-webkit-tap-highlight-color:transparent}[data-theme=dark] .composer-box .cb-btn{color:var(--violet-300)}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;margin-bottom:14px}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:8px 16px;border-radius:99px;font-size:var(--fs-sm);font-weight:600;color:var(--text-2);background:var(--surface-2);border:1px solid transparent;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.chip.active{background:var(--brand-grad);color:#fff;box-shadow:var(--shadow-brand)}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:16px;animation:pageIn .32s cubic-bezier(.22,1,.36,1)}.post-header{display:flex;align-items:center;gap:10px;padding:12px 14px}.post-header .ph-main{flex:1;min-width:0}.post-header .ph-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.post-header .ph-name{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:var(--fs-md);color:var(--text)}.post-header .ph-name:hover{color:var(--violet-600)}.post-header .ph-meta{font-size:var(--fs-xs);color:var(--text-3)}.tailor-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:var(--violet-600);background:var(--brand-grad-soft);border-radius:99px;padding:2px 8px}[data-theme=dark] .tailor-badge{color:var(--violet-300)}.post-media{position:relative;background:var(--surface-2);display:grid;place-items:center;color:var(--violet-300);aspect-ratio:4 / 5}.post-media img{width:100%;height:100%;object-fit:cover}.post-media .play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f0d1a47}.post-media .play-overlay .play-btn{width:56px;height:56px;border-radius:50%;background:#ffffffeb;color:var(--violet-600);display:grid;place-items:center;box-shadow:var(--shadow-lg)}.post-media .multi-count{position:absolute;top:10px;left:10px;background:#0f0d1a8c;color:#fff;font-size:var(--fs-xs);font-weight:700;padding:4px 8px;border-radius:99px;display:inline-flex;align-items:center;gap:4px}.post-actions{display:flex;align-items:center;gap:2px;padding:6px 8px 0}.post-action{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:12px;font-size:var(--fs-sm);font-weight:600;color:var(--text-2);transition:background var(--transition),color var(--transition),transform .12s;-webkit-tap-highlight-color:transparent}.post-action:active{transform:scale(.88);background:var(--surface-hover)}.post-action.liked{color:var(--pink-500)}.post-action.saved{color:var(--violet-600)}[data-theme=dark] .post-action.saved{color:var(--violet-300)}.post-action .num{font-variant-numeric:tabular-nums}.post-actions .spacer{flex:1}.post-body{padding:4px 14px 12px}.post-caption{font-size:var(--fs-md);line-height:1.65;color:var(--text);word-break:break-word}.post-caption .cap-user{font-weight:700;margin-left:4px}.post-caption .cap-more{color:var(--violet-600);font-weight:600;cursor:pointer;margin-right:4px}[data-theme=dark] .post-caption .cap-more{color:var(--violet-300)}.post-time{font-size:var(--fs-xs);color:var(--text-3);margin-top:8px;display:flex;align-items:center;gap:4px}.post-comment{display:flex;align-items:center;gap:8px;margin:0 14px 14px;padding:4px 4px 4px 8px;background:var(--surface-2);border-radius:99px;border:1px solid var(--border)}.post-comment .input-mini{flex:1;min-width:0;background:transparent;border:none;padding:10px 6px;font-size:var(--fs-sm);color:var(--text)}.post-comment .input-mini:focus{outline:none}.post-comment .send-btn{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:var(--brand-grad);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-brand)}.suggest-strip{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 8px;margin-bottom:4px}.suggest-strip::-webkit-scrollbar{display:none}.suggest-card{flex-shrink:0;width:96px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.suggest-card .sc-name{font-size:var(--fs-xs);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.suggest-card .sc-role{font-size:10px;color:var(--text-3)}.suggest-card .follow-btn{width:100%;margin-top:2px;min-height:30px;padding:0;font-size:var(--fs-xs);border-radius:99px}.composer-sheet .cs-preview{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--surface-2);aspect-ratio:4 / 3;display:grid;place-items:center;color:var(--violet-300);margin-bottom:12px}.composer-sheet .cs-preview img{width:100%;height:100%;object-fit:cover}.composer-sheet .cs-preview .remove-img{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:50%;background:#0f0d1a99;color:#fff;display:grid;place-items:center}.composer-sheet .cs-add{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:1.5px dashed var(--border-strong);border-radius:var(--r-md);color:var(--violet-600);font-weight:600;margin-bottom:12px;background:var(--surface-2)}[data-theme=dark] .composer-sheet .cs-add{color:var(--violet-300)}.composer-sheet .cs-cat{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.composer-sheet .cs-actions{display:flex;gap:10px;margin-top:4px}.feed-container{width:100%}@media (min-width: 1024px){.app-content{max-width:1080px;padding:var(--sp-6) var(--sp-8) var(--sp-10)}.app-header{height:68px;padding:0 32px;max-width:1080px;margin:0 auto;border-bottom:none}.app-header .page-title,.bottom-nav{display:none}.desktop-nav{display:flex;align-items:center;gap:4px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:5px;box-shadow:var(--shadow-sm)}.desktop-nav .nav-item{flex-direction:row;gap:8px;padding:9px 18px;border-radius:99px;font-size:var(--fs-sm);font-weight:600;color:var(--text-2)}.desktop-nav .nav-item:before{display:none}.desktop-nav .nav-item.active{background:var(--brand-grad);color:#fff;box-shadow:var(--shadow-brand)}.desktop-nav .nav-item .nav-badge{position:static;border:none;min-width:18px;height:18px;font-size:10px}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.stat-grid,.feed-grid{grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.hero{padding:var(--sp-10)}.hero h1{font-size:var(--fs-3xl)}.hero p{font-size:var(--fs-md);max-width:460px}.order-table-wrap{display:block}.order-list-mobile{display:none}.order-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.order-table th{text-align:right;padding:12px 14px;font-size:var(--fs-xs);color:var(--text-3);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}.order-table td{padding:14px;border-bottom:1px solid var(--border);vertical-align:middle}.order-table tr:last-child td{border-bottom:none}.order-table tbody tr{transition:background var(--transition)}.order-table tbody tr:hover{background:var(--surface-2)}.order-table .cell-user{display:flex;align-items:center;gap:10px}.chat-screen{height:calc(100vh - 164px);max-width:720px;margin:0 auto}}@media (min-width: 640px){.feed-grid{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.feed-container{max-width:620px;margin:0 auto}.composer-box{padding:12px 14px}.post-card{border-radius:var(--r-xl)}.post-action:hover{background:var(--surface-hover)}.suggest-strip{gap:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}