[data-loop]:not([data-play=true]) *,[data-loop]:not([data-play=true]) :before,[data-loop]:not([data-play=true]) :after{animation-play-state:paused!important}.phones{height:560px;position:relative}.phone{aspect-ratio:9/16;width:232px;box-shadow:0 0 0 1px #ffffff1f, 0 40px 70px -34px #14192873, 0 30px 90px -40px color-mix(in srgb, var(--tint,#22c55e) 60%, transparent);transition:transform 1.1s var(--ease), opacity .9s var(--ease);background:#111;border:7px solid #16181f;border-radius:38px;margin:0;position:absolute;top:50%;left:50%;overflow:hidden}.phone img{object-fit:cover;object-position:top;width:100%;height:100%}.phone-1{z-index:1;transform:translate(-112%,-46%)rotate(-7deg)}.phone-2{z-index:2;transform:translate(-50%,-50%)}.phone-3{z-index:1;transform:translate(12%,-46%)rotate(7deg)}.phones:not([data-in]) .phone-1,.phones:not([data-in]) .phone-3{transform:translate(-50%,-40%)rotate(0)}html:not(.js) .phones .phone-1{transform:translate(-112%,-46%)rotate(-7deg)}html:not(.js) .phones .phone-3{transform:translate(12%,-46%)rotate(7deg)}.board-section .section-head{margin-bottom:44px}.board{border:1px solid var(--line);background:radial-gradient(60% 50% at 90% 0%, color-mix(in srgb, var(--tint,#467be5) 12%, transparent), transparent 70%), linear-gradient(170deg, #fbfcfe, #f2f4f9);box-shadow:0 0 0 .5px #1419280f, 0 40px 100px -50px color-mix(in srgb, var(--tint,#467be5) 45%, transparent);color:var(--text);-webkit-user-select:none;user-select:none;border-radius:22px;overflow:hidden;container-type:inline-size}.board-top,.board-cols{font-size:clamp(8px,1.3cqi,14px)}.board-top{border-bottom:1px solid var(--line);background:#ffffffb3;justify-content:space-between;align-items:center;gap:1em;padding:1em 1.4em;display:flex}.board-client{align-items:center;gap:.7em;font-weight:600;display:inline-flex}.board-client b{color:var(--text-3);font-weight:500}.board-logo{color:#2b1600;background:linear-gradient(135deg,#ffd27a,#f29b38);border-radius:.6em;place-items:center;width:2em;height:2em;font-size:.85em;font-style:normal;font-weight:700;display:inline-grid}.board-views{background:var(--s-fill);border-radius:.8em;padding:.25em;font-size:.92em;display:inline-flex}.board-views span{color:var(--text-3);border-radius:.6em;padding:.35em .9em}.board-views .is-on{color:var(--text);background:#fff;box-shadow:0 0 0 .5px #1419281a,0 1px 2px #14192814}.board-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;padding:1.2em 1.4em 1.5em;display:grid}.board-col{background:#1419280a;border-radius:.9em;flex-direction:column;gap:.7em;min-height:21em;padding:.8em;display:flex}.board-col-title{align-items:center;gap:.5em;padding:.1em .2em .2em;font-size:.95em;font-weight:600;display:flex}.board-col-title span{color:var(--text-3);background:var(--s-fill);border-radius:1em;padding:.05em .5em;font-size:.85em}.task,.task-slot{flex:none;height:6.6em}.task{border:1px solid var(--line);background:#fff;border-radius:.75em;flex-direction:column;gap:.45em;padding:.75em .85em;display:flex;position:relative;box-shadow:0 .4em 1em -.7em #14192847}.task b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.task-tags{gap:.3em;display:flex}.task-tags i{color:#fff;border-radius:.5em;padding:.1em .55em;font-size:.8em;font-style:normal;font-weight:600}.task-meta{color:var(--text-3);align-items:center;gap:.6em;margin-top:auto;font-size:.85em;display:flex}.task-check:before{content:"☑ "}.task-prio{color:#d9761a}.task-avatar{color:#fff;border-radius:50%;place-items:center;width:1.9em;height:1.9em;margin-left:auto;font-size:.85em;font-style:normal;font-weight:700;display:inline-grid}.a1{background:#467be5}.a2{background:#a058e8}.a3{background:#2fa57a}.task-ghost{opacity:.35;box-shadow:none;background:0 0;border-style:dashed}.task-slot{border:1px dashed #fff0;border-radius:.75em}.task.is-done{opacity:.75;height:auto;min-height:4.2em}.task.is-done b{-webkit-text-decoration:line-through #14192866;text-decoration:line-through #14192866}.task-hours:before{content:"◷ "}.task-moving{z-index:2;animation:task-move 9s var(--ease) infinite}@keyframes task-move{0%,14%{transform:none;box-shadow:0 .4em 1em -.7em #14192847}22%{transform:translateY(-.4em)rotate(-2deg)scale(1.04);box-shadow:0 1.6em 2.4em -1em #14192859}40%{transform:translate(calc(100% + 2.6em))translateY(-.4em)rotate(2deg)scale(1.04);box-shadow:0 1.6em 2.4em -1em #14192859}46%,88%{opacity:1;transform:translate(calc(100% + 2.6em));box-shadow:0 .4em 1em -.7em #14192847}94%{opacity:0;transform:translate(calc(100% + 2.6em))}97%{opacity:0;transform:none}to{opacity:1;transform:none}}.task-slot{animation:slot-open 9s var(--ease) infinite}@keyframes slot-open{0%,20%{border-color:#fff0}28%,40%{background:#14192808;border-color:#14192838}46%,to{background:0 0;border-color:#fff0}}.task-timing{border-color:color-mix(in srgb, var(--tint,#467be5) 55%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--tint,#467be5) 30%, transparent), 0 1em 2em -1.2em color-mix(in srgb, var(--tint,#467be5) 50%, transparent)}.task-timer{font-variant-numeric:tabular-nums;color:#c62828;background:#e539351a;border-radius:1em;align-items:center;gap:.45em;padding:.15em .6em;font-size:.82em;font-weight:600;display:inline-flex;position:absolute;top:.65em;right:.7em}.timer-dot{background:#ff5a5a;border-radius:50%;width:.55em;height:.55em;animation:1s ease-in-out infinite timer-pulse}@keyframes timer-pulse{50%{opacity:.35}}.timer-digits{align-items:flex-start;line-height:1.25;display:inline-flex}.digit-col{height:1.25em;display:inline-block;overflow:hidden}.digit-strip{white-space:pre-line;display:block}.d-units{animation:10s steps(10,end) infinite digits-10}.d-tens{animation:60s steps(6,end) infinite digits-6}@keyframes digits-10{to{transform:translateY(-100%)}}@keyframes digits-6{to{transform:translateY(-100%)}}@container (max-width:640px){.board-top,.board-cols{font-size:clamp(9px,2.4cqi,13px)}.board-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.board-col-done,.board-views{display:none}}.board-compact{height:100%;box-shadow:none;border:0;border-radius:0}.board-compact .board-top{display:none}.board-compact .board-cols{height:100%;padding:1.4em;font-size:clamp(8px,2.15cqi,13px)}.board-compact .board-col{min-height:0}.client-card{border:1px solid var(--line);background:radial-gradient(70% 50% at 100% 0%, color-mix(in srgb, var(--tint,#467be5) 10%, transparent), transparent 70%), #fff;width:min(100%,460px);box-shadow:0 0 0 .5px #1419280f, 0 40px 100px -50px color-mix(in srgb, var(--tint,#467be5) 45%, transparent);border-radius:24px;margin:0 auto;padding:24px;position:relative}.client-head{align-items:center;gap:12px;display:flex}.client-head .board-logo{border-radius:12px;width:40px;height:40px;font-size:14px}.client-head b{font-size:17px;display:block}.client-head small{color:var(--text-3);font-size:13px;display:block}.client-total{text-align:right;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-left:auto;font-size:22px;font-weight:700}.client-heat{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:22px;display:grid}.client-heat i{aspect-ratio:1;transition:background .6s ease calc(var(--d,0) * 1ms);background:#1419280d;border-radius:5px}.client-heat .h1{background:color-mix(in srgb, var(--tint,#467be5) 22%, #fff)}.client-heat .h2{background:color-mix(in srgb, var(--tint,#467be5) 45%, #fff)}.client-heat .h3{background:color-mix(in srgb, var(--tint,#467be5) 72%, #fff)}.client-heat .h4{background:color-mix(in srgb, var(--tint,#467be5) 80%, #0a0c12)}.client-bars{gap:12px;margin-top:22px;display:grid}.client-bar{grid-template-columns:9.5em 1fr 4.2em;align-items:center;gap:10px;font-size:13.5px;display:grid}.client-bar>span:first-child{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-bar b{text-align:right;font-variant-numeric:tabular-nums}.client-track{background:var(--s-fill);border-radius:8px;height:8px;overflow:hidden}.client-track i{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--tint,#467be5) 70%, #fff), var(--tint,#467be5));transform-origin:0;height:100%;transition:transform 1.1s var(--ease) .4s;display:block}.client-card:not([data-in]) .client-track i{transform:scaleX(0)}html:not(.js) .client-card .client-track i{transform:none}.client-export{border:1px solid var(--line-2);background:#fff;border-radius:10px;align-items:center;gap:6px;margin-top:22px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #1419280f}.plan-section .plan{max-width:960px;margin:0 auto}.plan{--plan-bg:#fff;--plan-ink:#1e2a3a;--plan-blue:#0d99ff;border:1px solid var(--line);background:var(--plan-bg);-webkit-user-select:none;user-select:none;border-radius:22px;overflow:hidden;box-shadow:0 0 0 .5px #1419280f,0 40px 100px -50px #0d99ff66;container-type:inline-size}.plan-bar{border-bottom:1px solid var(--line);color:var(--text);background:#f8f9fb;justify-content:space-between;align-items:center;gap:1em;padding:.9em 1.3em;font-size:clamp(9px,1.25cqi,14px);display:flex}.plan-title{white-space:nowrap;font-weight:600}.plan-title small{color:var(--text-3);margin-left:.4em;font-size:1em;font-weight:500}.plan-tools{background:var(--s-fill);border-radius:.8em;gap:.3em;padding:.25em;display:inline-flex}.pt{color:var(--text-3);white-space:nowrap;border-radius:.6em;align-items:center;gap:.45em;padding:.35em .8em;display:inline-flex}.pt kbd{font-family:var(--font);background:var(--s-fill-2);color:var(--text-2);border-radius:.35em;padding:.05em .4em;font-size:.8em;font-weight:700}.pt-wall{animation:12s step-end infinite tool-wall}.pt-room{animation:12s step-end infinite tool-room}.pt-furn{animation:12s step-end infinite tool-furn}.pt-dim{animation:12s step-end infinite tool-dim}@keyframes tool-wall{0%{color:#fff;background:#0d99ff}20%{color:var(--text-3);background:0 0}}@keyframes tool-room{0%{color:var(--text-3);background:0 0}20%{color:#fff;background:#0d99ff}36%{color:var(--text-3);background:0 0}}@keyframes tool-furn{0%{color:var(--text-3);background:0 0}36%{color:#fff;background:#0d99ff}56%{color:var(--text-3);background:0 0}}@keyframes tool-dim{0%{color:var(--text-3);background:0 0}56%{color:#fff;background:#0d99ff}72%{color:var(--text-3);background:0 0}}.plan-total{white-space:nowrap;color:#0a6fc2;background:#0d99ff1a;border-radius:1em;padding:.3em .8em;font-weight:600}.plan-svg{color:#1e2a3a12;width:100%;height:auto;font-family:var(--font);padding:2.5% 4% 3%;animation:12s linear infinite plan-cycle;display:block}@keyframes plan-cycle{0%,93%{opacity:1}98%,to{opacity:0}}.plan-room{fill:#0d99ff1a;animation:plan-rooms 12s var(--ease) infinite;animation-delay:calc(var(--i) * .12s)}@keyframes plan-rooms{0%,22%{fill:#0d99ff00}32%,to{fill:#0d99ff1a}}.wall{fill:none;stroke:var(--plan-ink);stroke-linejoin:miter;stroke-dasharray:1;stroke-dashoffset:0;animation:12s cubic-bezier(.5,0,.3,1) infinite wall-draw}.wall-outer{stroke-width:15px}.wall-inner{stroke-width:5px;animation-name:wall-draw-inner}@keyframes wall-draw{0%{stroke-dashoffset:1px}12%,to{stroke-dashoffset:0}}@keyframes wall-draw-inner{0%,9%{stroke-dashoffset:1px}18%,to{stroke-dashoffset:0}}.plan-openings{animation:12s infinite plan-openings}@keyframes plan-openings{0%,17%{opacity:0}21%,to{opacity:1}}.gap{fill:var(--plan-bg)}.window rect{fill:var(--plan-bg);stroke:var(--plan-ink);stroke-width:1.2px}.window path{stroke:var(--plan-ink);stroke-width:1.2px}.door path{fill:none;stroke:#5b7fa6;stroke-width:1.6px}.door .door-arc{stroke-width:1.1px;stroke-dasharray:3 3}.plan-labels text{text-anchor:middle;animation:plan-labels 12s var(--ease) infinite;animation-delay:calc(var(--i) * .12s)}@keyframes plan-labels{0%,26%{opacity:0;transform:translateY(6px)}33%,to{opacity:1;transform:none}}.room-name{fill:#1e2a3a;font-size:13px;font-weight:650}.room-area{fill:#0a6fc2;font-size:12px;font-weight:500}.furn{transform-box:fill-box;transform-origin:50%;animation:12s cubic-bezier(.3,1.5,.5,1) infinite furn-in;animation-delay:calc(var(--i) * .14s)}@keyframes furn-in{0%,37%{opacity:0;transform:scale(.7)}44%,to{opacity:1;transform:none}}.furn-shape{fill:none;stroke:#475569;stroke-width:1.2px}.furn-sofa{animation-name:sofa-in;animation-delay:0s}@keyframes sofa-in{0%,37%{opacity:0;transform:translateY(30px)}42%,46%{opacity:1;transform:translateY(30px)}52%,to{opacity:1;transform:none}}.furn-select rect{fill:none;stroke:var(--plan-blue);stroke-width:1.4px}.furn-select text{text-anchor:middle;fill:#0d99ff;font-size:11px;font-weight:600}.furn-select{opacity:0;animation:12s infinite furn-select}@keyframes furn-select{0%,51%{opacity:0}54%,70%{opacity:1}75%,to{opacity:0}}.plan-dims path{fill:none;stroke:#0d99ff;stroke-width:1px}.plan-dims text{text-anchor:middle;fill:#0a6fc2;paint-order:stroke;stroke:var(--plan-bg);stroke-width:4px;font-size:11px;font-weight:600}.plan-dims{animation:12s infinite plan-dims}@keyframes plan-dims{0%,56%{opacity:0}62%,to{opacity:1}}@container (max-width:600px){.plan-bar{justify-content:center;font-size:clamp(9px,3cqi,13px)}.plan-title,.plan-total,.pt kbd{display:none}.room-name{font-size:19px}.room-area{font-size:17px}.plan-dims text,.furn-select text{font-size:16px}}.plan-compact{height:100%;box-shadow:none;border:0;border-radius:0;place-items:center;display:grid}.plan-compact .plan-bar{display:none}.plan-compact .plan-svg{height:100%;padding:4%}.mini-toolkit{background:radial-gradient(60% 60% at 85% 10%,#8b6cff57,#0000 70%),radial-gradient(55% 60% at 10% 100%,#2f78ff47,#0000 70%),linear-gradient(160deg,#f4f6fc,#e8ecf7);font-size:clamp(9px,2.2cqi,13px);position:absolute;inset:0}.mini-mb{-webkit-backdrop-filter:blur(16px);color:#141928e6;background:#ffffff8c;justify-content:space-between;align-items:center;height:2.2em;padding:0 1em;display:flex}.mini-z{background:#1419281f;border-radius:.4em;place-items:center;width:2em;height:1.5em;font-weight:800;display:inline-grid}.mini-panel{background:var(--s-panel);-webkit-backdrop-filter:blur(24px)saturate(1.5);width:62%;box-shadow:var(--s-shadow);border:1px solid #fffc;border-radius:1.2em;grid-template-columns:repeat(5,1fr);gap:.7em;padding:1em;display:grid;position:absolute;top:3em;right:1.2em}.mini-tile{aspect-ratio:1;color:color-mix(in srgb, var(--tint) 80%, #0a0c12);background:color-mix(in srgb, var(--tint) 12%, #fff);border:1px solid color-mix(in srgb, var(--tint) 28%, #fff);animation:6s ease-in-out infinite tile-glow;animation-delay:calc(var(--i) * .6s);border-radius:.8em;place-items:center;display:grid}.mini-tile svg{width:48%;height:48%}@keyframes tile-glow{0%,14%,to{box-shadow:none;transform:none}6%{box-shadow:0 .8em 1.6em -.7em color-mix(in srgb, var(--tint) 60%, transparent);transform:translateY(-.25em)scale(1.08)}}.mini-rendo{background:radial-gradient(60% 70% at 50% 100%,#22c55e47,#0000 70%),radial-gradient(50% 50% at 90% 0,#0ea5e933,#0000 70%),linear-gradient(160deg,#f3f9f5,#e6f1ea);font-size:clamp(9px,2.1cqi,13px);position:absolute;inset:0}.phone-mini{border-width:.45em;border-radius:2.2em;width:40%;animation:7s ease-in-out infinite phone-float;top:12%;transform:translate(-50%)}@keyframes phone-float{50%{transform:translate(-50%)translateY(-.6em)}}.mini-chip{-webkit-backdrop-filter:blur(12px);color:var(--text-2);white-space:nowrap;background:#ffffffe0;border:1px solid #fffffff2;border-radius:.9em;align-items:center;gap:.6em;padding:.6em .9em;display:inline-flex;position:absolute;box-shadow:0 0 0 .5px #1419281a,0 1em 2em -1.1em #14192859}.mini-chip b{color:var(--text);font-variant-numeric:tabular-nums}.mini-chip i{border-radius:50%;width:.6em;height:.6em}.mini-chip-in{animation:6s ease-in-out infinite chip-float;top:30%;left:5%}.mini-chip-in i{background:#22c55e}.mini-chip-out{animation:6s ease-in-out 1.5s infinite chip-float;top:56%;right:5%}.mini-chip-out i{background:#f43f5e}@keyframes chip-float{50%{transform:translateY(-.5em)}}@media (max-width:980px){.phones{height:520px}}@media (max-width:680px){.phones{height:440px}.phone{border-width:5px;border-radius:30px;width:180px}.phone-1{transform:translate(-90%,-46%)rotate(-6deg)}.phone-3{transform:translate(-10%,-46%)rotate(6deg)}.phone-mini{border-width:.4em;width:40%}.client-card{padding:20px 18px}.client-bar{grid-template-columns:7.5em 1fr 3.8em;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.furn-select{opacity:0}}
