.tpl-pick{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}.tpl-pick:hover{background:var(--card-2)}.tpl-pick:focus-visible{outline:2px solid var(--box);outline-offset:2px}.soon{font-size:14px}.app-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:4px 8px 18px;display:flex}.app-hero h2{margin:0;font-size:24px}.app-hero p{max-width:40ch;margin:0}.happens{background:var(--card);border-radius:var(--radius);margin-bottom:16px;padding:14px 18px}.happens ul{flex-direction:column;gap:4px;margin:8px 0 0;padding-left:20px;display:flex}.ext{color:var(--fg);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--fg) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--fg) 35%, transparent);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ext:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.svc-card,dialog.modal{border:1px solid var(--line,color-mix(in srgb, var(--fg) 8%, transparent))}.svc-open{cursor:pointer}.svc-open:hover{background:var(--card-2)}.svc-open:focus-visible{outline:2px solid var(--box);outline-offset:2px}.svc-title{align-items:center;gap:10px;min-width:0;display:flex}.svc-title h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.svc-facts{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.block{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:8px;margin-top:10px;padding:14px 16px;display:flex}.env{flex-direction:column;gap:2px;margin:0 -10px;display:flex}.kv{border-radius:10px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"key actions""val actions";align-items:center;column-gap:12px;padding:8px 10px;display:grid}.kv:hover{background:var(--card-2)}.kv .key{color:var(--muted);grid-area:key;font-size:12px}.kv .val{grid-area:val;font-size:14px}.kv .key,.kv .val{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kv-actions{grid-area:actions;justify-content:flex-end;gap:2px;display:flex}.login-hint{color:var(--muted);margin:0}.login-hint b{color:var(--fg);font-weight:600}dialog.modal{background:var(--card);border-radius:24px;box-shadow:0 24px 45px #0f172a2e}@media (prefers-color-scheme:dark){dialog.modal{box-shadow:none}}.modal .modal-box{background:0 0;border-radius:0;padding:32px}.modal .modal-box:focus{outline:none}.modal .tpl-list{gap:8px;margin:0}.modal .tpl-row{background:0 0;padding:12px 14px}.modal .tpl-pick:hover{background:var(--card-2)}.modal .block,.modal .happens{background:0 0;padding:0}.modal .block{gap:12px;margin-top:36px}.modal .happens{margin:8px 0 28px}.modal .app-hero{padding-bottom:14px}.modal .btn:not(.primary){color:var(--muted);background:0 0;border-color:#0000}.modal .btn:not(.primary):hover{background:var(--card-2);color:var(--fg)}.icon-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--sk);color:var(--fg)}.icon-btn:focus-visible{outline:2px solid var(--box);outline-offset:1px}.icon-btn.done{color:var(--ok)}dialog.modal[open]{transition:opacity .1s ease-out, transform .1s ease-out, overlay .1s ease-out allow-discrete, display .1s ease-out allow-discrete}dialog.modal:not([open]){opacity:0;transition:opacity .15s ease-out, transform .15s ease-out, overlay .15s ease-out allow-discrete, display .15s ease-out allow-discrete;transform:scale(.92)}@starting-style{dialog.modal[open]{opacity:0;transform:scale(.92)}}dialog.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .1s ease-out, backdrop-filter .1s ease-out, overlay .1s ease-out allow-discrete, display .1s ease-out allow-discrete;background-color:#0000000a}@media (prefers-color-scheme:dark){dialog.modal::backdrop{background-color:#00000080}}dialog.modal:not([open])::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}@starting-style{dialog.modal[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}}@media (prefers-reduced-motion:reduce){dialog.modal,dialog.modal::backdrop{transition:none}}dialog.modal{max-height:calc(100vh - 48px);overflow-y:auto}.spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2s}}