:where(:root){--login-glass:color-mix(in srgb, var(--surface) 70%, transparent);--login-glass-edge:color-mix(in srgb, var(--border) 70%, transparent);--login-glass-field:color-mix(in srgb, var(--surface) 45%, transparent);--login-glass-shadow:0 24px 70px #00000047;--login-glass-blur:blur(18px) saturate(125%)}:where(:root[data-login-theme=dark]){--login-glass:color-mix(in srgb, var(--surface) 60%, transparent);--login-glass-shadow:0 24px 70px #00000073}.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page{background:var(--login-glass);border-color:var(--login-glass-edge);box-shadow:var(--login-glass-shadow);-webkit-backdrop-filter:var(--login-glass-blur);backdrop-filter:var(--login-glass-blur)}:is(.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page) :is(.input,.btn:not(.btn-primary,.btn-ghost)){background:var(--login-glass-field)}@media (prefers-reduced-transparency:reduce){.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page{background:var(--surface);border-color:var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}:is(.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page) :is(.input,.btn:not(.btn-primary,.btn-ghost)){background:var(--surface)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page{background:var(--surface);border-color:var(--border)}:is(.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page) :is(.input,.btn:not(.btn-primary,.btn-ghost)){background:var(--surface)}}.account-pair{gap:var(--account-pair-gap,1rem);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.account-pair>.mfa-card,.account-pair>.close-account-card,.account-pair>.mfa-card>form,.account-pair>.close-account-card>form{flex-direction:column;display:flex}.account-pair>.mfa-card>form,.account-pair>.close-account-card>form{flex:1}.account-pair>.mfa-card>.modal-actions,.account-pair>.mfa-card>form>.modal-actions,.account-pair>.close-account-card>form>.modal-actions{padding-top:var(--account-actions-gap,1rem);flex-wrap:wrap;margin-top:auto}.account-pair>.mfa-card>form>.mfa-setup+.modal-actions{padding-top:var(--mfa-setup-actions-gap,var(--account-actions-gap,1rem))}.mfa-card .mfa-setup{align-items:flex-start;gap:var(--mfa-setup-gap,1rem);flex-wrap:wrap;display:flex}.mfa-card .mfa-setup-fields{gap:var(--mfa-setup-fields-gap,.75rem);flex-direction:column;flex:1;min-width:200px;display:flex}@media (width<=580px){.account-pair{grid-template-columns:minmax(0,1fr)}}body>.modal-backdrop{inset:var(--modal-backdrop-inset,0px);z-index:var(--modal-z,50);padding:var(--modal-backdrop-pad,1rem);justify-content:center;align-items:safe center;display:flex;position:fixed;overflow-y:auto}body>.modal-backdrop>.confirm-dialog{width:100%;max-width:var(--confirm-dialog-width,420px)}body>.modal-backdrop>.edit-account-dialog{width:100%;max-width:var(--edit-account-dialog-width,420px)}body>.modal-backdrop>.avatar-crop-modal{width:100%;max-width:var(--avatar-crop-dialog-width,380px)}.confirm-dialog>.confirm-dialog-head{align-items:center;gap:var(--confirm-dialog-head-gap,.6rem);display:flex}.confirm-dialog>.confirm-dialog-head>h2{flex:1;min-width:0}.confirm-dialog>.confirm-dialog-head>.confirm-dialog-icon,.confirm-dialog>.confirm-dialog-head>.confirm-dialog-close{flex:none;justify-content:center;align-items:center;display:inline-flex}.confirm-dialog>.modal-actions{align-items:center;justify-content:var(--confirm-dialog-actions-justify,flex-end);gap:var(--confirm-dialog-actions-gap,.5rem);flex-wrap:wrap;display:flex}main.login-page{align-items:center;justify-content:var(--login-page-justify,center);min-height:100dvh;padding:var(--login-page-pad,1rem);display:flex;position:relative}main.login-page[data-login-picture]:after{content:"";pointer-events:none;position:absolute;inset:0}main.login-page>*{z-index:1;position:relative}main.login-page>.login-card{width:100%;max-width:var(--login-card-width,360px);gap:var(--login-card-gap,.9rem);flex-direction:column;display:flex}main.login-page .login-brand{flex-direction:var(--login-brand-direction,row);align-items:center;gap:var(--login-brand-gap,.6rem);display:flex}main.login-page .login-submit{width:100%}.login-backdrop:after{content:"";position:absolute;inset:0}.login-backdrop~*{z-index:1;flex-shrink:0;position:relative}:has(>.login-backdrop){flex-direction:column;min-height:100dvh;display:flex}.login-backdrop~.center-page{width:min(var(--login-dead-link-width,400px), 100% - 2rem);min-height:0;margin:auto}.user-menu{position:relative}.user-menu>.user-menu-trigger{align-items:center;gap:var(--user-menu-trigger-gap,.25rem);display:inline-flex}.user-menu>.user-menu-pop{top:calc(100% + var(--user-menu-offset,6px));z-index:var(--user-menu-z,40);width:var(--user-menu-width,min(22rem, calc(100vw - 2rem)));position:absolute;right:0}.user-menu .user-menu-header{align-items:center;gap:var(--user-menu-header-gap,.75rem);display:flex}.user-menu .user-menu-id{gap:var(--user-menu-id-gap,0px);flex-direction:column;min-width:0;display:flex}.user-menu .user-menu-id>span{overflow-wrap:anywhere}:where(.user-menu .user-menu-list){margin:0;padding:0;list-style:none}.user-menu .user-menu-item{align-items:center;gap:var(--user-menu-item-gap,.5rem);overflow-wrap:normal;width:100%;display:flex}.user-menu .user-menu-header .sync-popover-anchored{top:calc(100% + 8px);left:var(--user-menu-sync-popover-left,-11px);width:var(--user-menu-sync-popover-width,17rem);right:auto}.user-menu .user-menu-syncpop{position:relative}.user-menu .user-menu-syncpop>.sync-popover-hosted{width:auto;top:0;left:0;right:0}.users-page{gap:var(--users-page-gap,1rem);flex-direction:column;display:flex}.users-page>.page-head{justify-content:space-between;align-items:flex-end;gap:var(--users-page-head-gap,.75rem);flex-wrap:wrap;display:flex}.users-page .invite-row{align-items:flex-end;gap:var(--users-invite-gap,.75rem);flex-wrap:wrap;display:flex}.users-page .invite-row>.field{flex:1 1 var(--users-invite-field-basis,140px);min-width:0}.users-page .invite-row>.field:has(.select){flex-basis:var(--users-invite-select-basis,220px)}.users-page .table-card{overflow-x:auto}.users-page .users-table{border-collapse:collapse;width:100%}.users-page .users-table th.col-center,.users-page .users-table td.col-center{text-align:center}.users-page .cellstack{flex-direction:column;display:flex}.users-page .row-actions-inline{gap:var(--users-actions-gap,.25rem);flex-wrap:wrap;display:inline-flex}.users-page .icon-btn{width:var(--users-icon-btn-size,1.8rem);height:var(--users-icon-btn-size,1.8rem);justify-content:center;align-items:center;display:inline-flex}@media (width<=880px){.users-page .users-table thead{display:none}.users-page .users-table,.users-page .users-table tbody,.users-page .users-table tr,.users-page .users-table td{display:block}.users-page .users-table td,.users-page .users-table td.col-center{align-items:center;gap:var(--users-card-line-gap,.75rem);text-align:left;flex-wrap:wrap;display:flex}.users-page .users-table td+td:before{content:attr(data-label);flex:0 0 var(--users-card-label-width,5.5rem)}}.edit-account-dialog>.edit-account-head{align-items:center;gap:var(--confirm-dialog-head-gap,.6rem);display:flex}.edit-account-dialog>.edit-account-head>h2{flex:1;min-width:0}.edit-account-dialog>.edit-account-head>.confirm-dialog-icon,.edit-account-dialog>.edit-account-head>.confirm-dialog-close{flex:none;justify-content:center;align-items:center;display:inline-flex}.edit-account-dialog .form-row{align-items:flex-end;column-gap:var(--users-invite-gap,.75rem);row-gap:var(--edit-account-wrap-gap,.75rem);flex-wrap:wrap;display:flex}.edit-account-dialog .form-row>.field{flex:1 1 var(--edit-account-field-basis,140px);min-width:0}.edit-account-dialog .form-row+.form-row{margin-top:var(--edit-account-rows-gap,.75rem)}.edit-account-dialog>.modal-actions{justify-content:flex-end;gap:var(--confirm-dialog-actions-gap,.5rem);flex-wrap:wrap;display:flex}:root[data-look=cyclula]:not([data-login-theme]){--bg:#f6eef2;--surface:#fffafb;--surface-2:#f3e3ea;--text:#2a1020;--muted:#6e4a5c;--border:#e5c6d3;--accent:#b3123a;--accent-soft:#fde4ea;--accent-contrast:#fff;--danger:#b3261e;--danger-soft:#ffe3e0;--ok:#1f7a3c;--ok-soft:#dcf5ec;--warn:#9a5800;--ping-soft:#fbeef2;--ping-soft-2:#f6dde6;--ping-accent:#e58aa4;--ping-strong:#b3123a;--ping-deep:#5a0a22;--ping-ink:#2a1020;--ping-light:#fff;--timer-ok:#b3123a;--timer-warn:#9a5800;--timer-late:#b3261e;--radius-lg:22px;--font-body:"Baloo 2", ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif;--shadow:0 6px 18px #5a0a221f;--shadow-lift:0 10px 28px #5a0a2233;--cy-display:"Grenze Gotisch", "Georgia", serif;--cy-sky1:#5b2d6e;--cy-sky2:#f29b86;--cy-hill:#3a1838;--cy-ink:#fff4f2;--cy-skin:#d4e6cf;--cy-line:#2b1022;--cy-bat:#1d0a1a;--cy-moon:#fff3c9;--cy-stars:0}:root[data-look=cyclula][data-theme=dark]:not([data-login-theme]){--bg:#120a16;--surface:#1d1222;--surface-2:#2a1830;--text:#f6e9ee;--muted:#c4a3b4;--border:#3d2434;--accent:#ff4d6d;--accent-soft:#3a1428;--accent-contrast:#1a0610;--danger:#ff9a9a;--danger-soft:#4a2030;--ok:#8fe3a0;--ok-soft:#1f3f35;--warn:#ffd66e;--ping-soft:#22142a;--ping-soft-2:#2c1834;--ping-accent:#8f3a5c;--ping-strong:#ff4d6d;--ping-deep:#6a0c2a;--ping-ink:#f6e9ee;--ping-light:#f6e9ee;--timer-ok:#ff4d6d;--timer-warn:#ffd66e;--timer-late:#ff9a9a;--shadow:0 6px 18px #0006;--shadow-lift:0 10px 28px #0000008c;--cy-sky1:#07051a;--cy-sky2:#2d1247;--cy-hill:#160a1c;--cy-skin:#b9d1c6;--cy-bat:#0b0410;--cy-moon:#fff0c2;--cy-stars:1}:root[data-look=cyclula]:not([data-login-theme]){background:radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--accent) 10%, var(--bg)), var(--bg) 70%) fixed}:root[data-look=cyclula]:not([data-login-theme]) body{background:0 0}:root[data-look=cyclula]:not([data-login-theme]) .topbar{background:color-mix(in srgb, var(--surface) 82%, transparent);border-bottom:1.5px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-look=cyclula]:not([data-login-theme]) .brand,:root[data-look=cyclula]:not([data-login-theme]) h1,:root[data-look=cyclula]:not([data-login-theme]) .card-title,:root[data-look=cyclula]:not([data-login-theme]) .recent-title{font-family:var(--cy-display);letter-spacing:.01em;font-weight:800}:root[data-look=cyclula]:not([data-login-theme]) .recent-title{font-size:1.35rem}:root[data-look=cyclula]:not([data-login-theme]) .card{border:1.5px solid var(--border);border-radius:22px}.look-cyclula.ping-page{gap:20px;overflow-x:clip}.look-cyclula .card-tag{color:var(--accent)}.cy-home{isolation:isolate;color:var(--cy-ink);box-shadow:var(--shadow);border-radius:28px;justify-items:center;padding:18px 12px 16px;display:grid;position:relative;overflow:hidden}.cy-sky{z-index:-1;background:linear-gradient(var(--cy-sky1), var(--cy-sky2));position:absolute;inset:0}.cy-stars{opacity:var(--cy-stars);background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 70% 18%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 86% 46%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 40% 12%,#fff 50%,#0000 51%),radial-gradient(1.4px 1.4px at 10% 55%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 58% 40%,#fff 50%,#0000 51%);animation:3s ease-in-out infinite alternate cy-twinkle;position:absolute;inset:0 0 40%}.cy-moon{background:var(--cy-moon);border-radius:50%;width:54px;height:54px;animation:4s ease-in-out infinite alternate cy-glow;position:absolute;top:96px;right:24px;overflow:hidden;box-shadow:0 0 30px #fff0be99}.cy-moon i{background:var(--cy-sky1);opacity:.93;border-radius:50%;position:absolute;inset:0}.cy-moon.is-blood{background:#ff4d6d;box-shadow:0 0 34px #ff4d6db3}.cy-bat{fill:var(--cy-bat);animation:9s linear infinite cy-fly;position:absolute;top:70px;left:-30px}.cy-bat.b2{animation-duration:12s;animation-delay:-5s;top:130px}.cy-bat.b3{animation-duration:15s;animation-delay:-9s;top:52px}.cy-castle{width:100%;height:120px;fill:var(--cy-hill);position:absolute;bottom:0;left:0;right:0}.cy-window{fill:#ffd36e;animation:2.4s steps(4,end) infinite cy-flicker}.cy-readout{text-align:center;text-shadow:0 1px 2px #00000073;justify-items:center;gap:2px;display:grid}.cy-eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.85;font-size:.68rem;font-weight:700}.cy-big{font:800 2.2rem/1 var(--cy-display);text-shadow:0 2px #7a0f2a}.cy-sub{font-size:.85rem;font-weight:600}.cy-stage{--picker-r:124px;--chip:64px;--chip-flow:radial-gradient(circle at 40% 30%, #5a1a30, #1d0610);--chip-pain:radial-gradient(circle at 40% 30%, #6a3088, #2a0f3a);--chip-picked:#ffd36e;width:100%;height:330px;position:relative}.cy-main{cursor:pointer;background:0 0;border:0;width:168px;height:178px;padding:0;transition:scale .4s cubic-bezier(.3,1.4,.5,1);position:absolute;top:50%;left:50%;translate:-50% -50%}.cy-main:focus-visible{outline:3px solid var(--chip-picked);outline-offset:4px;border-radius:24px}.cy-stage.is-open .cy-main{scale:.62}.cy-count{width:100%;height:100%;display:block}.cy-head{transform-origin:50% 90%;width:100%;height:100%;animation:3.2s ease-in-out infinite cy-bob;overflow:visible}.cy-count.is-slurping .cy-head{animation:.9s cubic-bezier(.3,1.6,.5,1) 2 cy-slurp}.cy-collar{fill:#7a0f2a}.cy-collar-in{fill:#c3163d}.cy-ear,.cy-skin{fill:var(--cy-skin);stroke:var(--cy-line);stroke-width:2.5px}.cy-hair{fill:#1a0b16}.cy-blush{fill:#ff8fa8;opacity:.55}.is-period .cy-blush{opacity:.9}.cy-brow{fill:none;stroke:#1a0b16;stroke-width:4px;stroke-linecap:round}.cy-eye{fill:#fff;stroke:var(--cy-line);stroke-width:2px}.cy-eyes{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite drop-blink}.cy-gaze{transform:translate(calc(var(--gaze-x,0) * 4px), calc(var(--gaze-y,0) * 3px));transition:transform .12s linear}.cy-pupil{fill:#b0102c}.cy-glint{fill:#fff}.cy-mouth{fill:#4a0716;stroke:var(--cy-line);stroke-width:2px;stroke-linejoin:round}.cy-fang{fill:#fff;stroke:var(--cy-line);stroke-width:1.2px}.cy-drip{fill:#d8143d;transform-box:fill-box;transform-origin:top;animation:2.4s ease-in infinite cy-drip}.cy-tear{fill:#8fd3ff;animation:1.2s ease-in infinite drop-tear}.cy-goblet .cy-wine{fill:#ff2d55}.cy-goblet .cy-glass{fill:none;stroke:#ffe6ec;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.cy-heart .cy-heart-body{fill:#e3204a;stroke:#ffe6ec;stroke-width:1.6px}.cy-heart .cy-heart-eye{fill:#2a0410}.cy-heart .cy-heart-line{fill:none;stroke:#2a0410;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.cy-heart .cy-bite{fill:#2a0410}.cy-heart .cy-stake{stroke:#c98a4a;stroke-width:4px;stroke-linecap:round}.cy-say{text-align:center;text-shadow:0 1px 3px #0009;max-width:34ch;min-height:2.8em;margin:0;font-weight:700}.cy-fx{z-index:6;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.cy-fx-part{opacity:0;animation:1.4s ease-out both cy-burst;position:absolute;top:-8px;left:-8px}.cy-fx-heart path{fill:#ff4d6d}.cy-fx-bat{fill:var(--cy-bat)}.cy-fx-drop{opacity:0;background:#d8143d;border-radius:50%/60% 60% 40% 40%;width:8px;height:11px;animation:.8s ease-in both cy-fall;position:absolute;top:-100px;left:-4px}.cy-fx-word{font:800 1.8rem/1 var(--cy-display);color:#fff;text-shadow:0 2px #7a0f2a;opacity:0;animation:1.4s ease-out .5s both cy-pop;position:absolute;top:-118px;left:0;translate:-50%}.cy-marvel{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cy-flash{opacity:0;background:#fff;animation:.6s ease-out cy-flash;position:absolute;inset:0}.cy-swarm{fill:var(--cy-bat);opacity:0;animation:cy-swarm var(--d) linear var(--dl) both;position:absolute;left:-40px}.cy-rain{opacity:0;width:8px;height:11px;animation:cy-rain var(--d) ease-in var(--dl) both;background:#c3163d;border-radius:50%/60% 60% 40% 40%;position:absolute;top:-20px}.cy-banner{font:800 3rem/.95 var(--cy-display);text-align:center;text-transform:uppercase;color:#fff;text-shadow:0 3px #8a0f2c,0 0 24px #d8143dcc;opacity:0;margin:0;animation:2.6s ease-out .3s both cy-banner;position:absolute;top:38%;left:50%;translate:-50% -50%}@keyframes cy-twinkle{to{opacity:calc(var(--cy-stars) * .55)}}@keyframes cy-glow{to{box-shadow:0 0 46px #fff0bee6}}@keyframes cy-fly{0%{transform:translate(0)scale(.8)}25%{transform:translate(110px,-18px)scale(.8)}50%{transform:translate(210px,12px)scale(.8)}75%{transform:translate(300px,-10px)scale(.8)}to{transform:translate(420px)scale(.8)}}@keyframes cy-flicker{0%,to{opacity:1}40%{opacity:.55}70%{opacity:.9}}@keyframes cy-bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-5px)rotate(1.5deg)}}@keyframes cy-slurp{0%{transform:scale(1)}30%{transform:scale(1.12,.9)rotate(-6deg)}60%{transform:scale(.95,1.08)rotate(5deg)}to{transform:scale(1)}}@keyframes cy-drip{0%{opacity:1;transform:scaleY(.2)}70%{opacity:1;transform:scaleY(1.6)}to{opacity:0;transform:scaleY(1.6)translateY(6px)}}@keyframes cy-burst{0%{opacity:0;transform:translate(0)scale(.3)}30%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1);opacity:0}}@keyframes cy-fall{0%{transform:translate(var(--x), 0);opacity:0}20%{opacity:1}to{transform:translate(var(--x), 110px);opacity:0}}@keyframes cy-pop{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1.15)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)translateY(-10px)}}@keyframes cy-flash{0%{opacity:.85}to{opacity:0}}@keyframes cy-swarm{0%{transform:translateX(0) scale(var(--s));opacity:1}50%{transform:translateX(50vw) translateY(-20px) scale(var(--s))}to{transform:translateX(calc(100vw + 80px)) scale(var(--s));opacity:1}}@keyframes cy-rain{0%{opacity:1;transform:translateY(0)}to{opacity:.8;transform:translateY(calc(100vh + 40px))}}@keyframes cy-banner{0%{opacity:0;transform:scale(.2)rotate(-8deg)}25%{opacity:1;transform:scale(1.12)rotate(2deg)}80%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.9)translateY(-20px)}}:root[data-look=petal]:not([data-login-theme]){--bg:#fff0f5;--surface:#fffafc;--surface-2:#ffe1ec;--text:#4a1033;--muted:#7a4a64;--border:#f6c3d6;--accent:#d81b60;--accent-soft:#ffe1ec;--accent-contrast:#fff;--danger:#b3261e;--danger-soft:#ffe3e0;--ok:#1f7a3c;--ok-soft:#dcf5ec;--warn:#9a5800;--ping-soft:#fff0f5;--ping-soft-2:#ffe1ec;--ping-accent:#f48fb1;--ping-strong:#d81b60;--ping-deep:#8a0f45;--ping-ink:#4a1033;--ping-light:#fff;--timer-ok:#d81b60;--timer-warn:#9a5800;--timer-late:#b3261e;--radius-lg:26px;--font-body:"Baloo 2", ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif;--shadow:0 5px 0 #f6c3d6;--shadow-lift:0 6px 0 #f6c3d6, 0 18px 34px #4a103333;--lp-display:"Chewy", "Baloo 2", ui-rounded, system-ui, sans-serif;--lp-sky1:#ffd6e4;--lp-sky2:#fff3f0;--lp-hill1:#ffb3c9;--lp-hill2:#f68aac;--lp-ink:#6b1036;--lp-sun:#ffd36e;--lp-flies:0}:root[data-look=petal][data-theme=dark]:not([data-login-theme]){--bg:#1e0a20;--surface:#2a1030;--surface-2:#3a1840;--text:#ffe3ef;--muted:#d9a8c4;--border:#4e2050;--accent:#ff7aa8;--accent-soft:#3a1840;--accent-contrast:#1e0a20;--danger:#ff9a9a;--danger-soft:#4a2030;--ok:#8fe3a0;--ok-soft:#1f3f35;--warn:#ffd66e;--ping-soft:#2e1236;--ping-soft-2:#3a1840;--ping-accent:#a04a80;--ping-strong:#ff7aa8;--ping-deep:#7a1050;--ping-ink:#ffe3ef;--ping-light:#ffe3ef;--timer-ok:#ff7aa8;--timer-warn:#ffd66e;--timer-late:#ff9a9a;--shadow:0 5px 0 #4e2050;--shadow-lift:0 6px 0 #4e2050, 0 18px 34px #00000073;--lp-sky1:#2a0d2c;--lp-sky2:#5a1d4c;--lp-hill1:#4a1840;--lp-hill2:#3a0f33;--lp-ink:#ffe3ef;--lp-sun:#fff1c7;--lp-flies:1}:root[data-look=petal]:not([data-login-theme]){background-color:var(--bg);background-image:radial-gradient(color-mix(in srgb, var(--accent) 14%, transparent) 2.5px, transparent 3px);background-size:26px 26px}:root[data-look=petal]:not([data-login-theme]) body{background:0 0}:root[data-look=petal]:not([data-login-theme]) .topbar{background:color-mix(in srgb, var(--surface) 82%, transparent);border-bottom:2px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-look=petal]:not([data-login-theme]) .brand,:root[data-look=petal]:not([data-login-theme]) h1,:root[data-look=petal]:not([data-login-theme]) .card-title,:root[data-look=petal]:not([data-login-theme]) .recent-title{font-family:var(--lp-display);letter-spacing:.01em;font-weight:400}:root[data-look=petal]:not([data-login-theme]) .recent-title{font-size:1.35rem}:root[data-look=petal]:not([data-login-theme]) .card{border:2px solid var(--border);border-radius:28px}.look-petal.ping-page{gap:20px;overflow-x:clip}.look-petal .card-tag{color:var(--accent)}.lp-home{isolation:isolate;color:var(--lp-ink);box-shadow:var(--shadow);border-radius:32px;justify-items:center;padding:18px 12px 16px;display:grid;position:relative;overflow:hidden}.lp-garden{z-index:-1;background:linear-gradient(var(--lp-sky1), var(--lp-sky2));position:absolute;inset:0}.lp-sun{background:var(--lp-sun);width:46px;height:46px;box-shadow:0 0 0 10px color-mix(in srgb, var(--lp-sun) 30%, transparent);border-radius:50%;animation:3s ease-in-out infinite lp-pulse;position:absolute;top:84px;left:22px}.lp-hills{width:100%;height:120px;position:absolute;bottom:0;left:0;right:0}.lp-hill-1{fill:var(--lp-hill1)}.lp-hill-2{fill:var(--lp-hill2)}.lp-flower{transform-origin:50% 140%;background:radial-gradient(circle,#ffd36e 28%,#ff5c86 30%);border-radius:50%;width:22px;height:22px;animation:2.6s ease-in-out infinite alternate lp-sway;position:absolute;bottom:70px}.lp-flower.f1{left:24px}.lp-flower.f2{background:radial-gradient(circle,#ffd36e 28%,#c99bff 30%);width:16px;height:16px;animation-delay:-1.2s;bottom:52px;left:64px}.lp-flower.f3{animation-delay:-.6s;bottom:58px;right:30px}.lp-flower.f4{background:radial-gradient(circle,#ffd36e 28%,#ff9ec4 30%);width:16px;height:16px;animation-delay:-2s;bottom:80px;right:70px}.lp-home.is-blooming .lp-flower{animation:1.2s cubic-bezier(.3,1.6,.5,1) .3s lp-pop}.lp-fly{width:6px;height:6px;opacity:var(--lp-flies);background:#fff6a8;border-radius:50%;animation:6s ease-in-out infinite lp-firefly;position:absolute;box-shadow:0 0 10px #fff6a8}.lp-fly.f1{top:300px;left:60px}.lp-fly.f2{animation-delay:-2s;top:220px;right:60px}.lp-fly.f3{animation-delay:-4s;top:330px;right:40px}.lp-readout{text-align:center;justify-items:center;gap:2px;display:grid}.lp-big{font:400 2.2rem/1 var(--lp-display);color:var(--accent);text-shadow:0 2px 0 var(--surface)}.lp-sub{font-size:.88rem;font-weight:700}.lp-stage{--picker-r:126px;--chip:66px;--chip-flow:radial-gradient(circle at 40% 30%, #ff8fab, #d81b60);--chip-pain:radial-gradient(circle at 40% 30%, #f2b6ff, #9a4cc2);--chip-picked:#ffd36e;width:100%;height:340px;position:relative}.lp-main{cursor:pointer;background:0 0;border:0;width:176px;height:200px;padding:0;transition:scale .4s cubic-bezier(.3,1.4,.5,1);position:absolute;top:50%;left:50%;translate:-50% -50%}.lp-main:focus-visible{outline:3px solid var(--chip-picked);outline-offset:4px;border-radius:28px}.lp-stage.is-open .lp-main{scale:.58}.lp-figure{width:100%;height:100%;display:block}.lp-lady{width:100%;height:100%;animation:2.8s ease-in-out infinite lp-bob;overflow:visible}.lp-figure.is-twirling .lp-lady{animation:.9s cubic-bezier(.3,1.5,.5,1) lp-twirl}.lp-leaf{fill:#6cc28a;stroke:#2f7a4d;stroke-width:2px}.lp-arm{fill:none;stroke:#6cc28a;stroke-width:7px;stroke-linecap:round}.lp-arm-l{transform-origin:44px 140px;animation:1.6s ease-in-out infinite alternate lp-wave}.lp-arm-r{transform-origin:136px 140px;animation:1.6s ease-in-out infinite alternate-reverse lp-wave}.lp-outer{fill:#ff9dbb;stroke:#c2185b;stroke-width:3px}.lp-inner{fill:#e2457a;stroke:#a3124a;stroke-width:2.5px}.lp-fold,.lp-hood{fill:none;stroke:#9c1450;stroke-width:2.5px;stroke-linecap:round}.lp-pearl{fill:#fff0f5;stroke:#a3124a;stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite lp-twinkle}.lp-glint{fill:#fff}.lp-head{fill:#ffc4d4;stroke:#c2185b;stroke-width:3px}.lp-blush{fill:#ff7d9c;opacity:.6}.is-period .lp-blush{opacity:.9}.lp-eye{fill:#fff;stroke:#6b1036;stroke-width:2px}.lp-eyes{transform-box:fill-box;transform-origin:50%;animation:4.4s ease-in-out infinite drop-blink}.lp-gaze{transform:translate(calc(var(--gaze-x,0) * 3.5px), calc(var(--gaze-y,0) * 3px));transition:transform .12s linear}.lp-pupil{fill:#4a0a2a}.lp-line{fill:none;stroke:#6b1036;stroke-width:3px;stroke-linecap:round}.lp-tear{fill:#8fd3ff;animation:1.2s ease-in infinite drop-tear}.lp-say{background:color-mix(in srgb, var(--surface) 78%, transparent);text-align:center;border-radius:16px;max-width:34ch;min-height:2.8em;margin:0;padding:6px 14px;font-weight:700}.lp-fx{z-index:6;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.lp-fx-part{opacity:0;animation:1.5s ease-out both lp-burst;position:absolute;top:-9px;left:-9px}.lp-fx-heart path{fill:#ff5c86}.lp-fx-petal path,.lp-shower path{fill:#ff8fb0}.is-blush path{fill:#ffc2d3}.is-deep path{fill:#e2457a}.is-pale path{fill:#fff0f5}.lp-fx-dew{opacity:0;background:#8fd3ff;border-radius:50%/60% 60% 40% 40%;width:8px;height:11px;animation:1.1s ease-out both lp-dew;position:absolute;top:-40px;left:-4px}.lp-bloom{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.lp-shower{opacity:0;animation:lp-shower var(--d) ease-in var(--dl) both;position:absolute;top:-30px}.lp-banner{font:400 3.2rem/.95 var(--lp-display);text-align:center;color:#fff;text-shadow:0 3px #c3163d,0 0 20px #ff8fb0;opacity:0;margin:0;animation:2.6s ease-out .3s both lp-banner;position:absolute;top:38%;left:50%;translate:-50% -50%}@keyframes lp-pulse{50%{box-shadow:0 0 0 16px color-mix(in srgb, var(--lp-sun) 18%, transparent)}}@keyframes lp-sway{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}@keyframes lp-pop{0%,to{transform:scale(1)}50%{transform:scale(1.9)}}@keyframes lp-firefly{0%,to{transform:translate(0)}33%{transform:translate(20px,-26px)}66%{transform:translate(-14px,-10px)}}@keyframes lp-bob{50%{transform:translateY(-6px)rotate(1deg)}}@keyframes lp-twirl{0%{transform:rotate(0)scale(1)}50%{transform:rotate(-10deg)scale(1.12)}to{transform:rotate(0)scale(1)}}@keyframes lp-wave{0%{transform:rotate(-14deg)}to{transform:rotate(16deg)}}@keyframes lp-twinkle{50%{transform:scale(1.25)}}@keyframes lp-burst{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}30%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1) rotate(160deg);opacity:0}}@keyframes lp-dew{0%{transform:translate(var(--x), 0) scale(.4);opacity:0}30%{opacity:1}to{transform:translate(var(--x), -50px) scale(1);opacity:0}}@keyframes lp-shower{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(calc(100vh + 60px)) rotate(var(--r));opacity:.85}}@keyframes lp-banner{0%{opacity:0;transform:scale(.2)rotate(-8deg)}25%{opacity:1;transform:scale(1.12)rotate(2deg)}80%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.9)translateY(-20px)}}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;ascent-override:100%;descent-override:40%;line-gap-override:0%;src:url(/assets/baloo-2-latin-B_TVFhwJ.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Grenze Gotisch;font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/grenze-gotisch-latin-BhUVw2FV.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chewy;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/chewy-latin-BFhrjfYU.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f8;--surface:#fff;--surface-2:#e9ebf2;--text:#171c26;--muted:#6b7180;--border:#d9dce5;--accent:#b3123a;--accent-soft:#fde4ea;--accent-contrast:#fff;--danger:#c2321f;--danger-soft:#f7dcd7;--ok:#1f7a3c;--ok-soft:#d8efdf;--warn:#c27c0e;--ping-soft:#eaf2ff;--ping-soft-2:#d7e6ff;--ping-accent:#7fb0ff;--ping-strong:#3468e0;--ping-deep:#2549a8;--ping-ink:#17203a;--ping-light:#fff;--size-big:#cfe0ff;--size-big-2:#8fb6ff;--size-big-deep:#2f5fc9;--size-medium:#d3f5ea;--size-medium-2:#86dcc0;--size-medium-deep:#1f8a6b;--size-small:#fff0c2;--size-small-2:#ffd47a;--size-small-deep:#c98a10;--drop-skin:#ffd9e2;--drop-line:#8d0c28;--drop-fill:#d8143d;--drop-ink:#3a0612;--drop-eye:#fff;--drop-pupil:#1d0309;--drop-cheek:#ff7d9c;--drop-tear:#8fd3ff;--timer-ok:#3468e0;--timer-warn:#e0960f;--timer-late:#e5484d;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:40px;--radius:10px;--radius-lg:16px;--topbar-h:56px;--shadow:0 1px 2px #171c260f, 0 4px 16px #171c2614;--shadow-lift:0 2px 4px #171c261a, 0 12px 28px #171c262e}:root[data-theme=dark],:root[data-login-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1218;--surface:#171b24;--surface-2:#222835;--text:#e8eaf1;--muted:#9aa1b2;--border:#2d3442;--accent:#ff4d6d;--accent-soft:#3a1428;--accent-contrast:#0f1218;--danger:#ef6a58;--danger-soft:#4a221c;--ok:#5fc07a;--ok-soft:#1d3a26;--warn:#e0a43a;--ping-soft:#182238;--ping-soft-2:#1f2d4a;--ping-accent:#4f7fd6;--ping-strong:#8fb4ff;--ping-deep:#10254f;--ping-ink:#eef3ff;--size-big:#1f3566;--size-big-2:#2f5fc9;--size-big-deep:#0f2250;--size-medium:#163d33;--size-medium-2:#1f8a6b;--size-medium-deep:#0c2a22;--size-small:#4a3a10;--size-small-2:#c98a10;--size-small-deep:#2e2408;--timer-ok:#7fb0ff;--timer-warn:#ffb64a;--timer-late:#ff6b6b;--shadow:0 1px 2px #00000059, 0 4px 16px #0006;--shadow-lift:0 2px 4px #0006, 0 12px 28px #0000008c}:root[data-login-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f8;--surface:#fff;--surface-2:#e9ebf2;--text:#171c26;--muted:#6b7180;--border:#d9dce5;--accent:#b3123a;--accent-soft:#fde4ea;--accent-contrast:#fff;--danger:#c2321f;--danger-soft:#f7dcd7;--ok:#1f7a3c;--ok-soft:#d8efdf;--warn:#c27c0e;--ping-soft:#eaf2ff;--ping-soft-2:#d7e6ff;--ping-accent:#7fb0ff;--ping-strong:#3468e0;--ping-deep:#2549a8;--ping-ink:#17203a;--size-big:#cfe0ff;--size-big-2:#8fb6ff;--size-big-deep:#2f5fc9;--size-medium:#d3f5ea;--size-medium-2:#86dcc0;--size-medium-deep:#1f8a6b;--size-small:#fff0c2;--size-small-2:#ffd47a;--size-small-deep:#c98a10;--timer-ok:#3468e0;--timer-warn:#e0960f;--timer-late:#e5484d;--shadow:0 1px 2px #171c260f, 0 4px 16px #171c2614;--shadow-lift:0 2px 4px #171c261a, 0 12px 28px #171c262e;--login-glass:color-mix(in srgb, var(--surface) 80%, transparent);--login-glass-field:color-mix(in srgb, var(--surface) 60%, transparent);--login-glass-blur:blur(40px) saturate(100%)}:root[data-login-theme=dark]{--login-glass:color-mix(in srgb, var(--surface) 75%, transparent);--login-glass-field:color-mix(in srgb, var(--surface) 30%, transparent);--login-glass-shadow:0 24px 70px #00000047;--login-glass-blur:blur(40px) saturate(100%)}:root{--account-pair-gap:var(--space-4);--account-actions-gap:0;--mfa-setup-gap:var(--space-4);--mfa-setup-fields-gap:0;--confirm-dialog-width:480px;--edit-account-dialog-width:480px;--edit-account-field-basis:200px;--edit-account-wrap-gap:0px;--edit-account-rows-gap:0px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.5}.btn,.badge,.brand,.past-chip{overflow-wrap:normal}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.125rem}p{margin:0 0 var(--space-3)}a{color:var(--accent);text-decoration:none}.muted{color:var(--muted);font-size:.9rem}.mono{font-family:var(--font-mono)}.pre-wrap{white-space:pre-wrap}.error-text{color:var(--danger);margin:0 0 var(--space-3);font-size:.9rem}.notice-text{color:var(--ok);margin:0 0 var(--space-3);font-size:.9rem}.app-shell{flex-direction:column;height:100%;display:flex}.topbar{height:var(--topbar-h);justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-4);padding-top:env(safe-area-inset-top);background:var(--surface);border-bottom:1px solid var(--border);z-index:12;flex:none;display:flex;position:relative}.brand{align-items:center;gap:var(--space-2);color:var(--text);font-size:1.1rem;font-weight:700;display:inline-flex}.brand svg{color:var(--accent)}.topbar-right{align-items:center;gap:var(--space-2);display:flex}.sync-popover{z-index:40;text-align:left;white-space:normal;cursor:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(22rem,100vw - 2rem);box-shadow:var(--shadow-lift);flex-direction:column;gap:.5rem;padding:.9rem 1rem;font-size:.9rem;line-height:1.5;display:flex;position:absolute;top:calc(100% + .4rem);right:0}.sync-popover-actions{gap:.5rem;display:flex}.sync-notices{flex-direction:column;gap:.35rem;max-height:14rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.sync-notice{border-top:1px solid var(--border);flex-direction:column;padding-top:.35rem;display:flex}.sync-notice-time{color:var(--muted);font-size:.75rem}.sync-notice-rejected,.sync-notice-failing,.sync-notice-quota{color:var(--danger)}.app-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.page{max-width:960px;padding:var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));margin:0 auto}.page-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.page-sub{margin:0}.center-page{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;min-height:100%;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{filter:brightness(1.08);background:var(--accent)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.08);background:var(--danger)}.btn-ghost{background:0 0;border-color:#0000}.icon-btn{border-radius:var(--radius);width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn-danger{color:var(--danger)}.field{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;min-width:0;display:flex}.field-grow{flex:1}.form-row{column-gap:var(--space-3);flex-wrap:wrap;row-gap:0;display:flex}.form-row>.field{flex:200px}.label{color:var(--muted);font-size:.85rem;font-weight:600}.input,.select{width:100%;min-height:42px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:1rem}.input.mono{font-family:var(--font-mono);letter-spacing:.04em}textarea.input{resize:vertical;line-height:1.4}.input:focus,.select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.input-invalid{border-color:var(--danger)}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow)}.card-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.card-title svg{color:var(--accent)}.danger-card{border-color:var(--danger)}.badge{background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-block}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-ok{background:var(--ok-soft);color:var(--ok)}.cellstack{flex-direction:column;min-width:0;display:flex}.cellstack>*{overflow-wrap:anywhere}.empty-state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-lg)}.login-page{--login-card-width:400px;--login-card-gap:0px;--login-brand-direction:column;--login-brand-gap:var(--space-2);background:radial-gradient(60% 50% at 20% 10%, var(--accent-soft), transparent 70%), radial-gradient(50% 40% at 90% 90%, var(--accent-soft), transparent 70%), var(--bg)}.login-backdrop,.login-backdrop:after{background:var(--bg)}.login-backdrop[data-login-scene=ready]:after{animation:1.2s ease-out forwards login-scene-reveal}.login-backdrop~.login-page{background:0 0}@keyframes login-scene-reveal{to{opacity:0}}@media (prefers-reduced-motion:reduce){.login-backdrop[data-login-scene=ready]:after{animation-duration:1ms}}.login-brand{margin-bottom:var(--space-3);color:var(--accent)}.login-brand h1{color:var(--text);font-size:1.6rem}.login-card>.muted{text-align:center}.login-submit{margin-top:var(--space-2)}:is(.login-backdrop~.login-page .login-card,.login-backdrop~.center-page) .btn:not(.btn-primary,.btn-ghost):hover{background:color-mix(in srgb, var(--surface-2) 70%, transparent)}.login-backdrop~.center-page{padding:var(--space-4);border-radius:var(--radius-lg);border-style:solid;border-width:1px}@media (prefers-reduced-transparency:reduce){:is(.login-backdrop~.login-page .login-card,.login-backdrop~.center-page) .btn:not(.btn-primary,.btn-ghost):hover{background:var(--surface-2)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(.login-backdrop~.login-page .login-card,.login-backdrop~.center-page) .btn:not(.btn-primary,.btn-ghost):hover{background:var(--surface-2)}}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar-initials{background:var(--accent);color:var(--accent-contrast);font-weight:700}.avatar-status{flex-shrink:0;display:inline-flex;position:relative}.avatar-status-dot{position:absolute;bottom:-2px;left:-2px}.status-dot{border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;display:block}.status-dot.online{background:var(--ok)}.status-dot.offline{background:var(--danger)}.sync-dot-root{display:block;position:relative}.sync-dot{border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:12px;height:12px;padding:0;display:block;position:relative}.sync-dot:after{content:"";border-radius:50%;position:absolute;inset:-8px}.sync-dot:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sync-dot-green{background:var(--ok)}.sync-dot-orange{background:var(--warn)}.sync-dot-red{background:var(--danger)}.user-menu{--user-menu-trigger-gap:var(--space-1);--user-menu-header-gap:var(--space-2);--user-menu-item-gap:var(--space-2);--user-menu-z:20;--user-menu-sync-popover-left:-15px;--user-menu-sync-popover-width:min(22rem, calc(100vw - 2rem))}.user-menu-trigger{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:4px 6px}.user-menu-trigger:hover{background:var(--surface-2)}.user-menu-panel{padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift)}.user-menu-header{padding:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-1)}.user-menu-name{font-weight:600}.user-menu-item{padding:var(--space-2);border-radius:var(--radius);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.user-menu-item:hover{background:var(--surface-2)}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f121880}.modal{padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift)}.modal h2{margin-bottom:var(--space-3)}.users-page{--users-page-gap:0px;--users-icon-btn-size:40px;--users-invite-field-basis:160px}.table-card{padding:0}.table-card-title{padding:var(--space-4) var(--space-4) 0}.table{font-size:.95rem}.table th,.table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);text-align:left;vertical-align:middle}.table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem}@media (width<=880px){.users-table tr{padding:var(--space-2) 0;border-top:1px solid var(--border)}.users-table td{padding:var(--space-1) var(--space-4);border-top:none}.users-table td+td:before{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem}}.users-create-card{margin-bottom:var(--space-4)}.invite-row>.field{margin-bottom:0}.users-page .invite-row>.btn{flex:100%}.mfa-setup img{border-radius:var(--radius);background:#fff;flex:none}.mfa-setup+.modal-actions{--mfa-setup-actions-gap:var(--space-2)}.mfa-secret{padding:var(--space-2);border-radius:var(--radius);background:var(--surface-2);font-family:var(--font-mono);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:.85rem;display:block}.mfa-code-input{max-width:200px;font-family:var(--font-mono);letter-spacing:.3em}.profile-hero{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.profile-hero .cellstack{flex:1}.profile-since{flex-direction:column;flex-basis:100%;font-size:.8125rem;display:flex}.profile-since span{color:var(--muted)}.profile-grid{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}.look-options{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.look-option,.look-mode{cursor:pointer;position:relative}.look-option input,.look-mode input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.look-option{align-items:center;gap:var(--space-2);padding:var(--space-2);border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:flex}.look-option.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}:is(.look-option:has(input:focus-visible),.look-mode:has(input:focus-visible)){outline:3px solid var(--accent);outline-offset:2px}.look-option-text{flex-direction:column;gap:2px;padding:0 2px 2px;display:flex}.look-option-text strong{font-size:.95rem;line-height:1.25}.look-option-text span{color:var(--muted);font-size:.8rem;line-height:1.35}.look-swatch{border-radius:10px;flex:0 0 104px;height:64px;display:block;position:relative;overflow:hidden}.look-swatch i{display:block;position:absolute}.look-swatch-cyclula{background:linear-gradient(#5b2d6e,#f29b86)}.look-swatch-cyclula i:first-child{background:#fff3c9;border-radius:50%;width:18px;height:18px;top:8px;right:12px;box-shadow:inset -6px 0 #5b2d6e}.look-swatch-cyclula i:nth-child(2){clip-path:polygon(0 100%,0 40%,14% 40%,14% 10%,22% 10%,22% 40%,40% 40%,46% 0,52% 40%,70% 40%,70% 20%,78% 20%,78% 40%,100% 40%,100% 100%);background:#3a1838;height:20px;bottom:0;left:0;right:0}.look-swatch-cyclula i:nth-child(3){background:#d4e6cf;border-radius:50% 50% 46% 46%;width:22px;height:22px;margin-left:-11px;top:14px;left:50%;box-shadow:0 -6px 0 -2px #1a0b16,0 8px 0 -4px #c3163d}.look-swatch-petal{background:linear-gradient(#ffd6e4,#fff3f0 70%,#ffb3c9 70%)}.look-swatch-petal i:first-child{background:#ffd36e;border-radius:50%;width:16px;height:16px;top:8px;left:10px}.look-swatch-petal i:nth-child(2){background:#ffc4d4;border-radius:50%;width:30px;height:22px;margin-left:-15px;top:10px;left:50%;box-shadow:inset 0 0 0 2px #c2185b}.look-swatch-petal i:nth-child(3){background:#e2457a;border-radius:50%/40% 40% 60% 60%;width:22px;height:28px;margin-left:-11px;top:30px;left:50%;box-shadow:0 0 0 4px #ff9dbb}.look-modes{background:var(--surface-2);border-radius:999px;gap:3px;padding:3px;display:inline-flex}.look-mode{min-height:40px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:.9rem;font-weight:700;display:inline-flex}.look-mode.is-active{background:var(--accent);color:var(--accent-contrast)}.ping-page{gap:var(--space-4);flex-direction:column;max-width:560px;display:flex}.level-picker{z-index:5;width:0;height:0;position:absolute;top:50%;left:50%}.level-set{display:contents}.level-chip{width:var(--chip,70px);height:var(--chip,70px);color:#fff;font:inherit;cursor:pointer;opacity:0;transform:translate(-50%, -50%) rotate(var(--a)) translate(0) rotate(calc(-1 * var(--a))) scale(.2);transition:transform .5s cubic-bezier(.3,1.5,.5,1),opacity .25s ease-out;transition-delay:calc(var(--i) * 45ms);border:0;border-radius:50%/58% 58% 42% 42%;place-content:center;justify-items:center;gap:1px;padding:0;display:grid;position:absolute;top:0;left:0;box-shadow:inset 0 -6px #00000024}.level-picker.is-open .level-chip{opacity:1;transform:translate(-50%, -50%) rotate(var(--a)) translate(var(--picker-r,128px)) rotate(calc(-1 * var(--a)))}.level-chip.is-flow{background:var(--chip-flow,radial-gradient(circle at 40% 30%, #ff6f8e, #c3163d))}.level-chip.is-pain{background:var(--chip-pain,radial-gradient(circle at 40% 30%, #e0a6ff, #8a3cb8));transition-delay:calc(90ms + var(--i) * 45ms)}.level-chip b{font-size:.78rem;line-height:1.1}.level-chip small{opacity:.88;font-size:.6rem;line-height:1.1}.level-chip[aria-pressed=true]{box-shadow:0 0 0 3px var(--chip-picked,#ffd36e), inset 0 -6px 0 #00000024}.level-chip:focus-visible{outline:3px solid var(--chip-picked,#ffd36e);outline-offset:2px}.level-chip:disabled{cursor:progress}.blood-drop{overflow:visible}.blood-drop .drop-body{transform-box:view-box;transform-origin:20px 47px;animation:drop-wobble 2.6s ease-in-out var(--wobble-delay,0s) infinite}.blood-drop .drop-skin{fill:var(--drop-skin);stroke:var(--drop-line);stroke-width:1.6px;stroke-linejoin:round}.blood-drop .drop-fill{fill:var(--drop-fill)}.blood-drop .drop-shine{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;opacity:.75}.blood-drop .drop-eye{fill:var(--drop-eye);stroke:var(--drop-ink);stroke-width:.8px}.blood-drop .drop-pupil{fill:var(--drop-pupil)}.blood-drop .drop-glint{fill:#fff}.blood-drop .drop-line{fill:none;stroke:var(--drop-ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.blood-drop .drop-mouth{fill:var(--drop-ink)}.blood-drop .drop-tear{fill:var(--drop-tear);animation:1.6s ease-in infinite drop-tear}.blood-drop .drop-cheek{fill:var(--drop-cheek);opacity:.8}@keyframes drop-wobble{0%,to{transform:scale(1)}30%{transform:scale(1.06,.94)}55%{transform:scale(.96,1.05)}75%{transform:scale(1.02,.98)}}@keyframes drop-tear{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(7px)}}.undo-toast{left:50%;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));z-index:20;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--ping-deep);color:var(--ping-light);box-shadow:var(--shadow-lift);white-space:nowrap;border-radius:999px;animation:.3s cubic-bezier(.2,1.3,.4,1) toast-in;display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}.undo-toast-btn{align-items:center;gap:var(--space-1);background:var(--ping-light);color:var(--ping-deep);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:6px 14px;font-weight:800;display:inline-flex}.undo-toast-bar{background:var(--ping-accent);transform-origin:0;width:100%;height:3px;animation:linear forwards countdown;position:absolute;bottom:0;left:0}@keyframes countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.recent{border-color:color-mix(in srgb, var(--ping-accent) 45%, var(--border));background:var(--surface);border-radius:22px}.recent-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.recent-title{letter-spacing:-.01em;font-size:1rem;font-weight:800}.strip{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.strip-day{background:color-mix(in srgb, var(--ping-soft) 70%, var(--surface));border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-height:92px;padding:6px 2px 8px;display:flex}.strip-day.is-empty{border-color:color-mix(in srgb, var(--ping-accent) 25%, transparent);background:0 0;border-style:dashed}.strip-day.is-today{border-color:var(--ping-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ping-accent) 30%, transparent);border-style:solid}.strip-weekday{letter-spacing:.06em;color:var(--muted);font-size:.65rem;font-weight:800}.strip-date{color:var(--text);font-size:.8rem;font-weight:700}.strip-day.is-today .strip-date{color:var(--ping-strong)}.strip-icons{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1px;min-height:24px;margin-top:4px;display:flex}.strip-more{color:var(--ping-strong);font-size:.65rem;font-weight:800}.strip-dot{background:var(--border);border-radius:999px;width:5px;height:5px;margin-top:8px}.stats,.history{border-color:color-mix(in srgb, var(--ping-accent) 45%, var(--border));border-radius:22px}.stats .recent-title,.history .recent-title{align-items:center;gap:var(--space-2);display:flex}.card-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.card-head>.history-past-toggle,.card-head>.past-form{flex-basis:100%}.recent-name{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.card-tag{background:var(--ping-soft);color:var(--ping-deep);letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;padding:1px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.stat-tiles{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.stat-tile{grid-row:span 3;grid-template-rows:subgrid;padding:var(--space-3);background:color-mix(in srgb, var(--ping-soft) 70%, var(--surface));border-radius:16px;align-items:start;gap:2px;min-width:0;display:grid}.stat-tile.is-warn{background:color-mix(in srgb, var(--timer-warn) 18%, var(--surface))}.stat-tile.is-late{background:var(--danger-soft)}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:5px;font-size:.7rem;font-weight:800;display:inline-flex}.stat-label svg{color:var(--ping-strong);flex:none}.stat-value{letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:900;line-height:1.1}.stat-hint{color:var(--muted);font-size:.75rem}.cycles,.byday,.heads-ups,.heads-ups-none{margin-top:var(--space-4)}.cycles-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);font-size:.75rem;display:flex}.cycles-title{align-items:center;gap:6px;font-size:.9rem;font-weight:800;display:inline-flex}.cycles-empty{margin:0}.cycles-bars,.byday-bars{grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:6px;height:130px;display:grid}.byday-bars{grid-template-columns:repeat(10,minmax(0,1fr));height:96px}.cycle-col,.byday-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;min-width:0;height:100%;display:flex}.cycle-len{color:var(--ping-strong);white-space:nowrap;font-size:.7rem;font-weight:800;line-height:1}.cycle-bar{background:linear-gradient(to top, var(--drop-fill) 0 var(--bleed,0%), color-mix(in srgb, var(--ping-accent) 55%, var(--surface)) var(--bleed,0%) 100%);border-radius:8px 8px 3px 3px;width:100%;max-width:30px;transition:height .4s cubic-bezier(.2,1.2,.4,1)}.cycle-col.is-current .cycle-bar{outline:2px dashed var(--ping-accent);outline-offset:2px}.cycle-label{max-width:100%;color:var(--muted);white-space:nowrap;flex:none;font-size:.65rem;overflow:hidden}.byday-legend{color:var(--muted);align-items:center;gap:4px;display:inline-flex}.byday-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.byday-legend i.is-pain{margin-left:6px}.byday-pair{flex:1;justify-content:center;align-items:flex-end;gap:2px;width:100%;display:flex}.byday-bar{border-radius:4px 4px 2px 2px;width:45%;max-width:12px}.byday-bar.is-flow,.byday-legend i.is-flow{background:var(--drop-fill)}.byday-bar.is-pain,.byday-legend i.is-pain{background:#8a3cb8}.heads-ups{padding:var(--space-3);background:color-mix(in srgb, var(--timer-warn) 14%, var(--surface));border-radius:16px}.heads-ups ul{margin:var(--space-2) 0;gap:4px;padding-left:1.2em;display:grid}.heads-ups p,.heads-ups-none{margin:0;font-size:.8rem}.history-past-toggle{border-style:dashed;border-color:var(--ping-accent);width:100%;color:var(--ping-strong);background:0 0}.past-form{padding:var(--space-3);background:color-mix(in srgb, var(--ping-soft) 70%, var(--surface));border-radius:16px}.past-chips{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.past-chip{background:var(--surface);min-width:0;min-height:44px;color:var(--text);font:inherit;cursor:pointer;border:2px solid #0000;border-radius:14px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;padding:6px 4px;font-weight:700;display:inline-flex}.past-chip-words{justify-items:center;font-size:.85rem;line-height:1.15;display:grid}.past-chip-words small{color:var(--muted);font-size:.72rem;font-weight:500}.past-chip.is-active{border-color:var(--ping-strong);background:var(--ping-soft)}.past-row .field{margin-bottom:var(--space-2)}.history-empty{margin:0}.history-list{margin:0;padding:0;list-style:none}.history-row{flex-direction:column;display:flex}.history-day{margin:var(--space-3) 0 var(--space-1);letter-spacing:.06em;text-transform:uppercase;color:var(--ping-strong);font-size:.72rem;font-weight:800}.history-row.is-new-day:first-child .history-day{margin-top:0}.history-main{align-items:center;gap:var(--space-2);border-bottom:1px dashed color-mix(in srgb, var(--ping-accent) 35%, transparent);grid-template-columns:34px 1fr auto;padding:4px 0;display:grid}.history-main .blood-drop{justify-self:center}.history-time{font-variant-numeric:tabular-nums;font-weight:700}.history-text{color:var(--muted);margin-left:.6em;font-weight:600}.history-mark,.strip-mark{place-items:center;display:inline-grid}.history-mark{justify-self:center}.history-delete{width:34px;height:34px}.history-more{width:100%;margin-top:var(--space-2)}.reminder-toggle{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-weight:600;display:flex}.reminder-toggle input{width:20px;height:20px;accent-color:var(--accent)}.drop-eyes{transform-box:view-box;transform-origin:20px 30px;animation:drop-blink var(--blink-period,4s) ease-in-out var(--blink-delay,0s) infinite}@keyframes drop-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}98%{transform:scaleY(1)}}.drop-gaze{transform:translate(calc(var(--gaze-x,0) * 1.3px), calc(var(--gaze-y,0) * 1.1px));transition:transform .15s ease-out}.ping-page>:where(:not(.undo-toast):not(.look-backdrop):not(.look-fx)){transition:opacity .55s ease-out,transform .55s cubic-bezier(.2,1.1,.4,1)}.ping-page[data-enter]>:where(:not(.undo-toast):not(.look-backdrop):not(.look-fx)){opacity:0;transform:translateY(18px)}.ping-page>:where(:first-child){transition-delay:0s}.ping-page>:where(:nth-child(2)){transition-delay:90ms}.ping-page>:where(:nth-child(3)){transition-delay:.18s}.ping-page>:where(:nth-child(4)){transition-delay:.27s}.ping-page>:where(:nth-child(5)){transition-delay:.36s}.ping-page>:where(:nth-child(6)){transition-delay:.45s}.ping-page>:where(:nth-child(7)){transition-delay:.54s}.ping-page>:where(:nth-child(8)){transition-delay:.63s}.undo-toast-drop{flex:none;margin:-6px -8px -6px -4px;animation:.5s cubic-bezier(.3,1.6,.5,1) .15s backwards toast-peek}.undo-toast{animation:.55s cubic-bezier(.3,1.5,.5,1) toast-bounce}@keyframes toast-bounce{0%{opacity:0;transform:translate(-50%,60px)scale(.8)}60%{opacity:1;transform:translate(-50%,-8px)scale(1.04)}to{transform:translate(-50%)scale(1)}}@keyframes toast-peek{0%{opacity:0;transform:translate(-40px)rotate(-60deg)}to{opacity:1;transform:translate(0)rotate(0)}}@media (width>=581px){.users-page .invite-row>.btn{flex:none}.profile-since{text-align:right;flex-basis:auto}.look-options{grid-template-columns:repeat(3,minmax(0,1fr))}.look-option{flex-direction:column;align-items:stretch}.look-swatch{flex:none}}@media (width>=750px){.profile-grid{grid-template-columns:1fr 1fr}.profile-grid:has(>.card:only-child){grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}