@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap);.nav-menu{background-color:var(--primary-color);box-sizing:border-box;color:var(--text-color);font-family:Calibri,monospace;font-size:13px;grid-area:navigation;margin:0;overflow:visible;position:relative;width:clamp(160px,18vw,240px)}.nav-menu:after{background:var(--text-color);bottom:0;content:"";height:3px;left:calc(var(--layout-xpad)*-1);pointer-events:none;position:absolute;right:0;right:calc(var(--layout-colgap)*-1)}.nav-link.account{color:var(--accent-color)}.menu,.submenu{border-bottom:none;list-style-type:none;margin:0;padding-left:0}.menu{position:relative}.menu:after{background:var(--text-color);bottom:0;content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0}.menu>li.sign-in:last-child div,.menu>li:last-child div{border-bottom:none}.nav-item-header{align-items:center;display:flex;justify-content:space-between;padding:10px 15px}.nav-item{border-bottom:1px solid var(--text-color)}.nav-item-header:hover{color:var(--accent-color)}.nav-link{color:var(--text-color);text-decoration:none}.nav-link:hover{color:#374151}.toggle-btn{background:none;color:var(--text-color);cursor:pointer;display:grid;justify-content:space-between}.nav-menu .toggle-btn{align-items:center;background-color:var(--primary-color);border:1.5px solid var(--text-color);border-radius:15px;cursor:pointer;display:inline-flex;flex:0 0 auto;font-family:Optima,sans-serif;font-size:20px;font-weight:500;height:44px;justify-content:center;padding:0;white-space:nowrap;width:60px}.nav-menu .toggle-btn:hover,button:hover{background-color:var(--accent-color)}:root{--home-topline-y:35px;--logo-rail:86px}.home{grid-area:main;height:100vh;letter-spacing:1px;overflow:hidden;position:relative}.home-topline{background:var(--text-color);height:1px;left:0;opacity:1;pointer-events:none;position:fixed;right:102px;right:calc(var(--logo-rail) + var(--layout-colgap));top:35px;top:var(--home-topline-y);z-index:9999}.home-scroll{-webkit-overflow-scrolling:touch;height:calc(100% - 35px);height:calc(100% - var(--home-topline-y));margin-top:35px;margin-top:var(--home-topline-y);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory}.scroll-section{align-items:center;display:flex;height:calc(100vh - 35px);height:calc(100vh - var(--home-topline-y));scroll-snap-align:start}.home-content{margin:0 auto;max-width:1100px;padding:28px 24px;width:100%}.home-content h1,.home-content p,h2{margin:0}h2{font-weight:400;padding-top:10px}.section-title{font-weight:700;margin:0 0 5px}.lead{font-size:16px;line-height:1.6;margin-top:0;max-width:75ch;opacity:.95}.image-card{background:#ffffff08;border:1px solid #c4c4c229;border-radius:22px;margin:18px 0;position:relative;width:100%}.image-card,.image-card-img-datilation{box-shadow:0 14px 38px #00000047;overflow:hidden}.image-card-img-datilation{aspect-ratio:1/1;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:22px;cursor:pointer;display:block;margin:150px auto;text-decoration:none;transition:transform .16s ease,box-shadow .2s ease,border-color .16s ease;-webkit-user-select:none;user-select:none;width:100px}.image-card-img-datilation>img{display:block;height:100%;object-fit:cover;width:100%}.image-card-img-datilation:hover{border-color:#ffffff47;box-shadow:0 26px 60px #000;transform:translateY(-3px)}.image-card-img-datilation:active{transform:translateY(0) scale(.99)}.image-card-img-datilation:focus-visible{outline:2px solid #ffffff8c;outline-offset:4px}.datilation-proto .scroll-section{align-items:flex-start}.datilation-proto .home-content{align-items:center;display:flex;flex-direction:column}.datilation-proto .home-content h1,.datilation-proto .home-content h2,.proto-two-col{text-align:center}.proto-two-col{align-items:center;column-count:flex;margin:0 50px}.proto-two-col section{padding-bottom:10px}.hero-card .image-card-img{height:420px}.image-card-img{display:block;height:340px;object-fit:cover;width:100%}.image-overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:24px;position:absolute}.image-title{color:var(--text-color);font-size:2.5rem;line-height:1.05;margin:0;max-width:24ch;text-align:center}.image-overlay.subtle{align-items:flex-end;background:linear-gradient(0deg,#0000008c,#0000 65%);justify-content:flex-start}.overlay-box{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#00000040;border:1px solid #ffffff2e;border-radius:14px;padding:12px 14px}.overlay-kicker{color:var(--text-color);font-size:12px;letter-spacing:.08em;margin-bottom:4px;opacity:.85;text-transform:uppercase}.overlay-title{color:var(--text-color);font-size:16px;font-weight:600}@media (max-width:900px){:root{--logo-rail:50px}h1,h2{text-align:center;text-justify:auto}h2{padding-top:15px}.image-title{font-size:2rem;max-width:18ch}.hero-card .image-card-img{height:360px}.image-card-img{height:280px}.home-content{padding:22px 16px}.image-card-img-datilation{margin:clamp(28px,8vh,120px) auto}}:root{--bg-dark:#222529;--title:#455a64;--panel:#c4c4c2;--grid:#c4c4c2;--text:#c4c4c2;--slate:#455a64;--accent:#455a64;--dash:#222529;--panel-border:#c4c4c2;--layout-gap:14px}*{box-sizing:border-box}.webapp-logo-link{align-items:center;display:inline-flex;justify-content:center}#root,body,html{height:100%}body{background:#222529;background:var(--bg-dark);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.page{padding:0 16px 12px}.toogle-btn-container{padding-top:150px}.webapp-header{grid-gap:14px;grid-gap:var(--layout-gap);align-items:start;display:grid;gap:14px;gap:var(--layout-gap);grid-template-columns:92px minmax(0,1fr) 300px;margin:0 0 10px;padding:0}.webapp-header-spacer{grid-column:1}.title{color:#455a64;color:var(--title);font-family:Courier New,Courier,monospace;font-size:32px;grid-column:2;letter-spacing:.5px;margin:0;max-width:none;padding-bottom:0;text-align:left}.webapp-logo-link{align-items:flex-start;display:flex;grid-column:3;justify-content:flex-end;justify-self:end;line-height:0;margin:0;padding:0;text-decoration:none}.layout{grid-gap:14px;grid-gap:var(--layout-gap);align-items:stretch;display:grid;gap:14px;gap:var(--layout-gap);grid-template-columns:92px minmax(0,1fr) 300px}.left-col{align-items:left;display:flex;flex-direction:column;gap:16px;justify-content:space-evenly}.btn{align-content:center;background:#c4c4c2;border:1px solid #455a64;border:1px solid var(--accent);border-radius:6px;color:#455a64;color:var(--accent);cursor:pointer;font-family:Courier,monospace;padding:6px 10px}.btn:disabled{cursor:default;opacity:.5}.btn-icon{background:none;border:none;border-radius:16px;cursor:pointer;padding:0;width:8px}.btn-icon:hover{background:#ffffff0f}.btn-icon:disabled{opacity:.45;pointer-events:none}.center-col{align-items:stretch;display:flex;flex-direction:column;gap:0;height:100%;min-height:0;min-width:0;padding-right:50px}.canvas-wrapper{anchor-name:--canvas-bottom-refence-line;border:1px solid #c4c4c2;border:1px solid var(--panel-border);border-radius:6px;flex:1 1 auto;max-height:none;min-height:0;overflow:hidden;position:relative}.canvas,.canvas-wrapper{background:#c4c4c2;background:var(--panel);width:100%}.canvas{color:#c4c4c2;color:var(--panel);display:block;height:100%;object-fit:fill}.footer{grid-gap:16px;align-items:flex-start;display:grid;font-size:16px;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;opacity:.85}.footer-kv .k.is-hidden{visibility:hidden}.footer .spacer{flex:1 1}.footer-kv{grid-row-gap:2px;display:grid;grid-template-rows:16px 12px;line-height:1;min-height:30px;row-gap:2px;white-space:nowrap}.footer-kv .k{display:block;font-size:16px;line-height:16px;min-height:16px}.footer-kv .v{color:#fff;display:block;font-size:12px;font-weight:600;line-height:12px;min-height:12px}.right-col{align-content:flex-start;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:space-between;min-height:0;padding-right:10px}.footer-rightcol{display:grid;margin-bottom:0;margin-right:0;margin-top:auto}.webapp-small{bottom:0;font-size:12px;padding:10px;right:0;text-align:right}.switch-track{background:#c4c4c2;background:var(--panel);border:1px solid #c4c4c2;border:1px solid var(--panel);border-radius:999px;cursor:pointer;height:30px;position:relative;width:56px}.switch-thumb{background:#455a64;border-radius:999px;height:24px;left:3px;position:absolute;top:50%;transform:translateY(-50%);transition:left .15s ease;width:24px}.switch-track.on .switch-thumb{background:#cd222a;left:calc(100% - 27px)}.task-panel{grid-gap:8px;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;display:grid;gap:8px;padding:10px}.task-input-row{grid-gap:8px;display:grid;gap:8px;grid-template-rows:1fr 2fr}.task-input{background:#222529;background:var(--bg-dark);border:1px solid #455a64;border:1px solid var(--accent);border-radius:8px;color:#c4c4c2;color:var(--panel);outline:none;padding:6px 10px}.task-input-muted{opacity:.6}.task-input:focus{border-color:#c4c4c2;border-color:var(--grid);opacity:1}.instructions-input{background:#222529;background:var(--bg-dark);border:1px solid #455a64;border:1px solid var(--accent);border-radius:8px;color:#c4c4c2;color:var(--panel);outline:none;padding:6px 10px}.instructions-input:focus{border-color:#c4c4c2;border-color:var(--grid);opacity:1}.btn-accent{-webkit-appearance:none;appearance:none;background:#455a64;background:var(--accent);border:1px solid #455a64;border:1px solid var(--accent);border-radius:8px;color:#c4c4c2;color:var(--grid);cursor:pointer;padding:6px 10px;text-align:center;width:53px}.btn-accent:disabled{background:#222529;background:var(--bg-dark);pointer-events:none;text-align:center}.task-list{grid-gap:6px;display:grid;gap:6px;max-height:280px;overflow:auto}.task-list div:first-child{text-decoration:underline;-webkit-text-decoration-color:#c4c4c2;text-decoration-color:#c4c4c2;text-decoration-thickness:1.5px;text-underline-offset:3px}.task-item{grid-gap:8px;align-items:center;color:#fff;display:grid;gap:8px;grid-template-columns:auto 1fr auto}.task-item input{accent-color:#455a64;accent-color:var(--accent)}.task-meta:active{color:#fff;font-size:12px;opacity:1}.no-tasks{color:#c4c4c2;color:var(--panel);opacity:.3}.status{grid-gap:6px 10px;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;display:grid;gap:6px 10px;grid-template-columns:auto 1fr;padding:10px}.status div:first-child{text-decoration:underline;-webkit-text-decoration-color:#c4c4c2;text-decoration-color:#c4c4c2;text-decoration-thickness:1.5px;text-underline-offset:3px}.status div:nth-child(2),.status div:nth-child(4),.status div:nth-child(6),.status div:nth-child(8){color:#fff}.status-duration-cell{align-items:center;display:flex;gap:10px;justify-content:space-between}.status-action{border-radius:8px}.btn-ghost{-webkit-appearance:none;appearance:none;background:#c4c4c2;border:1px solid #c4c4c2;border-radius:8px;color:#222;cursor:pointer;padding:6px 10px}@media (min-width:1101px){.canvas-drag{touch-action:none}.page{display:flex;flex-direction:column;height:100svh;overflow:hidden}.layout{align-items:stretch}.canvas-wrapper,.layout{flex:1 1 auto;min-height:0}.right-col{overflow:auto}}@media (max-width:1100px){.webapp-header{grid-template-columns:92px minmax(0,1fr) 92px}.title{font-size:26px}.page{display:flex;flex-direction:column;height:100svh;overflow:hidden}.layout{-webkit-overflow-scrolling:touch;flex:1 1 auto;gap:14px;gap:var(--layout-gap);grid-auto-rows:100%;grid-template-columns:92px minmax(0,1fr) 92px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:auto;scroll-snap-type:y mandatory}.left-col{align-content:start;grid-column:1;grid-row:1}.center-col{grid-column:2/4;grid-row:1;margin-left:-14px;margin-left:calc(var(--layout-gap)*-1);padding-left:0;padding-right:10px}.center-col,.right-col{height:100%;min-height:0;scroll-snap-align:start;scroll-snap-stop:always}.right-col{-webkit-overflow-scrolling:auto;grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow:visible;overscroll-behavior:auto}.canvas-wrapper{flex:1 1 auto;max-height:none;min-height:0}}@media (hover:none) and (pointer:coarse){.btn-accent,.btn-icon,.center-col,.footer,.layout,.left-col,.page,.right-col,.status,.switch-track,.task-input,.task-item,.task-list,.task-panel{touch-action:manipulation}.layout,.right-col,.task-list{touch-action:pan-y}.canvas-pan,.canvas-wrapper{touch-action:pinch-zoom!important}.canvas-drag{touch-action:none!important}.canvas,.canvas-wrapper,.layout,.page{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}}:root{--primary-color:#1f2937;--accent-color:#8f342d;--link-color:#455a64;--text-color:#c4c4c2;--layout-colgap:16px}body{background-color:#1f2937;background-color:var(--primary-color);color:#c4c4c2;color:var(--text-color);font-family:Optima;padding:0}.app-container{bottom:0;display:grid;grid-template-areas:"navigation main logo";height:100vh;min-height:95vh;top:0;width:100%}.small{bottom:0;font-size:12px;padding:10px;position:fixed;right:0;text-align:right}.content{display:grid;grid-area:main}.logo-container{display:grid;grid-area:logo;margin-left:auto;padding-left:15px;padding-right:15px}.logo{border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top-left-radius:0;border-top-right-radius:0;display:block;height:36px;margin:0;object-fit:contain;object-position:center;padding:0;width:36px}.site-shell--webapp{min-height:100vh}.app-container--webapp{display:block;min-height:100vh;width:100%}.datilation-webapp{min-height:100vh;position:relative;width:100%}.datilation-webapp__header{align-items:center;background:inherit;display:flex;justify-content:space-between;padding:18px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.datilation-webapp__wordmark{font-size:1.25rem;letter-spacing:.04em}.datilation-webapp__home-logo{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:0;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.datilation-webapp__home-logo img{display:block;height:52px;object-fit:contain;width:52px}.datilation-webapp__content{min-height:calc(100vh - 88px)}.logo-link{display:inline-block;text-decoration:none}.logo-link,.logo-link:focus,.logo-link:hover,.logo-link:visited{color:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.fabbd985.css.map*/