.public-surface{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--logo-front:rgb(var(--brand-600));--logo-back:rgb(var(--brand-800));--logo-ink:rgb(var(--fg-primary));--logo-accent:rgb(var(--brand-600));background:rgb(var(--bg-surface));min-height:100dvh;color:rgb(var(--fg-primary));caret-color:rgb(var(--brand-600));text-underline-offset:.3em;font-size:16px;line-height:1.85}.public-surface ::selection{background:rgb(var(--brand-100));color:rgb(var(--brand-900))}.public-surface h1,.public-surface h2,.public-surface h3{text-wrap:balance}.public-surface p{text-wrap:pretty}.public-surface input,.public-surface textarea,.public-surface select{font-size:16px}.public-surface input::-moz-placeholder{color:rgb(var(--gray-500));opacity:1}.public-surface textarea::-moz-placeholder{color:rgb(var(--gray-500));opacity:1}.public-surface input::placeholder,.public-surface textarea::placeholder{color:rgb(var(--gray-500));opacity:1}.public-surface :focus-visible{outline:2px solid rgb(var(--brand-600));outline-offset:4px}.public-surface .public-subtle{color:rgb(var(--fg-tertiary))}.demo-task{border:1px solid rgb(var(--border-secondary));background:rgb(var(--bg-surface));border-radius:10px;min-width:0;padding:16px}.demo-task-top,.demo-task-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-task-top>span:last-child{color:rgb(var(--fg-tertiary));font-size:10px}.demo-task h3{margin-top:16px;font-size:13px;font-weight:600;line-height:1.9}.demo-task p{color:rgb(var(--fg-tertiary));margin-top:6px;font-size:11px;line-height:1.9}.demo-task-bottom{margin-top:18px}.demo-task-bottom>span{color:rgb(var(--fg-tertiary));align-items:center;gap:5px;font-size:10px;display:inline-flex}.demo-task-complete{color:rgb(var(--status-done));gap:6px;margin-top:12px;font-size:11px;display:flex}