:root{color-scheme:dark;--base:#05070b;--panel:#0d121c;--ink:#f0f3f9;--muted:#a5b2c7;--line:#acbbd922;--blue:#acc6ff;--ease:cubic-bezier(.22,1,.36,1);font-family:Satoshi,Inter,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 78% 0,#17285255,transparent 48%),var(--base);color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:16px;z-index:10;background:var(--blue);color:var(--base);padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.workspace-header{display:flex;align-items:center;gap:24px;min-height:96px;padding:20px clamp(24px,5vw,76px);border-bottom:1px solid var(--line)}.dogo-logo{display:flex;align-items:center}.dogo-logo img{width:112px;height:36px;object-fit:contain}.workspace-label{border-left:1px solid var(--line);padding-left:24px;color:var(--muted);font-size:14px}.quiet-link{margin-left:auto;color:var(--muted);font-size:14px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.quiet-link:hover{color:var(--ink)}.identity{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:14px;min-width:0}.identity #identity-name{max-width:170px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;background:#a7c4ff15;border:1px solid #a7c4ff33;border-radius:50%;color:var(--blue);font-size:13px}.quiet-button{border:0;background:none;padding:12px 0 12px 14px;color:var(--muted);cursor:pointer}.quiet-button:hover{color:var(--ink)}
#workspace-main{flex:1;width:100%;padding:52px 24px 64px}.workspace-footer{display:flex;justify-content:space-between;gap:20px;margin:0 clamp(24px,5vw,76px);padding:24px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.workspace-footer a{text-decoration:none;padding:6px 0}.noscript{margin:24px;color:var(--muted)}
.login-panel{max-width:420px;margin:4vh auto 0}.login-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:23px;border:1px solid #b9c9e42b;background:linear-gradient(145deg,#26395866,#0c1018);box-shadow:inset 0 1px 0 #d9e5ff1a,0 16px 44px #0005;margin-bottom:32px}.login-mark img{object-fit:contain;width:46px;height:46px}.login-panel h1{font-size:clamp(36px,4vw,46px);letter-spacing:-.05em;line-height:1.1;font-weight:500;margin:0 0 14px}.login-intro{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 36px;max-width:330px}#login-form label{display:block;margin-bottom:12px;font-size:14px}#personal-code{display:block;width:100%;min-height:56px;padding:16px 18px;border:1px solid #aebed536;border-radius:14px;background:#ffffff04;color:var(--ink);font-size:16px;transition:border-color 180ms}#personal-code:focus{border-color:var(--blue)}#personal-code::placeholder{color:#8090a9}.field-note{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0 26px}.primary-button{width:100%;min-height:54px;border:1px solid #d8e5ff33;border-radius:14px;background:linear-gradient(140deg,#c7d8fb,#9fbef9);color:#101a2f;font-weight:700;cursor:pointer;box-shadow:inset 0 1px 0 #fff7,0 8px 28px #436eac17;transition:filter 180ms,transform 180ms}.primary-button:hover{filter:brightness(1.07)}.primary-button:active{transform:scale(.985)}.primary-button:disabled{opacity:.6;cursor:wait}.demo-access{margin-top:32px;padding-top:26px;border-top:1px solid var(--line);display:grid;gap:10px;font-size:14px;color:var(--muted)}.demo-access>a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;text-decoration:none;color:var(--blue)}.free-label{font-size:12px;color:var(--muted)}.message{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 24px}.message.error{color:#f5b9b5;padding:14px 16px;background:#a9443a15;border:1px solid #c5746433;border-radius:12px}.message a{color:var(--blue);text-underline-offset:4px}
.dashboard{max-width:1120px;margin:0 auto}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.greeting{font-size:14px;color:var(--muted);margin:0 0 10px}.dashboard h1{font-size:clamp(34px,4vw,44px);letter-spacing:-.045em;line-height:1.15;font-weight:500;margin:0}.mode-badge{font-size:12px;border:1px solid #acc6ff38;border-radius:20px;padding:7px 13px;color:var(--blue);background:#acc6ff08}.app-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.app-card{position:relative;padding:28px;border-radius:26px;border:1px solid #b0c4e62b;min-width:0;background:linear-gradient(135deg,#15233c,#0a101c 80%);box-shadow:inset 0 1px 0 #ecf2ff0c,0 18px 45px #0002;transition:border-color 220ms,box-shadow 220ms}.frame-card:has(.app-open:hover){border-color:#acc6ff80;box-shadow:inset 0 1px 0 #ecf2ff16,0 18px 45px #0004}.app-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}.app-status{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:12px}.app-brand{display:flex;align-items:center;height:124px;padding:30px 0 14px}.app-brand img{width:205px;max-width:85%;height:auto}.app-description{font-size:16px;line-height:1.55;color:#c3cdde;max-width:360px;min-height:50px;margin:12px 0 30px}.app-card-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:22px;min-height:66px}.app-card-bottom>span{font-size:13px;color:var(--muted);line-height:1.5}.app-open{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;border:1px solid #c4d5f038;border-radius:12px;min-height:44px;padding:11px 15px;white-space:nowrap;font-size:14px;background:#c4d5f00a;transition:background 180ms}.app-open:hover{background:#c4d5f019}.locked-card{background:linear-gradient(135deg,#11151e,#090c12);border-color:#aebed51b;box-shadow:inset 0 1px 0 #ecf2ff06}.locked-card .app-description,.locked-card .app-card-bottom>span{color:#919bad}.app-status.locked{color:#9da8ba}.menu-brand h2{font-size:30px;letter-spacing:-.055em;font-weight:400;margin:0;color:#aeb8c9}.menu-brand h2 span{font-weight:700}.locked-card .app-open:disabled{background:transparent;color:#8792a4;border-color:#aebed51a;cursor:not-allowed}
.projects-section{margin-top:44px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{font-size:20px;letter-spacing:-.025em;font-weight:500;margin:0}.section-heading>span{font-size:12px;color:var(--muted)}.project-list{border-top:1px solid var(--line)}.project-row{display:flex;align-items:center;gap:16px;min-height:88px;padding:18px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:background 160ms}.project-row:hover{background:#a9c2ec06}.project-mark{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border:1px solid #acc6ff24;border-radius:13px;background:#acc6ff08;color:var(--blue)}.project-text{display:grid;gap:5px;min-width:0}.project-text strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}.project-text small{font-size:13px;color:var(--muted)}.project-row>svg{margin-left:auto;flex-shrink:0;color:var(--muted)}.empty-projects{color:var(--muted);font-size:14px;line-height:1.6;padding:20px 0;margin:0}.demo-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.demo-note p{margin:0;line-height:1.6;max-width:550px}.demo-note a{color:var(--blue);text-underline-offset:4px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
@media(max-width:640px){.workspace-header{min-height:80px;padding:16px 22px;gap:16px}.dogo-logo img{width:86px;height:30px}.workspace-label{padding-left:16px;font-size:12px}.quiet-link{font-size:12px}.identity{gap:8px}.identity #identity-name{max-width:100px;font-size:13px}.identity .avatar{display:none}.quiet-button{padding-left:8px;font-size:13px}body:has(.identity:not([hidden])) .workspace-label{display:none}#workspace-main{padding:34px 22px 40px}.workspace-footer{margin:0 22px;padding:18px 0}.login-panel{margin:3vh auto 0}.login-mark{margin-bottom:26px}.login-intro{margin-bottom:28px}.dashboard-heading{margin-bottom:28px}.app-grid{grid-template-columns:1fr;gap:16px}.app-card{padding:24px;border-radius:22px}.app-brand{height:100px;padding-top:22px}.app-description{min-height:0;margin:10px 0 24px;font-size:15px;max-width:300px}.locked-card .app-brand{height:78px}.locked-card .app-card-bottom{padding-top:16px}.app-card-bottom{gap:12px}.app-card-bottom>span{font-size:12px}.app-open{padding:10px 12px;font-size:13px}.projects-section{margin-top:32px}.demo-note{flex-direction:column;align-items:flex-start;gap:8px}.dashboard h1{font-size:34px}}
@media(max-width:360px){.workspace-label{display:none}.app-card{padding:20px}.app-card-bottom{align-items:flex-start;flex-direction:column}.identity #identity-name{max-width:90px}}
@media(prefers-reduced-motion:no-preference){.login-panel,.dashboard{animation:workspace-enter 360ms var(--ease) both}@keyframes workspace-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}