:root{--wine: #5a1a2b;--wine-dark: #43121f;--wine-soft: #f6eef0;--accent: #b98068;--accent-text: #87493a;--gold: #c9a45c;--ink: #241a1d;--muted: #7a6c70;--line: #ebe4dd;--bg: #f8f5f1;--card: #ffffff;--ok: #2f6b4f;--ok-soft: #e8f2ec;--danger: #a3262f;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tabbar: 64px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 var(--sans);-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--wine)}img,video{display:block;max-width:100%}h1,h2{margin:0}.muted{color:var(--muted);font-weight:400}.small{font-size:13px}.app{max-width:640px;margin:0 auto;min-height:100dvh;padding-bottom:calc(var(--tabbar) + var(--safe-b) + 16px)}.app--sub{padding-bottom:calc(84px + var(--safe-b))}.page{padding:0 16px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 -16px;padding:14px 16px 12px;background:#f8f5f1f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar h1{font:700 28px/1.1 var(--serif);color:var(--wine);letter-spacing:.01em}.topbar--sub{justify-content:flex-start;border-bottom:1px solid var(--line);background:#fffffff5}.topbar--sub h1{font:600 18px/1.2 var(--sans);color:var(--ink);flex:1}.topbar__link{font-size:14px;font-weight:500;text-decoration:none}.icon-btn{display:grid;place-items:center;width:40px;height:40px;margin-left:-8px;border:0;border-radius:var(--r-md);background:none;color:var(--ink)}.icon-btn:active{background:var(--line)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--tabbar) + var(--safe-b));padding-bottom:var(--safe-b);background:#fff;border-top:1px solid var(--line)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;font-weight:500;color:var(--muted);text-decoration:none}.tabbar a.is-on{color:var(--wine)}.tabbar__new span{display:grid;place-items:center;width:40px;height:32px;border-radius:var(--r-md);background:var(--wine);color:#fff}.tabbar__new{color:var(--wine)!important}@media(min-width:680px){.tabbar{left:50%;width:640px;transform:translate(-50%);border-inline:1px solid var(--line)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:var(--r-md);font-weight:600;font-size:15px;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6}.btn--primary{background:var(--wine);color:#fff}.btn--primary:active{background:var(--wine-dark)}.btn--ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn--sm{min-height:38px;padding:0 12px;font-size:14px}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span{font-size:13px;font-weight:600;color:var(--ink)}.field input,.field select,.field textarea,.select,.search{width:100%;min-height:48px;padding:11px 12px;border:1px solid #ddd3cb;border-radius:var(--r-md);background:#fff;font-size:16px}.field textarea{resize:vertical;line-height:1.45}.field input:focus,.field select:focus,.field textarea:focus,.select:focus,.search:focus-within{outline:none;border-color:var(--wine);box-shadow:0 0 0 3px #5a1a2b1f}.field--error input,.field--error select{border-color:var(--danger)}.field--auto input,.field--auto select,.field--auto textarea{background:#fbf6ec;border-color:var(--gold)}.form-error{margin:0;color:var(--danger);font-size:13px;font-style:normal}.hint{margin:0;color:var(--muted);font-size:13px;font-style:normal}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid2 .field{min-width:0}.login{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;max-width:380px;margin:0 auto;padding:24px}.login__brand{text-align:center;margin-bottom:32px;color:var(--wine)}.login__brand img{margin:0 auto 10px}.login__brand h1{font:700 40px/1 var(--serif);letter-spacing:.08em}.login__brand p{margin:6px 0 0;color:var(--muted)}.login__form{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.login__form .hint{margin-top:14px;text-align:center}.login__form .form-error{margin:-6px 0 12px}.tools{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.tools__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.search{display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted)}.search input{border:0;outline:0;width:100%;min-height:46px;background:none;color:var(--ink);font-size:16px}.select{appearance:none;padding-right:32px;font-size:15px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%237a6c70' stroke-width='1.6'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center}.segmented{display:flex;gap:4px;padding:4px;background:#efe8e1;border-radius:var(--r-md);overflow-x:auto;scrollbar-width:none}.segmented button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 10px;border:0;border-radius:var(--r-sm);background:none;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap}.segmented button.is-on{background:#fff;color:var(--wine);box-shadow:0 1px 2px #241a1d14}.segmented .count{font-size:12px;color:var(--muted);font-weight:500}.segmented--small{margin-bottom:14px;max-width:320px}.cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}.card__main{display:flex;gap:12px;width:100%;padding:12px;border:0;background:none;text-align:left}.thumb{flex:none;width:88px;height:88px;border-radius:var(--r-md);overflow:hidden;background:var(--bg)}.thumb img{width:100%;height:100%;object-fit:cover}.status-sold .thumb img{filter:grayscale(.7);opacity:.7}.card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.card__title{font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__price{font-weight:700;color:var(--wine)}.card__meta{font-size:13px;color:var(--muted)}.card__stats{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:12.5px;color:var(--muted)}.card__stats svg:last-of-type{margin-left:8px}.badge{align-self:flex-start;margin-top:4px;padding:3px 8px;border-radius:var(--r-sm);font-size:12px;font-weight:500}.badge--sold{background:var(--ok-soft);color:var(--ok)}.badge--draft{background:#f1ece6;color:var(--muted)}.card__actions{display:flex;border-top:1px solid var(--line)}.act{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;background:none;font-size:13.5px;font-weight:500;color:var(--ink)}.act+.act{border-left:1px solid var(--line)}.act:active{background:var(--bg)}.act--wa{color:#1f7a4d}.act--sold{color:var(--wine);font-weight:600}.act--icon{flex:0 0 48px;color:var(--muted)}.act--wide{flex:3}.menu{position:absolute;right:8px;bottom:50px;z-index:4;min-width:200px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 8px 24px #241a1d24;animation:pop .14s ease-out}.menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px;border:0;border-radius:var(--r-sm);background:none;font-size:15px;text-align:left}.menu button:active{background:var(--bg)}.menu .danger{color:var(--danger)}@keyframes pop{0%{opacity:0;transform:translateY(4px)}}.empty{padding:40px 16px;text-align:center;color:var(--muted)}.skeleton-list{display:flex;flex-direction:column;gap:10px}.skeleton{height:158px;border-radius:var(--r-lg);background:linear-gradient(90deg,#f0ebe5,#f8f5f1,#f0ebe5);background-size:200% 100%;animation:sk 1.2s infinite}@keyframes sk{to{background-position:-200% 0}}.editor{padding-top:14px}.block{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;margin-bottom:12px}.block__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.block__head h2{font-size:15px}.block__head .muted{font-size:12.5px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo,.photo-add{position:relative;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo__cover{position:absolute;left:6px;top:6px;padding:2px 6px;border-radius:4px;background:var(--wine);color:#fff;font-size:11px;font-weight:600}.photo__x{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#241a1d99;color:#fff}.photo__move{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:4px}.photo__move button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:var(--r-sm);background:#ffffffe6;color:var(--ink)}.photo__move button:disabled{visibility:hidden}.photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed #d6c7bb;background:var(--bg);color:var(--accent-text);font-size:12.5px;font-weight:500}.photo-add:active{background:#f1ebe4}.media-error{margin-top:8px}.video-row{margin-top:12px}.video-add{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;border:1.5px dashed #d6c7bb;border-radius:var(--r-md);background:var(--bg);color:var(--accent-text);text-align:left}.video-add span{display:flex;flex-direction:column}.video-add b{font-weight:600;font-size:14px}.video-add small{color:var(--muted);font-size:12.5px}.video{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.video video{width:100%;max-height:260px;border-radius:var(--r-md);background:#000}.paste-cta{display:flex;align-items:center;gap:12px;width:100%;padding:4px;border:0;background:none;text-align:left;color:var(--wine)}.paste-cta span{display:flex;flex-direction:column}.paste-cta b{font-weight:600}.paste-cta small{color:var(--muted);font-size:13px}.paste-box .field{margin-bottom:10px}.paste-box__actions{display:flex;justify-content:flex-end;gap:8px}.note{margin:10px 0 0;padding:8px 10px;border-radius:var(--r-sm);background:#fbf6ec;color:#7a5a1e;font-size:13px}.savebar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;gap:10px;padding:12px 16px calc(12px + var(--safe-b));background:#fff;border-top:1px solid var(--line)}.savebar .btn{flex:1}.savebar .btn--primary{flex:2}@media(min-width:680px){.savebar{left:50%;width:640px;transform:translate(-50%)}}.sample-note{margin:0 0 12px;padding:8px 10px;border-radius:var(--r-sm);background:#fbf6ec;color:#7a5a1e;font-size:13px}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.kpi{display:flex;flex-direction:column;gap:2px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}.kpi b{font:700 30px/1.05 var(--serif);color:var(--wine)}.kpi span{font-size:13px;color:var(--ink)}.kpi small{color:var(--muted);font-size:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;margin-bottom:12px}.panel h2{font-size:15px;margin-bottom:10px}.daytable{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.daytable th{text-align:left;font-size:12px;font-weight:500;color:var(--muted);padding:0 0 6px}.daytable td{padding:8px 0;border-top:1px solid var(--line)}.daytable .num{text-align:right;padding-right:12px;white-space:nowrap}.daytable tfoot td{font-weight:600;border-top:1.5px solid var(--ink)}.daytable .wd{display:inline-block;min-width:34px;color:var(--muted)}.barcell{width:32%}.bar{display:block;height:8px;border-radius:4px;background:var(--accent)}.hbars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.hbars li{display:grid;grid-template-columns:9.5em 1fr 2em;align-items:center;gap:10px;font-size:13.5px}.hbars__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbars__track{height:10px;border-radius:5px;background:#f3eee9;overflow:hidden}.hbars__track span{display:block;height:100%;border-radius:5px;background:var(--wine)}.hbars__n{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.toplist{margin:0;padding-left:20px;font-size:14px}.toplist li{padding:7px 0;border-top:1px solid var(--line)}.toplist li:first-child{border-top:0}.toplist li{display:list-item}.toplist li span{display:inline-block;max-width:calc(100% - 40px)}.toplist li b{float:right;color:var(--wine);font-variant-numeric:tabular-nums}.row-link{display:block;padding:4px 0;font-weight:500}.logout{margin-top:8px;color:var(--danger)}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(var(--tabbar) + var(--safe-b) + 12px);z-index:30;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.app--sub~.toast-wrap{bottom:calc(84px + var(--safe-b))}.toast{display:flex;align-items:center;gap:14px;max-width:520px;padding:12px 14px;border-radius:var(--r-md);background:var(--ink);color:#fff;font-size:14px;box-shadow:0 8px 24px #0003;pointer-events:auto;animation:pop .18s ease-out}.toast button{flex:none;border:0;background:none;color:var(--gold);font-weight:600;font-size:14px;padding:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}