:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--brand:#0273c9;--brand-text:#fff;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}#root{min-height:100svh}.google-signin{color:#1f1f1f;width:100%;min-height:40px;font-family:"Roboto", var(--sans);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:20px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.google-signin svg{flex-shrink:0;width:18px;height:18px}:root{--top-bar-height:calc(48px + env(safe-area-inset-top))}.top-bar{z-index:3;background:var(--brand);color:var(--brand-text);padding-top:env(safe-area-inset-top);position:sticky;top:0}.top-bar-row{align-items:center;gap:4px;height:48px;padding-inline:4px;display:flex}.menu-button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;padding:0;display:grid}.menu-button svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;fill:none;width:24px;height:24px}.app-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.menu-scrim{inset:var(--top-bar-height) 0 0 0;z-index:1;opacity:0;visibility:hidden;background:#0006;transition:opacity .2s,visibility .2s;position:fixed}.menu-scrim.open{opacity:1;visibility:visible}.app-menu{top:var(--top-bar-height);z-index:2;box-sizing:border-box;width:max-content;max-width:80vw;height:calc(100svh - var(--top-bar-height));padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-right:1px solid color-mix(in srgb, CanvasText 15%, Canvas);background:canvas;flex-direction:column;gap:8px;transition:transform .2s;display:flex;position:fixed;left:0;overflow-y:auto;transform:translate(-100%)}.app-menu.open{transform:translate(0)}.menu-items{flex-direction:column;flex:1;gap:2px;display:flex}.menu-item{min-height:44px;color:inherit;white-space:nowrap;border-radius:4px;align-items:center;padding-inline:12px;text-decoration:none;display:flex}.menu-item.active{background:color-mix(in srgb, var(--brand) 12%, Canvas);color:var(--brand);font-weight:600}@media (prefers-reduced-motion:reduce){.menu-scrim,.app-menu{transition-duration:0s}}.modal-backdrop{z-index:10;padding:calc(var(--top-bar-height) + 16px) 16px 16px;background:#00000073;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{color:canvastext;background:canvas;border-radius:14px;width:100%;max-width:360px;padding:20px;box-shadow:0 12px 40px #0000004d}.modal-title{margin:0 0 16px;font-size:1.1rem}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-form .field{flex-direction:column;gap:6px;display:flex}.modal-form .field>span{color:graytext;font-size:.8rem}.modal-form input{border:1px solid color-mix(in srgb, CanvasText 30%, transparent);color:fieldtext;min-height:44px;font:inherit;background:field;border-radius:8px;padding-inline:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.modal-actions button{background:var(--brand);min-height:44px;color:var(--brand-text);font:inherit;cursor:pointer;border:0;border-radius:8px;padding-inline:16px}.modal-actions button.secondary{background:color-mix(in srgb, CanvasText 12%, transparent);color:canvastext}.template-test{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.foo-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.foo-header h1{margin:0;font-size:1.4rem}.add-btn{background:var(--brand);width:44px;height:44px;color:var(--brand-text);cursor:pointer;border:0;border-radius:8px;flex:none;padding:0;font-size:1.5rem;line-height:1}.foo-panel{border:1px solid color-mix(in srgb, CanvasText 15%, transparent);background:canvas;border-radius:12px;margin-top:12px;padding-inline:12px;box-shadow:0 1px 3px #00000014}.foo-list{margin:0;padding:0;list-style:none}.foo-entry{border-bottom:1px solid color-mix(in srgb, CanvasText 12%, transparent)}.foo-entry:last-child{border-bottom:none}.foo-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding-block:6px;display:flex}.foo-values{flex-direction:column;gap:2px;min-width:0;display:flex}.foo-public{overflow-wrap:anywhere}.foo-private{color:graytext;overflow-wrap:anywhere;font-size:.8rem}.foo-actions{flex:none;gap:4px;display:flex}.icon-btn{color:graytext;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;height:44px;padding:0;display:grid}.icon-btn:active{background:color-mix(in srgb, CanvasText 10%, transparent)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.foo-empty{color:graytext}.foo-error{color:#be1e1e}