:root{--ink:#192d39;--muted:#516674;--panel:#fff;--line:#d4dee2;--accent:#236b87;--accent-ink:#fff;--accent-hover:#1c5a73;--accent-active:#174b61;--fill:#e5ecef;--page:#f4f4ee;--control-line:#637c89;--success:#246847;--warning:#805400;--error:#a33131;--focus:#765299;--shadow:#192d3929;--radius:10px;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--page);min-height:100vh;margin:0}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}:is(:where(button,a,input,textarea,select,summary):focus-visible,.file:has(input:focus-visible)){outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 3px var(--panel)}button{font:inherit;color:inherit;cursor:pointer}svg.i{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}main{gap:20px;width:min(920px,100%);margin:0 auto;padding:24px 16px 64px;display:grid}.bar{z-index:5;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:64px;padding:8px max(16px,50% - 444px);display:flex;position:sticky;top:0}.bar .home{border-radius:4px;flex:none;align-items:center;padding:2px 0;display:inline-flex}.bar .home img{width:174px;height:auto;display:block}.bar .crumb{color:var(--muted);white-space:nowrap}.bar .crumb:before{content:"/";color:var(--line);margin-right:12px}.bar .who{min-width:0;color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:14px;display:flex}.bar .who>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar .who button{flex:none}h1{letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(2rem,5vw,3.5rem);font-weight:650;line-height:1.1}h2{margin:0 0 12px;font-size:24px;font-weight:650;line-height:1.25}.lead{max-width:62ch;color:var(--muted);margin:12px 0 0;font-size:18px}.audiences{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.audiences article{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);flex-direction:column;padding:20px;display:flex}.audiences h2{margin-bottom:8px;font-size:20px}.audiences p{color:var(--muted);margin:0}.audiences ul{gap:6px;margin:12px 0 0;padding-left:20px;font-size:14px;display:grid}.audiences li::marker{color:var(--accent)}.audiences .more{margin-top:auto;padding-top:14px;font-size:14px;font-weight:600}section{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);box-shadow:0 4px 24px var(--shadow);min-width:0;padding:20px}.note,.hint{color:var(--muted);margin:0;font-size:14px}.note:empty{display:none}#account .note{margin-bottom:12px}.signup{justify-content:center;padding-top:8px;display:flex}.signup button,.signup a{min-width:200px;font-size:16px}dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(420px,100% - 32px);max-height:calc(100% - 32px);color:var(--ink);box-shadow:0 12px 40px var(--shadow);padding:20px}dialog::backdrop{background:#192d3966}dialog .head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}dialog .head h2{margin:0}dialog .close{background:0 0;border-color:#0000;width:44px;padding:0}dialog .close:hover{background:var(--fill)}form,.plan{gap:12px;display:grid}label{color:var(--ink);gap:6px;font-size:14px;font-weight:600;display:grid}input,textarea,select{width:100%;min-height:44px;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--control-line);border-radius:var(--radius);padding:10px 12px;font-size:16px;font-weight:400}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical;line-height:1.4}input[type=checkbox]{width:auto;min-height:0;accent-color:var(--accent)}button,.signup a,.items a,.invoices a,.file{border-radius:var(--radius);border:1px solid var(--control-line);background:var(--panel);min-height:44px;color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}button:hover,.signup a:hover,.items a:hover,.invoices a:hover,.file:hover{background:var(--fill)}button:active,.signup a:active,.items a:active,.invoices a:active,.file:active{box-shadow:inset 0 0 0 1px}.primary,.items a.primary,.invoices a.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.primary:hover,.items a.primary:hover,.invoices a.primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.primary:active,.items a.primary:active,.invoices a.primary:active{border-color:var(--accent-active);background:var(--accent-active)}button:disabled,button:disabled:hover{cursor:not-allowed;border-style:dashed;border-color:var(--control-line);color:var(--muted);background:var(--fill);box-shadow:none}.login .hint{margin:4px 0 0}.link{color:var(--accent);text-underline-offset:.2em;background:0 0;border:none;justify-self:start;padding:0 4px;font-weight:400;text-decoration:underline}.link:hover{background:0 0;text-decoration-thickness:2px}.plan-actions,.signed,.logo{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plan-actions .primary{flex:1}.signed span{color:var(--muted);flex:1}.logo img{border:1px solid var(--line);background:#fff;border-radius:6px;max-width:200px;max-height:80px;padding:8px}.file{cursor:pointer;position:relative}.file input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.file input:focus-visible{box-shadow:none;outline:none}.search{position:relative}.suggestions{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 30px var(--shadow);z-index:2;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.suggestions button{text-align:left;background:0 0;border:0;justify-content:flex-start;width:100%;font-weight:400}.suggestions button:hover,.suggestions button.active,.suggestions button:focus-visible{background:var(--fill)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar h2{flex:1 0 auto;margin:0}.toolbar input{flex:240px;width:auto}form.new{border-radius:var(--radius);border:1px solid var(--line);background:var(--page);margin-top:16px;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end}.empty{color:var(--muted);margin:16px 0 0}.items{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.project{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.project .card{border-radius:var(--radius);color:var(--ink);background:0 0;border:0;justify-content:flex-start;align-items:center;gap:12px;padding:14px 16px;font-weight:400;text-decoration:none;display:flex}.project .card:hover{background:var(--fill)}.project .card .text{flex:1;gap:2px;min-width:0;display:grid}.project .card strong{font-size:16px;font-weight:650}.project .card .go{color:var(--accent);white-space:nowrap;font-size:14px;font-weight:600}.page-head{gap:6px;padding:16px;display:grid}.page-head h2{margin:4px 0 0;font-size:24px}.page-head .row{margin-top:8px}.page-head .back{color:var(--accent);background:0 0;border:0;justify-self:start;padding:0 4px 0 0;font-weight:600}.page-head .back:hover{background:0 0;text-decoration:underline}.project-page header,.project-page #brand,.project-page #team,.project-page #subscription,.project-page .toolbar,.project-page form.new{display:none!important}.project-page .items{margin:0}.items small,.details small{color:var(--muted);font-variant-numeric:tabular-nums lining-nums;font-size:14px}.details{border-top:1px solid var(--line);gap:10px;padding:4px 16px 16px;display:grid}.invoices{gap:8px;margin-top:8px;display:grid}.details h3,.invoices h3{margin:16px 0 0;font-size:20px;font-weight:650;line-height:1.3}.rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rows li{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.rows li.none{color:var(--muted);background:0 0;border:0;padding-left:0;font-size:14px}.rows .text{flex:220px;gap:2px;min-width:0;display:grid}.rows .text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rows .text input,.rows li>.row>button,.rows li>.row>a{height:44px}.rows li.model{align-items:flex-start}.add{grid-template-columns:1fr 1.4fr auto;align-items:center;gap:8px;display:grid}#team{gap:12px;display:grid}#team h2{margin:0}#team .add{grid-template-columns:1fr auto}.facts .row{justify-content:space-between}.general{gap:6px;display:grid}.general code{border:1px solid var(--line);background:var(--page);color:var(--ink);overflow-wrap:anywhere;border-radius:6px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.danger{color:var(--error);border-color:var(--error)}.rows li>.row>button.icon{width:44px;padding:0}.choice{border:1px solid var(--control-line);border-radius:var(--radius);background:var(--panel);gap:3px;padding:3px;display:inline-flex}.choice label{cursor:pointer;border-radius:7px;align-items:center;min-height:36px;padding:6px 12px;font-weight:600;display:inline-flex;position:relative}.choice label:hover{background:var(--fill)}.choice label:has(input:checked){background:var(--accent);color:var(--accent-ink)}.choice label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.choice input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.choice input:focus-visible{box-shadow:none;outline:none}label.check{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:400;display:inline-flex}label.check input{flex:none;width:18px;height:18px;margin:0}.rows li.variant .text{flex-basis:200px}.checks{flex-wrap:wrap;flex:1 0 100%;gap:0 20px;display:flex}.checks label.check{font-size:14px}.sun,.moment{gap:10px;display:grid}.moment .when{flex-wrap:wrap;align-items:end;gap:8px 12px;display:flex}.moment .when input,.moment .when select{width:auto}.moment .when .day input{width:5.5em}.seasons button[aria-pressed=true]{border-color:var(--accent);background:var(--fill);box-shadow:inset 0 0 0 1px var(--accent)}@media (max-width:640px){.add{grid-template-columns:1fr}}@media (max-width:520px){.bar:has(.who:not([hidden])) .crumb{display:none}section{padding:16px}}@media (forced-colors:active){button,.items a,.invoices a,.file,input,textarea,select,.choice{border-color:buttontext}.choice label:has(input:checked){outline:2px solid highlight}}