:root{color:#223b2c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fafbf8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:280px;margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}:focus-visible{outline-offset:5px;outline:3px solid #246341}.app{max-width:800px;margin:0 auto;padding:0 28px}.header{border-bottom:1px solid #dfe5db;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 0;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;min-height:48px;font-size:1.3rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#246341;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.brand svg{stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:31px;height:31px}.connection{color:#50614f;align-items:center;gap:7px;font-size:.875rem;display:inline-flex}.connection-dot{background:#737968;border-radius:50%;flex-shrink:0;width:7px;height:7px}.connected .connection-dot{background:#317649}.unavailable{color:#894419}.unavailable .connection-dot{background:#894419}main{padding:54px 0 28px}.eyebrow{color:#53694e;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:650}h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,7vw,2.75rem);font-weight:650;line-height:1.15}.intro{color:#596455;max-width:28rem;margin:12px 0 32px;font-size:1.0625rem}.empty-state{text-align:center;background:#fff;border:1px solid #dfe5db;border-radius:22px;padding:52px 24px 38px}.basket-illustration{color:#3c704a;background:#eef4e9;border-radius:50%;place-items:center;width:112px;height:112px;margin:0 auto 26px;display:grid}.basket-illustration svg{stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:64px}h2{letter-spacing:-.025em;margin:0 0 12px;font-size:1.25rem;font-weight:650;line-height:1.4}.empty-state p{color:#596455;margin:0;font-size:1rem}.preview-label{color:#42613b;background:#eef4e9;border-radius:20px;margin-top:26px;padding:5px 12px;font-size:.8125rem;display:inline-block}.connection-help{color:#6c421b;background:#fbf1df;border-radius:14px;margin-top:20px;padding:16px 20px}.connection-help p{margin:0 0 12px}button{color:#fff;cursor:pointer;background:#246341;border:0;border-radius:10px;min-height:48px;padding:10px 20px;font-weight:600}button:hover{background:#1a4f32}footer{color:#596455;text-align:center;padding:0 0 28px;font-size:.8125rem}@media (width<=480px){.app{padding:0 20px}.header{padding:18px 0}main{padding-top:36px}.empty-state{padding:38px 18px 30px}}.panel{background:#fff;border:1px solid #dfe5db;border-radius:22px;margin-bottom:20px;padding:28px}.panel>p{color:#596455}.small-basket{background:#eef4e9;border-radius:20px;place-items:center;width:68px;height:68px;margin-bottom:22px;display:grid}.small-basket svg{stroke:#3c704a;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:46px;height:46px}form{gap:10px;margin-top:24px;display:grid}label{font-weight:600}input,textarea{width:100%;min-width:0;min-height:48px;font:inherit;color:#223b2c;background:#fff;border:1px solid #8d9b88;border-radius:9px;padding:12px;font-size:1.0625rem}textarea{overflow-wrap:anywhere;resize:vertical}.field-help{color:#596455;margin:0 0 6px;font-size:.875rem;font-weight:400;display:block}form button{justify-self:start;margin-top:6px}button:disabled{opacity:.55;cursor:wait}.secondary{color:#244d31;background:#eef4e9;border:1px solid #b8c5b1}.secondary:hover{background:#e1ecd9}.text-button{color:#246341;background:0 0;text-decoration:underline}.text-button:hover{background:#eef4e9}.device-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.back{margin-bottom:16px}.devices{margin:20px 0 0;padding:0;list-style:none}.devices li{border-top:1px solid #dfe5db;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;display:flex}.devices li>div{overflow-wrap:anywhere;flex:150px;min-width:0}.invitation{overflow-wrap:anywhere;background:#eef4e9;border-radius:12px;margin-top:24px;padding:18px}.invitation textarea{margin:8px 0;font-family:ui-monospace,monospace}.notice,.error-message{border-radius:10px;padding:14px 18px}.notice{background:#eef4e9}.error-message{color:#6c421b;background:#fbf1df}details{border-top:1px solid #dfe5db;margin-top:26px;padding-top:12px}summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:600}details p{color:#596455}@media (width<=480px){.panel{padding:22px 18px}}