:root,[data-theme=light]{--background: 240 20% 98%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 221 83% 53%;--primary-foreground: 0 0% 98%;--secondary: 240 5% 96%;--secondary-foreground: 240 6% 10%;--muted-token: 240 5% 96%;--muted-foreground: 240 4% 46%;--accent-token: 240 5% 96%;--accent-foreground: 240 6% 10%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 98%;--border: 240 6% 90%;--input: 240 6% 90%;--ring: 221 83% 53%;--radius: .9rem;--bg: hsl(var(--background));--bg-elevated: hsl(var(--card));--bg-soft: hsl(var(--secondary));--surface: hsl(var(--card) / .78);--surface-strong: hsl(var(--card) / .94);--surface-dark: hsl(var(--foreground));--text: hsl(var(--foreground));--muted: hsl(var(--muted-foreground));--muted-strong: hsl(var(--foreground) / .78);--line: hsl(var(--border) / .9);--line-strong: hsl(var(--border));--accent: hsl(var(--primary));--accent-2: hsl(var(--ring));--success: hsl(142 76% 36%);--danger: hsl(var(--destructive));--shadow-sm: 0 6px 18px hsl(var(--foreground) / .045);--shadow-md: 0 16px 44px hsl(var(--foreground) / .075);--shadow-lg: 0 24px 72px hsl(var(--foreground) / .11);--radius-xs: calc(var(--radius) - 6px);--radius-sm: calc(var(--radius) - 2px);--radius-md: calc(var(--radius) + 4px);--radius-lg: calc(var(--radius) + 12px);--radius-xl: calc(var(--radius) + 22px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);color-scheme:light}.dark,[data-theme=dark]{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 6.5%;--card-foreground: 0 0% 98%;--popover: 240 10% 6.5%;--popover-foreground: 0 0% 98%;--primary: 217 91% 60%;--primary-foreground: 0 0% 98%;--secondary: 240 4% 13%;--secondary-foreground: 0 0% 98%;--muted-token: 240 4% 13%;--muted-foreground: 240 5% 65%;--accent-token: 240 4% 13%;--accent-foreground: 0 0% 98%;--destructive: 0 63% 31%;--destructive-foreground: 0 0% 98%;--border: 240 4% 16%;--input: 240 4% 16%;--ring: 217 91% 60%;--bg: hsl(var(--background));--bg-elevated: hsl(var(--card));--bg-soft: hsl(var(--secondary));--surface: hsl(var(--card) / .82);--surface-strong: hsl(var(--card) / .96);--surface-dark: hsl(var(--card));--text: hsl(var(--foreground));--muted: hsl(var(--muted-foreground));--muted-strong: hsl(var(--foreground) / .84);--line: hsl(var(--border) / .9);--line-strong: hsl(var(--border));--accent: hsl(var(--primary));--accent-2: hsl(var(--ring));--success: hsl(142 70% 45%);--danger: hsl(var(--destructive));--shadow-sm: 0 6px 18px hsl(0 0% 0% / .22);--shadow-md: 0 16px 44px hsl(0 0% 0% / .34);--shadow-lg: 0 24px 72px hsl(0 0% 0% / .42);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg)}body::selection{background:hsl(var(--primary) / .18)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.56;transform:none}img{display:block;max-width:100%}.container{width:min(1200px,calc(100% - 40px));margin:0 auto}.shell{min-height:100vh;padding:0 0 58px;background:var(--bg);overflow-x:clip}.topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid hsl(var(--border) / .82);background:hsl(var(--background) / .82);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:54px;gap:16px;padding:0}.brand{display:inline-flex;align-items:center;min-width:218px;gap:10px;color:var(--text);font-size:13px;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:hsl(var(--background));background:hsl(var(--foreground));box-shadow:0 8px 20px hsl(var(--foreground) / .13);font-size:15px;font-weight:800}.nav{display:flex;align-items:center;justify-content:center;flex:1;gap:4px}.nav a{position:relative;display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;color:hsl(var(--foreground) / .72);font-size:13px;transition:color .2s ease,background .2s ease}.nav a:hover,.nav a.active{color:var(--text);background:hsl(var(--accent-token))}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;min-width:250px;gap:8px}.control-pill{display:inline-flex;align-items:center;gap:7px;min-height:38px;border:1px solid hsl(var(--border));border-radius:999px;padding:0 12px;color:hsl(var(--foreground));background:hsl(var(--secondary));font-size:14px;font-weight:600}.control-pill select{max-width:116px;border:none;outline:none;color:inherit;background:transparent;cursor:pointer}.theme-toggle{min-width:92px}.user-chip{max-width:156px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid transparent;border-radius:999px;padding:0 17px;cursor:pointer;color:var(--text);font-size:14px;font-weight:600;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:hsl(var(--primary-foreground));background:hsl(var(--primary));box-shadow:none}.btn-primary:hover{background:hsl(var(--primary) / .92);box-shadow:none}.btn-secondary{color:var(--text);border-color:hsl(var(--border));background:hsl(var(--secondary));box-shadow:none}.btn-secondary:hover{background:hsl(var(--accent-token));border-color:hsl(var(--border));box-shadow:var(--shadow-sm)}.btn-dark{color:hsl(var(--primary-foreground));background:hsl(var(--foreground));box-shadow:none}.btn-light{color:hsl(var(--secondary-foreground));background:hsl(var(--secondary));box-shadow:none}.icon-btn{width:fit-content}.icon-btn input[type=file]{display:none}.home{display:grid;gap:20px}.hero{position:relative;display:grid;grid-template-columns:1fr;min-height:calc(100svh - 54px);padding:72px 0 42px;isolation:isolate;color:var(--text)}.hero:before{position:absolute;inset:-54px calc(50% - 50vw) auto;z-index:-2;height:52vh;content:"";background:hsl(var(--card));border-bottom:1px solid hsl(var(--border) / .7)}[data-theme=dark] .hero,.dark .hero{color:var(--text);background:hsl(var(--background))}.dark .hero:before,[data-theme=dark] .hero:before{background:hsl(var(--background))}.dark .topbar,[data-theme=dark] .topbar{background:hsl(var(--background) / .88)}.dark .btn-dark,[data-theme=dark] .btn-dark{color:hsl(var(--background));background:hsl(var(--foreground))}.dark .btn-secondary,.dark .control-pill,[data-theme=dark] .btn-secondary,[data-theme=dark] .control-pill{color:hsl(var(--secondary-foreground));background:hsl(var(--secondary))}[data-theme=dark] .btn-secondary:hover,.dark .btn-secondary:hover{background:hsl(var(--accent-token))}.dark .device-frame,[data-theme=dark] .device-frame{background:hsl(var(--card))}.dark .device-toolbar,.dark .eyebrow,[data-theme=dark] .device-toolbar,[data-theme=dark] .eyebrow{background:hsl(var(--secondary))}.dark .dark-showcase,[data-theme=dark] .dark-showcase{border:1px solid hsl(var(--border));background:hsl(var(--card))}.hero-copy{display:grid;justify-items:center;align-content:start;text-align:center;animation:rise-in .7s ease both}.eyebrow{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:7px 12px;border:1px solid hsl(var(--border));border-radius:999px;color:var(--muted-strong);background:hsl(var(--card) / .72);box-shadow:none;font-size:13px;font-weight:700;letter-spacing:-.01em}h1,h2,h3,h4{margin:0;color:var(--text);font-weight:800;letter-spacing:-.055em}h1{max-width:820px;margin:18px 0 0;font-size:clamp(4rem,8vw,7.8rem);line-height:.95}h2{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98}h3{font-size:clamp(1.25rem,2vw,1.72rem);line-height:1.08}h4{font-size:1.05rem}.lead{max-width:760px;margin:22px 0 0;color:var(--muted);font-size:clamp(1.12rem,2vw,1.5rem);line-height:1.55;letter-spacing:-.025em}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.hero-copy .cta-row{justify-content:center;margin-top:28px}.hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;color:var(--muted);font-size:13px}.hero-meta span{display:inline-flex;align-items:center;gap:8px}.hero-meta span:before{width:5px;height:5px;border-radius:999px;content:"";background:var(--success)}.product-stage{position:relative;width:min(100%,1040px);margin:54px auto 0;perspective:1600px;animation:stage-in .9s .08s ease both}.device-frame{position:relative;overflow:hidden;padding:14px;border:1px solid hsl(var(--border));border-radius:30px;background:hsl(var(--card));box-shadow:var(--shadow-md)}.device-frame:after{display:none}.device-toolbar{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:44px;padding:0 16px;border:1px solid hsl(var(--border));border-radius:23px 23px 14px 14px;background:hsl(var(--card) / .76);color:var(--muted);font-size:13px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.device-toolbar strong{color:var(--text);letter-spacing:-.02em}.device-toolbar>span{justify-self:end}.preview-board{display:grid;gap:10px}.preview-board-premium{position:relative;z-index:1;padding:12px 0 0}.feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 26px}.feature-strip-card{min-height:186px;padding:22px;border:1px solid hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--card) / .72);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.feature-strip-card:hover{transform:translateY(-2px);background:hsl(var(--card));box-shadow:var(--shadow-sm)}.feature-strip-card span{color:var(--accent);font-size:13px;font-weight:800}.feature-strip-card strong{display:block;margin-top:18px;color:var(--text);font-size:25px;letter-spacing:-.04em}.feature-strip-card p{margin:10px 0 0;color:var(--muted);line-height:1.7}.panel,.card{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.card{padding:22px;transition:border-color .18s ease,background .18s ease}.card h3,.card h4{margin-bottom:9px}.card p{margin:0;color:var(--muted);line-height:1.68}.section{padding:54px 0 8px}.spotlight-section{padding-top:78px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-head p{max-width:680px;margin:12px 0 0;color:var(--muted);font-size:17px;line-height:1.6}.section-head-centered{align-items:center}.section-head-centered .eyebrow{margin-bottom:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dark-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:72px;padding:28px;border-radius:42px;color:hsl(var(--primary-foreground));background:hsl(var(--foreground));box-shadow:var(--shadow-lg)}.dark-showcase h2,.dark-showcase h3,.dark-showcase h4{color:hsl(var(--primary-foreground))}.dark-showcase p,.dark-showcase .muted,.dark-showcase .muted-link{color:hsl(var(--primary-foreground) / .68)}.dark-showcase .chip{color:hsl(var(--primary-foreground) / .92);border-color:hsl(var(--primary-foreground) / .12);background:hsl(var(--primary-foreground) / .09)}.dark-showcase .card{color:hsl(var(--primary-foreground));border-color:hsl(var(--primary-foreground) / .1);background:hsl(var(--primary-foreground) / .075);box-shadow:none}.dark-showcase .card:hover{background:hsl(var(--primary-foreground) / .11)}.dark-showcase-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:420px;padding:12px}.dark-showcase-copy h2{margin-top:16px;font-size:clamp(2.4rem,4.8vw,4.7rem)}.dark-showcase-copy p{margin:18px 0 0;color:hsl(var(--primary-foreground) / .7);font-size:18px;line-height:1.7}.feed{display:grid;gap:14px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 11px;border:1px solid hsl(var(--border));border-radius:999px;color:var(--muted-strong);background:hsl(var(--secondary));font-size:13px;font-weight:700;letter-spacing:-.01em}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.stat{padding:18px;border:1px solid hsl(var(--border));border-radius:var(--radius-md);background:hsl(var(--card) / .72);box-shadow:var(--shadow-sm)}.stat strong{display:block;margin-bottom:4px;color:var(--text);font-size:1.8rem;letter-spacing:-.05em}.tier-row{display:grid;grid-template-columns:112px 1fr;min-height:76px;overflow:hidden;border:1px solid hsl(var(--border));border-radius:18px;background:hsl(var(--card) / .88);box-shadow:none}.preview-board-premium .tier-row{min-height:82px;border-color:hsl(var(--border));background:hsl(var(--card) / .92)}.tier-label{display:grid;place-items:center;padding:10px;color:#09090b;font-size:18px;font-weight:900;letter-spacing:-.03em;text-align:center}.tier-label input{color:#09090b}.tier-items{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;padding:12px}.item-card{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:8px 11px 8px 8px;border:1px solid hsl(var(--border));border-radius:999px;color:var(--text);background:hsl(var(--card) / .88);box-shadow:var(--shadow-sm);cursor:grab;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.item-card:hover{transform:translateY(-1px);border-color:hsl(var(--ring) / .36);box-shadow:var(--shadow-sm)}.item-card:active{cursor:grabbing}.item-card img{width:44px;height:44px;flex:none;border-radius:999px;object-fit:cover}.item-card span{overflow:hidden;color:var(--text);font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.item-card-compact{min-width:0}.item-card-compact span{max-width:132px}.work-item-pill{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:230px;padding:6px 11px 6px 6px;border:1px solid hsl(var(--border));border-radius:999px;color:var(--text);background:hsl(var(--secondary))}.work-item-pill img{width:34px;height:34px;flex:none;border-radius:999px;object-fit:cover}.work-item-pill span{overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.work-card{display:grid;grid-template-columns:138px 1fr;gap:16px;overflow:hidden}.work-visual{display:grid;min-height:132px;place-items:center;overflow:hidden;border-radius:22px;color:hsl(var(--primary-foreground));background:hsl(var(--foreground));font-size:2rem;font-weight:900;letter-spacing:-.06em}.work-visual img{width:100%;height:100%;object-fit:cover}.input,.textarea,.select{width:100%;border:1px solid hsl(var(--input));border-radius:var(--radius-sm);outline:none;color:var(--text);background:hsl(var(--background));padding:14px 15px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input:focus,.textarea:focus,.select:focus{border-color:hsl(var(--ring));background:hsl(var(--background));box-shadow:0 0 0 4px hsl(var(--ring) / .14)}.textarea{min-height:122px;resize:vertical}.select{appearance:auto}.label{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:700}.form-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;align-items:start}.custom-item-form{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:center}.custom-image-preview{display:inline-flex;align-items:center;gap:10px;padding:8px 11px 8px 8px;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--card) / .76)}.custom-image-preview img{width:38px;height:38px;border-radius:999px;object-fit:cover}.item-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.upload-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;align-items:center;width:100%;padding:12px;border:1px solid hsl(var(--border));border-radius:22px;background:hsl(var(--card) / .72);transition:border-color .18s ease,background .18s ease,transform .18s ease}.upload-row:hover{transform:translateY(-1px);border-color:hsl(var(--ring) / .32);background:hsl(var(--card))}.upload-preview{display:grid;width:76px;height:76px;place-items:center;overflow:hidden;border-radius:18px;background:hsl(var(--secondary))}.upload-preview img{width:100%;height:100%;object-fit:cover}.upload-meta{display:grid;min-width:0;gap:9px}.upload-meta strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.compact-input{padding:10px 12px;border-radius:12px}.upload-actions{margin-bottom:0}.danger-btn{color:var(--danger)}.auth-section{display:grid;min-height:66vh;place-items:center}.auth-card{width:min(540px,100%)}.auth-card h2{margin-top:14px}.auth-tabs,.auth-form{display:grid;gap:12px}.auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-form{margin-top:16px}.auth-message{color:var(--danger)}.muted{color:var(--muted)}.muted-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:700}.muted-link:hover{text-decoration:underline;text-underline-offset:4px}.footer{padding:48px 0 20px;color:var(--muted)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid hsl(var(--border))}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes stage-in{0%{opacity:0;transform:translateY(32px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1040px){.topbar-inner{min-height:auto;padding:12px 0;flex-wrap:wrap}.brand,.topbar-actions{min-width:0}.nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.dark-showcase{grid-template-columns:1fr}.dark-showcase-copy{min-height:auto}}@media(max-width:860px){.container{width:min(100% - 28px,1200px)}.hero{min-height:auto;padding:46px 0 28px}h1{max-width:560px;font-size:clamp(3rem,13vw,5.2rem);line-height:.98}.lead{font-size:1.08rem}.feature-strip,.grid-3,.grid-2,.form-grid,.item-editor-grid{grid-template-columns:1fr}.product-stage{margin-top:36px}.device-frame{border-radius:26px}.section-head{align-items:flex-start;flex-direction:column}.section{padding-top:38px}.dark-showcase{margin-top:42px;padding:18px;border-radius:30px}.custom-item-form,.tier-row,.work-card{grid-template-columns:1fr}.tier-label{min-height:54px}.topbar-actions{margin-left:auto}}@media(max-width:560px){.container{width:min(100% - 22px,1200px)}.topbar-inner{gap:10px}.brand{min-width:auto}.brand .muted{display:none}.topbar-actions{width:100%;justify-content:flex-start}.topbar-actions .btn,.topbar-actions .chip{min-height:34px;padding:0 12px;font-size:13px}.nav a{padding:0 10px}.hero-meta{gap:7px 12px}h1{font-size:clamp(2.72rem,12.5vw,4.1rem)}.device-toolbar{grid-template-columns:auto 1fr}.device-toolbar>span{display:none}.tier-items{padding:10px}.card{padding:18px;border-radius:22px}.work-visual{min-height:180px}.auth-tabs{grid-template-columns:1fr}}