:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--blue:#007aff;--green:#34c759;--red:#ff3b30;--label:#000;--label-2:#3c3c4399;--label-3:#3c3c434d;--fill:#7878801f;--separator:#3c3c4329;--glass:#ffffff94;--glass-edge:#ffffffbf;--field:#ffffffb8;--sheet:#f6f6fad1;--shadow:0 40px 90px -30px #1c286473, 0 8px 24px -12px #1c28642e;--tile-shadow:0 18px 40px -22px #1c286473;--wp-base:#e8edf8;--wp-a:#0a84ff8c;--wp-b:#bf5af273;--wp-c:#ff698c66;--wp-d:#30d1be73;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", system-ui, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--blue:#0a84ff;--green:#30d158;--red:#ff453a;--label:#fff;--label-2:#ebebf599;--label-3:#ebebf54d;--fill:#78788052;--separator:#5454588c;--glass:#22222885;--glass-edge:#ffffff29;--field:#78788033;--sheet:#1c1c20d6;--shadow:0 40px 90px -30px #000c, 0 8px 24px -12px #00000080;--tile-shadow:0 18px 40px -22px #000c;--wp-base:#05060a;--wp-a:#0a84ff80;--wp-b:#8b3cdc80;--wp-c:#ff375f52;--wp-d:#14a09666}}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font);color:var(--label);background:var(--wp-base);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility}body:before{content:"";z-index:-1;background:radial-gradient(40% 40% at 20% 25%, var(--wp-a), transparent 70%), radial-gradient(38% 38% at 82% 18%, var(--wp-b), transparent 70%), radial-gradient(42% 42% at 75% 85%, var(--wp-c), transparent 70%), radial-gradient(40% 40% at 15% 80%, var(--wp-d), transparent 70%);filter:blur(30px)saturate(130%);position:fixed;inset:-20%}a{color:inherit}.page{width:100%;max-width:980px;padding:max(28px, env(safe-area-inset-top)) 20px max(40px, env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;margin:12px 4px 24px;display:flex}.page-title{letter-spacing:.37px;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;font-size:34px;font-weight:700;line-height:1.12}.page-subtitle{color:var(--label-2);margin:4px 0 0;font-size:15px}.actions{align-items:center;gap:10px;display:flex}.chip,.round{border:.5px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);color:var(--blue);font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 var(--glass-edge);font-weight:600;transition:transform .2s cubic-bezier(.32,.72,0,1),opacity .2s}.chip{border-radius:999px;height:40px;padding:0 18px;font-size:15px}.round{border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.chip:active:not(:disabled),.round:active{transform:scale(.94)}.chip:disabled{opacity:.4;cursor:not-allowed}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:204px;gap:14px;display:grid}.cell{min-width:0;position:relative}.tile{border:.5px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);width:100%;height:100%;box-shadow:var(--tile-shadow), inset 0 1px 0 var(--glass-edge);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:30px;flex-direction:column;gap:14px;padding:16px;text-decoration:none;transition:transform .25s cubic-bezier(.32,.72,0,1);display:flex}.tile:active{transform:scale(.97)}.tile-text{flex:1;min-width:0;min-height:0;overflow:hidden}.tile-text h2{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:17px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.tile-text p{color:var(--label-2);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.tile.skeleton{cursor:default;background:var(--fill);box-shadow:none}.icon{background:#fff;border-radius:22.4%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #00000014,0 8px 16px -8px #0000004d}.icon img{object-fit:contain;width:58%;height:58%}.icon img.full{object-fit:cover;width:100%;height:100%}.icon-initial{background:linear-gradient(160deg, #64d2ff, var(--blue));color:#fff;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.cell.editing .tile{animation:.28s ease-in-out infinite alternate jiggle}.cell.editing:nth-child(2n) .tile{animation-direction:alternate-reverse}.cell.editing{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cell.dragging{z-index:10}.cell.dragging .tile{box-shadow:0 30px 60px -20px #00000073, inset 0 1px 0 var(--glass-edge);animation:none;transform:scale(1.05)}@keyframes jiggle{0%{transform:rotate(-.7deg)}to{transform:rotate(.7deg)}}.badge{z-index:2;background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:-6px;left:-6px;box-shadow:0 4px 10px -2px #00000059}.foot{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px;display:flex}.empty{text-align:center;max-width:320px;margin:80px auto 0}.empty-title{margin:0;font-size:20px;font-weight:600}.empty-text{color:var(--label-2);margin:6px 0 0;font-size:15px;line-height:1.4}.stage{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.card{background:var(--glass);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);border:.5px solid var(--glass-edge);width:100%;max-width:420px;box-shadow:var(--shadow), inset 0 1px 0 var(--glass-edge);border-radius:40px;padding:32px 22px 24px}.title{letter-spacing:.37px;margin:0 4px 4px;font-size:34px;font-weight:700;line-height:1.12}.subtitle{color:var(--label-2);margin:0 4px 22px;font-size:17px;line-height:1.35}.back{text-align:center;margin:18px 0 0;font-size:15px}.back a{color:var(--blue);text-decoration:none}.group{background:var(--field);border-radius:22px;overflow:hidden}.row{align-items:center;gap:12px;min-height:54px;padding:0 16px;display:flex}.row+.row{border-top:.5px solid var(--separator)}.row label{flex:0 0 96px;font-size:17px;font-weight:500}.row input,.row textarea{min-width:0;color:var(--label);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:17px}.row input{height:54px}.row textarea{resize:none;padding:0;line-height:1.35}.row.tall{align-items:flex-start;padding-top:15px;padding-bottom:15px}.row input::placeholder,.row textarea::placeholder{color:var(--label-3)}.row:focus-within{background:color-mix(in srgb, var(--blue) 8%, transparent)}.msg{margin:14px 4px 0;font-size:13px;line-height:1.35}.msg.error{color:var(--red)}.msg.info{color:var(--label-2)}.msg.spaced{margin:0 4px 16px}.btn{background:var(--blue);color:#fff;width:100%;height:52px;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff4d, 0 10px 24px -10px color-mix(in srgb, var(--blue) 70%, transparent);border:0;border-radius:999px;margin-top:20px;font-size:17px;font-weight:600;transition:transform .2s cubic-bezier(.32,.72,0,1),opacity .2s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000052;justify-content:center;align-items:flex-end;animation:.3s fade-in;display:flex;position:fixed;inset:0}.overlay.center{align-items:center;padding:24px}.sheet{width:100%;max-width:520px;max-height:92dvh;padding:8px 20px max(22px, env(safe-area-inset-bottom));background:var(--sheet);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);border:.5px solid var(--glass-edge);box-shadow:var(--shadow);border-radius:36px 36px 0 0;animation:.45s cubic-bezier(.32,.72,0,1) sheet-in;overflow-y:auto}.sheet-grabber{background:var(--label-3);border-radius:3px;width:36px;height:5px;margin:0 auto 10px}.sheet-header{grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;display:grid}.sheet-title{margin:0;font-size:17px;font-weight:600}.text-btn{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:17px}.text-btn.start{justify-self:start}.text-btn.end{justify-self:end}.text-btn.strong{font-weight:600}.text-btn:disabled{opacity:.4;cursor:not-allowed}.sheet-preview{flex-direction:column;align-items:center;gap:10px;margin:14px 0 18px;display:flex}.icon-actions{flex-direction:column;align-items:center;gap:2px;display:flex}.link-btn{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:15px;font-weight:600}.link-btn.muted{color:var(--label-2);font-size:13px;font-weight:500}.link-btn:disabled{opacity:.4;cursor:not-allowed}.group-label{color:var(--label-2);margin:18px 8px 8px;font-size:13px}.sheet-fields{margin-top:14px}.hint{color:var(--label-2);margin:10px 4px 0;font-size:13px;line-height:1.35}@media (min-width:640px){.overlay{align-items:center;padding:24px}.sheet{border-radius:36px}.sheet-grabber{display:none}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.alert{background:var(--sheet);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);border:.5px solid var(--glass-edge);width:100%;max-width:280px;box-shadow:var(--shadow);text-align:center;border-radius:26px;animation:.3s cubic-bezier(.32,.72,0,1) alert-in;overflow:hidden}.alert-body{padding:20px 18px 16px}.alert-body h2{overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:600;line-height:1.3}.alert-body p{color:var(--label-2);margin:6px 0 0;font-size:13px;line-height:1.35}.alert-actions{border-top:.5px solid var(--separator);grid-template-columns:1fr 1fr;display:grid}.alert-actions button{height:48px;color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;font-size:17px}.alert-actions button+button{border-left:.5px solid var(--separator);font-weight:600}.alert-actions .danger{color:var(--red)}@keyframes alert-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 60%, transparent);outline-offset:2px}@media (max-width:380px){.row label{flex-basis:84px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
