:root{--fg:#fff;--muted:#8a8a8a;--disabled:#5a5a5a;--border:#444;--surface:#1a1a1a;color:var(--fg);-webkit-font-smoothing:antialiased;background:#000;font-family:Public Sans,Akkurat,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#000;min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit}button{font:inherit;color:inherit}.screen{flex-direction:column;flex:1;padding:0 2rem 6rem;display:flex}.header{grid-template-columns:1fr auto 1fr;align-items:center;height:8.5rem;display:grid}.header-side{display:flex}.header-side-end{justify-content:flex-end}.title{text-underline-offset:.45rem;margin:0;font-size:1.6rem;font-weight:400;text-decoration:underline;text-decoration-thickness:1px}.content{flex-direction:column;flex:1;align-items:center;display:flex}.content-centered{justify-content:center}.footer{text-align:center;background:#000;border-top:1px solid #333;padding:1.1rem 1rem;font-size:1.05rem;position:fixed;inset:auto 0 0}.footer a{font-weight:600}.icon-button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.icon-button svg{width:2.6rem;height:2.6rem}.header .icon-button svg{width:2.4rem;height:2.4rem}.menu{flex-direction:column;align-items:center;gap:.6rem;display:flex}.menu-item{font-size:4.25rem;line-height:1.35;text-decoration:none}.menu-item:hover,.menu-item:focus-visible{text-underline-offset:.6rem;text-decoration:underline;text-decoration-thickness:2px}.item-list{flex-direction:column;width:min(100%,44rem);display:flex}.item-row{grid-template-columns:4rem 1fr 4rem;align-items:center;font-size:4rem;line-height:1.5;display:grid}.item-row-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-row-disabled .item-row-label{color:var(--disabled)}.form{flex-direction:column;gap:1.1rem;width:min(100%,32rem);display:flex}.field{border:1px solid var(--border);width:100%;height:4.2rem;color:var(--fg);font:inherit;letter-spacing:.04em;text-align:center;background:#000;padding:0 1rem;font-size:1.5rem}.field::placeholder{color:var(--muted)}.field:focus{outline:1px solid var(--fg)}.captcha{--altcha-max-width:100%;--altcha-padding:.9rem 1rem;--altcha-border-color:var(--border);--altcha-border-radius:0;--altcha-color-base:#000;--altcha-color-base-content:var(--fg);--altcha-color-primary:var(--fg);--altcha-color-primary-content:#000;--altcha-checkbox-border-color:var(--fg);--altcha-checkbox-border-radius:0;--altcha-checkbox-size:1.4rem;--altcha-spinner-color:var(--fg);--altcha-shadow:none;font-size:1.2rem;display:block}.field[type=date],.field[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.habitica-tasks{width:min(100%,36rem)}.habitica-task{border-top:1px solid var(--border);padding-top:.8rem}.habitica-task-row{width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.25rem;padding:0;display:flex}.habitica-task-row:disabled{cursor:default}.habitica-task-name{font-size:1.4rem}.field-small{letter-spacing:normal;font-size:1.1rem}.field-textarea{resize:vertical;text-align:left;letter-spacing:normal;height:8rem;padding:1rem;font-size:1.2rem}.field-group{border:1px solid var(--border);display:flex}.field-group .field{border:0}.field-static{justify-content:center;align-items:center;display:flex}.field-blurred{filter:blur(7px);-webkit-user-select:none;user-select:none}.field-button{border:0;border-left:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;flex:0 0 4.2rem}.field-button:hover{color:var(--fg)}.button{background:var(--fg);color:#000;cursor:pointer;border:0;height:4.2rem;font-size:1.35rem}.button:disabled{opacity:.5;cursor:default}.button-secondary{border:1px solid var(--border);color:var(--fg);background:#000}.links{color:var(--muted);justify-content:space-between;font-size:1.2rem;display:flex}.links a,.link-button{color:inherit;text-underline-offset:.25rem;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.links a:hover,.link-button:hover{color:var(--fg)}.muted{color:var(--muted);margin:0;font-size:1.2rem;line-height:1.5}.centered-text{text-align:center;max-width:32rem;margin-top:4rem}.error{text-align:center;margin:0;font-size:1.2rem}.message-preview{border:1px solid var(--border);text-align:center;margin:0;padding:1.2rem;font-size:1.5rem}.field-url{white-space:nowrap;letter-spacing:normal;justify-content:flex-start;font-size:1rem;overflow-x:auto}.card-preview{border:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:.45rem;padding:1.4rem 1rem;display:flex}.card-empty{color:var(--muted);font-size:1.2rem}.card-row{align-items:center;width:100%;display:flex}.card-blocks{flex-direction:column;flex:1;align-items:center;gap:.35rem;min-width:0;display:flex}.card-primary,.card-secondary{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;overflow:hidden}.card-primary{font-size:1.5rem}.card-secondary{color:#bbb;font-size:1.15rem}.card-pair{justify-content:space-between;gap:1rem;width:min(100%,22rem);display:flex}.card-progress{flex-direction:column;align-items:center;gap:.3rem;display:flex}.card-progress-track{background:var(--border);width:8rem;height:2px;position:relative}.card-progress-track span{background:var(--fg);position:absolute;inset:0 auto 0 0}.card-arrow{color:var(--fg);cursor:pointer;background:0 0;border:0;flex:0 0 3rem;font-size:2.2rem;line-height:1}.code-block{border:1px solid var(--border);color:var(--muted);margin:0;padding:1rem;font-size:.95rem;overflow-x:auto}.button-row{gap:1.1rem;display:flex}.button-row .button{flex:1}.prose{width:min(100%,44rem);font-size:1.25rem;line-height:1.6}.prose h2{margin:2rem 0 .5rem;font-size:1.6rem;font-weight:400}.prose code{background:var(--surface);word-break:break-all;padding:.1rem .35rem}@media (width<=700px){.menu-item,.item-row{font-size:2.5rem}.item-row{grid-template-columns:3rem 1fr 3rem}.icon-button svg{width:2rem;height:2rem}.footer{font-size:.9rem}}.store-row{justify-content:space-between;align-items:baseline;padding:.35rem 0;font-size:3rem;text-decoration:none;display:flex}.store-count{color:var(--muted);font-size:1.4rem}.store-app{text-align:center;flex-direction:column;align-items:center;padding:.5rem 0;text-decoration:none;display:flex}.store-app-name{font-size:3rem;line-height:1.2}.store-app-sources{color:var(--muted);font-size:1.1rem}.store-app-unavailable .store-app-name{color:var(--disabled)}.store-row:hover span:first-child,.store-app:hover .store-app-name{text-underline-offset:.4rem;text-decoration:underline}.store-detail{text-align:center;flex-direction:column;align-items:center;width:min(100%,56rem);display:flex}.store-shots{background:#3a3a3a;gap:.75rem;max-width:100%;padding:1.25rem;display:flex;overflow-x:auto}.store-shots img{border-radius:2px;height:15rem}.store-meta{margin:1.5rem 0 0;font-size:1.3rem;line-height:1.6}.store-meta a{text-underline-offset:.25rem}.store-summary{max-width:44rem;margin:1.5rem 0 0;font-size:1.3rem;line-height:1.6}.store-button{width:min(100%,26rem);margin-top:2rem}@media (width<=700px){.store-row,.store-app-name{font-size:2rem}.store-shots img{height:11rem}}.page{flex-direction:column;gap:2.6rem;width:min(100%,40rem);padding-bottom:4rem;display:flex}.section{flex-direction:column;gap:.6rem;display:flex}.section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:2.9rem;display:flex}.section-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:1.05rem;font-weight:400}.list-row{border-bottom:1px solid #262626}.list-row-main{align-items:center;gap:1rem;min-height:4.4rem;display:flex}.list-row-text{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:.2rem;min-width:0;padding:.7rem 0;display:flex}.list-row-text:disabled{cursor:default}.list-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem;overflow:hidden}.list-row-detail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.list-row-trailing{align-items:center;gap:.8rem;display:flex}.list-row-chevron{color:var(--muted);font-size:1.8rem;line-height:1;transition:transform .15s;display:inline-block}.list-row-chevron-open{transform:rotate(90deg)}.panel{flex-direction:column;gap:1rem;padding:.2rem 0 1.6rem;display:flex}.field-row{align-items:center;gap:.8rem;display:flex}.field-row>.input{flex:1}.field-label{min-width:7rem;color:var(--muted);font-size:1.05rem}.input{border:1px solid var(--border);width:100%;height:2.9rem;color:var(--fg);font:inherit;background:#000;border-radius:0;padding:0 .9rem;font-size:1.15rem}.input:focus{outline:1px solid var(--fg)}.input::placeholder{color:var(--muted)}select.input{appearance:none;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") right .9rem center no-repeat;padding-right:2.4rem}input[type=date].input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}textarea.input{resize:vertical;height:auto;min-height:5.5rem;padding:.7rem .9rem}.input-time{text-align:center;letter-spacing:.04em;flex:none;width:6.5rem}.btn{border:1px solid var(--border);height:2.9rem;color:var(--fg);white-space:nowrap;cursor:pointer;background:#000;justify-content:center;align-items:center;padding:0 1.2rem;font-size:1.1rem;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--fg)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{border-color:var(--fg);background:var(--fg);color:#000}.btn-small{height:2.4rem;padding:0 .9rem;font-size:1rem}.text-button{color:var(--muted);text-underline-offset:.25rem;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.05rem;text-decoration:underline}.text-button:hover{color:var(--fg)}.actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.actions-spread{justify-content:space-between}.switch-label{color:var(--muted);align-items:center;gap:.6rem;font-size:1rem;display:flex}.switch{border:1px solid var(--muted);cursor:pointer;background:#000;border-radius:1rem;flex:none;width:2.9rem;height:1.6rem;padding:0;position:relative}.switch-knob{background:var(--muted);border-radius:50%;width:1.1rem;height:1.1rem;transition:left .15s;position:absolute;top:.18rem;left:.2rem}.switch-on{border-color:var(--fg);background:var(--fg)}.switch-on .switch-knob{background:#000;left:1.5rem}.chips{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.chip{border:1px solid var(--border);align-items:center;gap:.5rem;height:2.4rem;padding:0 .8rem;font-size:1.05rem;display:inline-flex}.chip-remove{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.95rem}.chip-remove:hover{color:var(--fg)}.tabs{border-bottom:1px solid var(--border);gap:1.8rem;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem 0 .7rem;font-size:1.25rem}.tab-active{border-bottom-color:var(--fg);color:var(--fg)}.hint{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.5}.form-error{margin:0;font-size:1.05rem}.phone{aspect-ratio:1080/1240;border:1px solid #333;border-radius:1.6rem;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:.9rem;width:min(100%,24rem);padding:1.4rem 1rem;display:flex}.phone-message{text-align:center;max-width:90%;margin:0;font-size:1.1rem}.phone-clock{margin:0;font-size:4.2rem;font-weight:200;line-height:1}.phone .card-preview{border:0;width:100%;padding:0}.phone .card-primary{font-size:1.15rem}.phone .card-secondary{font-size:.95rem}.phone .card-arrow{flex-basis:2rem;font-size:1.6rem}.phone-empty{color:var(--muted);margin:0;font-size:1rem}.card-header-button{cursor:pointer;background:0 0;border:0;padding:0}.input-auto{flex:none;width:auto}.add-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.add-group-label{min-width:6rem;color:var(--muted);font-size:1.05rem}.add-card{border-bottom:1px solid #262626;padding-top:1rem}.field-stack{flex-direction:column;gap:.6rem;display:flex}.field-row-spread{justify-content:space-between}.quick-add{margin-top:.4rem}.input-mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem}.input-number{text-align:center;flex:none;width:4.5rem}.day-picker{gap:.5rem;display:flex}.day{border:1px solid var(--border);width:2.6rem;height:2.6rem;color:var(--muted);cursor:pointer;background:#000;border-radius:50%;padding:0;font-size:1.05rem}.day-on{border-color:var(--fg);background:var(--fg);color:#000}
