:root{--bg: #0f1115;--surface: #171a21;--border: #262b36;--text: #e8eaf0;--muted: #9aa3b2;--brand: #4f8cff;--good: #3ecf8e;--bad: #ff6b6b;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.shell{max-width:46rem;margin:0 auto;padding:3rem 1.25rem}.shell__header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.brand{margin:0;font-size:2rem;letter-spacing:-.02em;color:var(--brand)}.languages{display:flex;gap:.25rem;margin:0;padding:0;list-style:none}.languages button{padding:.35rem .7rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer}.languages button.is-active{border-color:var(--brand);color:var(--text)}.tagline{margin:.75rem 0 2rem;color:var(--muted)}.card{padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.card h2{margin-top:0;font-size:1rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.status-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.5rem;margin:0}.status-list dt{color:var(--muted)}.status-list dd{margin:0;font-variant-numeric:tabular-nums}.status--good{color:var(--good)}.status--bad{color:var(--bad)}.card+.card{margin-top:1rem}.card--center{text-align:center}.muted{color:var(--muted)}.small{font-size:.8rem}.row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.row--form{justify-content:flex-start;margin:1rem 0}.row .right{text-align:right}.credits{margin:0 0 .5rem;font-weight:600}input[type=url]{flex:1 1 16rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--text);font:inherit}.button{padding:.55rem 1rem;border:1px solid transparent;border-radius:.5rem;background:var(--brand);color:#0b1020;font:inherit;font-weight:600;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.button--quiet{border-color:var(--border);background:transparent;color:var(--text);font-weight:400}.button--facebook{margin-top:.5rem;background:#1877f2;color:#fff}.form{display:grid;gap:.75rem;margin:1rem 0}.form label{display:grid;gap:.3rem;font-size:.85rem;color:var(--muted)}.form input{padding:.55rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--text);font:inherit}.separator{margin:1.25rem 0 0;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-top:1rem;overflow:hidden;border:1px solid var(--border);border-radius:.5rem;background:var(--border)}.calendar__head{padding:.4rem .5rem;background:var(--bg);color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.calendar__day{min-height:5.5rem;padding:.35rem;background:var(--surface)}.calendar__day--muted{background:var(--bg)}.calendar__day--muted .calendar__date{opacity:.4}.calendar__day--today{box-shadow:inset 0 0 0 2px var(--brand)}.calendar__date{margin-bottom:.25rem;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.calendar__post{display:grid;grid-template-columns:auto 1fr;gap:.25rem;align-items:center;margin-bottom:.3rem;padding:.25rem;border-radius:.35rem;background:var(--bg);font-size:.72rem}.calendar__post img{width:1.6rem;height:1.6rem;grid-row:span 2;border-radius:.25rem;object-fit:cover}.calendar__time{font-weight:600;font-variant-numeric:tabular-nums}.calendar__text{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.chat{display:grid;max-height:22rem;gap:.5rem;margin:1rem 0;overflow-y:auto}.bubble{max-width:42rem;padding:.6rem .85rem;border:1px solid var(--border);border-radius:.75rem;font-size:.9rem;white-space:pre-wrap}.bubble--owner{justify-self:end;border-color:transparent;background:var(--brand);color:#0b1020}.bubble--assistant{justify-self:start;background:var(--surface)}.bubble--error{border-color:var(--bad);color:var(--bad)}.bubble__note{margin-top:.35rem;color:var(--muted);font-size:.78rem}.bubble--owner .bubble__note{color:#0b1020b3}.bubble__note--bad{color:var(--bad)}.examples{margin:.75rem 0 0;padding:0;list-style:none}.examples li{margin-bottom:.25rem}.row--form input[type=text]{flex:1 1 20rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--text);font:inherit}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;padding:1rem;place-items:center;background:#0009}.dialog{width:24rem;max-width:100%;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.dialog h3{margin:0 0 .5rem}.dialog__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}.button--danger{background:var(--bad);color:#fff}.link--danger{color:var(--bad)}.link{padding:0;border:0;background:none;color:var(--brand);font:inherit;font-size:.9rem;text-decoration:underline;cursor:pointer}.post{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.mock{--mock-bg: #fff;--mock-text: #050505;--mock-muted: #65676b;--mock-border: #dbdbdb;width:22rem;max-width:100%;overflow:hidden;border:1px solid var(--mock-border);border-radius:.6rem;background:var(--mock-bg);color:var(--mock-text);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.9rem;line-height:1.35}.mock__head{display:flex;gap:.6rem;align-items:center;padding:.75rem}.mock__avatar{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:50%;background:#e4e6eb;color:#050505;font-size:.85rem;font-weight:700}.mock__avatar--ring{box-shadow:0 0 0 2px #fff,0 0 0 4px #d6249f}.mock__name{font-size:.9rem;font-weight:600}.mock__meta{display:flex;gap:.25rem;align-items:center;color:var(--mock-muted);font-size:.75rem}.mock__text{display:block;width:100%;padding:0 .75rem .75rem;border:0;background:transparent;color:inherit;font:inherit;resize:vertical;white-space:pre-wrap}.mock__text:focus{outline:2px solid #1877f2;outline-offset:-2px}.mock__text--ig{padding:0}.mock__image{display:block;width:100%;border-top:1px solid var(--mock-border);border-bottom:1px solid var(--mock-border)}.mock__image--square{aspect-ratio:1 / 1;object-fit:cover}.mock__image--story{aspect-ratio:9 / 16;border:0;object-fit:cover}.mock__placeholder{display:grid;aspect-ratio:1 / 1;place-items:center;background:#f0f2f5;color:var(--mock-muted);font-size:.8rem;text-align:center}.mock__link{padding:.5rem .75rem;background:#f0f2f5;color:var(--mock-muted);font-size:.75rem;text-transform:lowercase}.mock__caption{padding:0 .75rem .5rem}.mock__handle{margin-right:.35rem;font-weight:600}.mock__tags{padding:0 .75rem .75rem;color:#00376b;font-size:.85rem}.mock--story{width:14rem;position:relative;background:#000;color:#fff}.mock__storyBar{height:2px;margin:.5rem .5rem 0;border-radius:2px;background:#fff9}.mock__head--story{position:absolute;top:.75rem;left:0;right:0;z-index:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.mock__save{display:block;width:calc(100% - 1.5rem);margin:0 .75rem .75rem;padding:.4rem;border:0;border-radius:.4rem;background:#1877f2;color:#fff;font:inherit;font-size:.85rem;cursor:pointer}.products{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;margin-top:.75rem}.product{width:10rem;margin:0}.product img{width:100%;aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:.5rem;object-fit:cover;background:var(--bg)}.product__missing{display:grid;aspect-ratio:1 / 1;place-items:center;border:1px dashed var(--border);border-radius:.5rem;color:var(--muted);font-size:.75rem;text-align:center}.variants{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));margin-top:.75rem}.variant__header{display:flex;gap:.5rem;align-items:center;margin-bottom:.35rem;font-size:.85rem}.variant textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--text);font:inherit;resize:vertical}.tag{padding:.1rem .45rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}select{padding:.5rem .6rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--text);font:inherit}.count{width:4.5rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--text);font:inherit}.switcher{display:inline-flex;gap:.5rem;align-items:center;margin-top:.5rem;color:var(--muted);font-size:.85rem}.sites{width:100%;border-collapse:collapse;margin-top:1rem}.sites th,.sites td{padding:.5rem .75rem .5rem 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.sites th{color:var(--muted);font-weight:500;font-size:.85rem}.account{padding:.5rem 0;border-bottom:1px solid var(--border)}.account__picture{width:1.5rem;height:1.5rem;margin-right:.4rem;border-radius:50%;object-fit:cover;vertical-align:middle}.field{display:flex;flex-direction:column;gap:.3rem;margin-top:1rem;font-size:.9rem}.field input[type=text],.field textarea{padding:.5rem .6rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--text);font:inherit;width:100%;box-sizing:border-box}.field textarea{resize:vertical;min-height:4.5rem;line-height:1.5}.field--inline{flex-direction:row;align-items:center;gap:.6rem}.field--inline input[type=color]{width:3rem;height:2rem;padding:0;border:1px solid var(--border);border-radius:.4rem;background:none}
