.admin-invites-page{display:flex;flex-direction:column;gap:32px;max-width:720px;margin:0 auto;padding:32px 16px 48px}.admin-invites-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.admin-invites-title{font-size:1.5rem;font-weight:800;color:var(--text);margin:0 0 8px}.admin-invites-subtitle{font-size:.9rem;color:var(--text-dim);margin:0;line-height:1.4}.admin-invites-back{font-size:.85rem;padding:8px 16px;white-space:nowrap}.admin-invites-loading{color:var(--text-dim);font-size:.9rem}.admin-invites-section{display:flex;flex-direction:column;gap:20px;padding:24px;background:#ffffff05;border:1px solid var(--accent2);border-radius:12px}.admin-invites-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-invites-section-title{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 6px}.admin-invites-section-help{font-size:.8rem;color:var(--text-dim);margin:0;line-height:1.4}.admin-invites-tabs{display:flex;gap:8px;border-bottom:1px solid var(--accent2);padding-bottom:2px;margin-bottom:16px}.admin-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;margin-bottom:-3px;transition:color .15s,border-color .15s}.admin-tab:hover{color:var(--text)}.admin-tab--active{color:var(--text);border-bottom-color:var(--accent)}.admin-invites-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:0}.admin-invites-empty{color:var(--text-dim);font-size:.9rem;padding:24px 0;text-align:center}.admin-invite-row{background:var(--surface);border:1px solid var(--accent2);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}.admin-invite-row:hover{border-color:var(--accent2, rgba(255, 255, 255, .2))}.admin-invite-row__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.85rem}.admin-invite-row__status{font-size:1.1rem}.admin-invite-row__date{color:var(--text-dim);font-size:.82rem}.admin-invite-row__space{color:var(--accent);font-size:.82rem;font-weight:500}.admin-invite-row__token{font-family:ui-monospace,Cascadia Code,monospace;font-size:.75rem;color:var(--text-dim);word-break:break-all;background:#ffffff0a;border:1px solid var(--accent2);border-radius:6px;padding:10px 12px;line-height:1.4}.admin-invite-row__actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}.btn-sm{font-size:.8rem;padding:6px 14px}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:420px}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--accent2);border-radius:10px;padding:14px 16px;font-size:.9rem;line-height:1.4;color:var(--text);box-shadow:0 4px 16px #0000004d;pointer-events:auto;animation:toastIn .3s ease-out;opacity:0;transform:translate(420px);transition:opacity .3s ease,transform .3s ease}.toast--visible{opacity:1;transform:translate(0)}.toast--success{border-color:#22c55e66;background:#22c55e14}.toast--success .toast-message{color:var(--green)}.toast--error{border-color:#e9456066;background:#e9456014}.toast--error .toast-message{color:var(--accent)}.toast-content{flex:1}.toast-message{margin:0;white-space:pre-line;word-break:break-word}.toast-close{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:1.4rem;line-height:1;padding:0;min-width:24px;text-align:center;transition:color .2s;flex-shrink:0}.toast-close:hover{color:var(--text)}@keyframes toastIn{0%{opacity:0;transform:translate(420px)}to{opacity:1;transform:translate(0)}}.admin-login-wrapper,.admin-wrapper{min-height:100vh;background:var(--color-bg, #1a1a1a);color:var(--color-text, #fff)}.admin-login-wrapper{display:flex;align-items:center;justify-content:center;padding:1rem}.admin-login-card{background:var(--color-surface, #242424);border:1px solid var(--color-border, #333);border-radius:1rem;padding:2.5rem 2rem;width:100%;max-width:360px;text-align:center;display:flex;flex-direction:column;gap:1rem}.admin-login-logo{font-size:2.5rem}.admin-login-title{font-size:1.75rem;font-weight:700;margin:0}.admin-login-subtitle{color:var(--color-muted, #888);margin:0;font-size:.9rem}.admin-login-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.admin-input{background:var(--color-input-bg, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:.5rem;color:var(--color-text, #fff);font-size:1rem;padding:.75rem 1rem;width:100%;box-sizing:border-box;transition:border-color .2s}.admin-input:focus{outline:none;border-color:var(--color-accent, #e63946)}.admin-btn{background:var(--color-accent, #e63946);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:opacity .2s}.admin-btn:hover:not(:disabled){opacity:.85}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-secondary{background:transparent;border:1px solid var(--color-border, #333);border-radius:.5rem;color:var(--color-muted, #888);cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .2s}.admin-btn-secondary:hover{border-color:var(--color-text, #fff);color:var(--color-text, #fff)}.admin-error{color:var(--color-accent, #e63946);font-size:.85rem;margin:0}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border, #333)}.admin-header-left{display:flex;align-items:center;gap:.5rem}.admin-logo{font-size:1.5rem}.admin-title{font-size:1.25rem;font-weight:700;margin:0}.admin-logout-btn{background:transparent;border:1px solid var(--color-border, #333);border-radius:.5rem;color:var(--color-muted, #888);cursor:pointer;font-size:.85rem;padding:.4rem .75rem}.admin-logout-btn:hover{border-color:var(--color-accent, #e63946);color:var(--color-accent, #e63946)}.admin-nav-link{color:var(--color-accent, #e63946);text-decoration:none;font-size:.9rem;font-weight:500;padding:.4rem .75rem;border-radius:.5rem;transition:background-color .2s}.admin-nav-link:hover{background-color:#e639461a}.admin-section-actions{display:flex;align-items:center;gap:.75rem}.admin-main{max-width:760px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.admin-section h2{margin:0;font-size:1.1rem;color:var(--color-muted, #888);text-transform:uppercase;letter-spacing:.05em}.admin-add-btn{background:var(--color-accent, #e63946);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.admin-empty{color:var(--color-muted, #888);font-size:.9rem}.spaces-list{display:flex;flex-direction:column;gap:.75rem}.space-card{background:var(--color-surface, #242424);border:1px solid var(--color-border, #333);border-radius:.75rem;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.space-card-info{display:flex;flex-direction:column;gap:.25rem}.space-slug{font-size:.8rem;color:var(--color-accent, #e63946);background:transparent}.space-label{font-size:.8rem;color:var(--color-muted, #888)}.space-flags{font-size:.75rem;color:var(--color-muted, #888)}.space-card-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-edit,.btn-delete{border:1px solid var(--color-border, #333);border-radius:.4rem;cursor:pointer;font-size:.8rem;padding:.35rem .65rem;background:transparent;color:var(--color-text, #fff)}.btn-delete{color:var(--color-accent, #e63946);border-color:var(--color-accent, #e63946)}.space-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group--row{flex-direction:row;gap:1.5rem;align-items:center}.toggle-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--color-text, #fff);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{accent-color:var(--color-accent, #e63946);width:1rem;height:1rem;cursor:pointer}.form-group label{font-size:.85rem;color:var(--color-muted, #888)}.form-hint{font-size:.75rem;color:var(--color-muted, #888)}.form-hint code{color:var(--color-accent, #e63946)}.form-actions{display:flex;gap:.75rem;margin-top:.5rem}.error-wrapper{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2rem 1.5rem;background:var(--color-bg, #0f0f0f);color:var(--color-text, #f5f5f5);font-family:var(--font-main, system-ui, sans-serif);text-align:center}.error-header{width:100%;padding-bottom:1rem}.error-logo{font-size:2rem;line-height:1}.error-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;max-width:480px;width:100%}.error-icon{font-size:4.5rem;line-height:1;animation:error-pulse 2.4s ease-in-out infinite}@keyframes error-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.error-title{margin:0;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;letter-spacing:-.02em;color:var(--color-text, #f5f5f5)}.error-message{margin:0;font-size:1rem;line-height:1.6;color:var(--color-muted, #888);max-width:36ch}.error-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}.error-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.5rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;border:2px solid transparent;transition:opacity .15s ease,transform .1s ease}.error-btn:active{transform:scale(.97)}.error-btn--primary{background:var(--color-accent, #e05252);color:#fff}.error-btn--primary:hover{opacity:.88}.error-btn--secondary{background:transparent;border-color:var(--color-muted, #888);color:var(--color-text, #f5f5f5)}.error-btn--secondary:hover{border-color:var(--color-text, #f5f5f5)}.error-footer{font-size:.8rem;color:var(--color-muted, #888);padding-top:1rem}:root{--fc-fs: clamp(3.6rem, 14vw, 6.5rem);--fc-half: clamp(42px, 9vw, 80px);--fc-w: clamp(58px, 12vw, 108px);--fc-radius: clamp(8px, 1.5vw, 14px);--fc-gap: clamp(4px, 1.2vw, 10px);--fc-sep-gap: clamp(2px, .6vw, 6px);--fc-bg-top: #2c2c2e;--fc-bg-bot: #1c1c1e;--fc-text: #f5f5f5;--fc-fold-line: rgba(0, 0, 0, .55);--fc-sep-color: #e94560}.flip-clock{perspective:800px;display:flex;align-items:center;justify-content:center;gap:var(--fc-gap);user-select:none;-webkit-user-select:none}.flip-clock__piece{display:block;flex-shrink:0}.flip-clock__sep{font-size:calc(var(--fc-fs) * .85);font-family:SF Pro Display,Helvetica Neue,Arial,sans-serif;font-weight:900;color:var(--fc-sep-color);height:calc(var(--fc-half) * 2);display:flex;align-items:center;padding:0 var(--fc-sep-gap);animation:fc-blink 1s step-end infinite;line-height:1;letter-spacing:-.05em}@keyframes fc-blink{50%{opacity:.15}}.flip-card{display:block;position:relative;height:calc(var(--fc-half) * 2 + 3px);width:var(--fc-w);font-size:var(--fc-fs);font-family:SF Pro Display,Helvetica Neue,Arial,sans-serif;font-weight:900;letter-spacing:-.04em;border-radius:var(--fc-radius);filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}.flip-card__top,.flip-card__bottom,.flip-card__back-bottom,.flip-card__back:before,.flip-card__back:after{display:block;height:var(--fc-half);width:var(--fc-w);color:var(--fc-text);text-align:center;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;line-height:calc(var(--fc-half) * 2)}.flip-card__top{border-radius:var(--fc-radius) var(--fc-radius) 0 0;background:var(--fc-bg-top);border-bottom:2px solid var(--fc-fold-line);background:linear-gradient(175deg,#3a3a3c,#2c2c2e)}.flip-card__bottom,.flip-card__back-bottom{position:absolute;top:calc(var(--fc-half) + 3px);left:0;border-top:2px solid var(--fc-fold-line);background:linear-gradient(175deg,#242426,#1c1c1e);border-radius:0 0 var(--fc-radius) var(--fc-radius);pointer-events:none;z-index:2}.flip-card__back-bottom{z-index:1}.flip-card__bottom:after,.flip-card__back-bottom:after{display:block;margin-top:calc(var(--fc-half) * -1)}.flip-card__back:before,.flip-card__bottom:after,.flip-card__back-bottom:after{content:attr(data-value)}.flip-card__back{position:absolute;top:0;left:0;height:100%;pointer-events:none}.flip-card__back:before{border-radius:var(--fc-radius) var(--fc-radius) 0 0;background:linear-gradient(175deg,#3a3a3c,#2c2c2e);position:relative;overflow:hidden;z-index:-1;border-bottom:2px solid var(--fc-fold-line)}.flip .flip-card__back:before{z-index:1;animation:flipTop .28s cubic-bezier(.37,.01,.94,.35) both;transform-origin:center bottom}.flip .flip-card__bottom{transform-origin:center top;animation:flipBottom .52s cubic-bezier(.15,.45,.28,1) both}@keyframes flipTop{0%{transform:rotateX(0);z-index:2;opacity:1}99%{opacity:1}to{transform:rotateX(-90deg);opacity:0}}@keyframes flipBottom{0%,50%{z-index:-1;transform:rotateX(90deg);opacity:0}51%{opacity:1}to{opacity:1;transform:rotateX(0);z-index:5}}.fc--member{--fc-fs: clamp(4.5rem, 20vw, 9rem);--fc-half: clamp(56px, 14vw, 108px);--fc-w: clamp(72px, 18vw, 144px)}.gate-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg, #1a1a1a);padding:1rem}.gate-card{background:var(--color-surface, #242424);border:1px solid var(--color-border, #333);border-radius:1rem;padding:2.5rem 2rem;width:100%;max-width:360px;text-align:center;display:flex;flex-direction:column;gap:1rem}.gate-icon{font-size:2.5rem}.gate-title{font-size:1.5rem;font-weight:700;color:var(--color-text, #fff);margin:0}.gate-subtitle{color:var(--color-muted, #888);margin:0;font-size:.9rem}.gate-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.gate-input{background:var(--color-input-bg, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:.5rem;color:var(--color-text, #fff);font-size:1rem;padding:.75rem 1rem;width:100%;box-sizing:border-box;transition:border-color .2s}.gate-input:focus{outline:none;border-color:var(--color-accent, #e63946)}.gate-btn{background:var(--color-accent, #e63946);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:opacity .2s}.gate-btn:hover:not(:disabled){opacity:.85}.gate-btn:disabled{opacity:.5;cursor:not-allowed}.gate-error{color:var(--color-accent, #e63946);font-size:.85rem;margin:0}.host-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:host-overlay-in .25s ease}@keyframes host-overlay-in{0%{opacity:0}to{opacity:1}}.host-modal-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 2rem 2rem;border-radius:1.5rem;max-width:340px;width:90%;text-align:center;box-shadow:0 16px 48px #00000059;animation:host-card-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes host-card-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.host-modal--coming{background:linear-gradient(135deg,#d4f5e9,#a8e6cf);border:3px solid #52c77a;color:#1a4731}.host-modal--soon{background:linear-gradient(135deg,#fff3cd,#ffe082);border:3px solid #f5a623;color:#5a3e00}.host-modal-icon{font-size:4rem;line-height:1;animation:host-icon-bounce .6s ease .1s both}@keyframes host-icon-bounce{0%{transform:translateY(0)}40%{transform:translateY(-12px)}70%{transform:translateY(-4px)}to{transform:translateY(0)}}.host-modal-title{font-size:1.6rem;font-weight:800;line-height:1.2}.host-modal-msg{font-size:1.1rem;opacity:.85;line-height:1.5}.host-modal-close{margin-top:.5rem;padding:.6rem 2rem;font-size:1rem;font-weight:700;border:none;border-radius:999px;cursor:pointer;background:#00000026;color:inherit;transition:background .15s}.host-modal-close:hover{background:#00000040}.invite-card{display:flex;flex-direction:column;align-items:center;gap:20px;background:var(--surface);border:1px solid var(--accent2);border-radius:20px;padding:48px 36px;max-width:480px;width:100%;margin:0 auto;text-align:center}.invite-card--error{border-color:var(--accent)}.invite-card--success{border-color:var(--green)}.invite-icon{font-size:3.2rem;line-height:1}.invite-title{font-size:1.4rem;font-weight:800;color:var(--text);line-height:1.25}.invite-hint{font-size:.88rem;color:var(--text-dim);max-width:320px;line-height:1.5}.invite-back{margin-top:8px;font-size:.9rem}.invite-form{width:100%;display:flex;flex-direction:column;gap:32px;text-align:left}.invite-form-section{display:flex;flex-direction:column;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--accent2)}.invite-form-section:last-of-type{border-bottom:none;padding-bottom:0}.invite-section-title{font-size:.9rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;opacity:.7}.invite-field{display:flex;flex-direction:column;gap:8px}.invite-field label{font-size:.95rem;font-weight:600;color:var(--text);letter-spacing:normal}.invite-field-help{font-size:.8rem;color:var(--text-dim);margin:0;line-height:1.4}.invite-slug-row{display:flex;align-items:center;background:var(--bg);border:1px solid var(--accent2);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.invite-slug-row:focus-within{border-color:var(--accent)}.invite-slug-prefix{padding:0 4px 0 12px;font-size:.85rem;color:var(--text-dim);white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.invite-slug-row .task-input{border:none;border-radius:0;padding-left:4px}.invite-field-hint{font-size:.75rem;min-height:1.1em;transition:color .2s}.invite-field-hint--ok{color:var(--green)}.invite-field-hint--error{color:var(--accent)}.invite-field-hint--checking{color:var(--text-dim)}.invite-field-hint--idle{color:transparent}.invite-submit{width:100%;margin-top:8px;padding:14px;font-size:1rem}.invite-error{font-size:.85rem;color:var(--accent);text-align:center;padding:8px 12px;background:#e945601a;border:1px solid rgba(233,69,96,.25);border-radius:var(--radius)}.invite-spinner{width:40px;height:40px;border:3px solid var(--accent2);border-top-color:var(--accent);border-radius:50%;animation:invite-spin .7s linear infinite}@keyframes invite-spin{to{transform:rotate(360deg)}}.landing-wrapper{display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 0 60px;width:100%}.landing-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.landing-logo{font-size:3rem;line-height:1}.landing-title{font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.landing-tagline{font-size:.95rem;color:var(--text-dim);max-width:28ch;text-align:center;line-height:1.5}.landing-demo{width:100%;display:flex;justify-content:center}.landing-clock{display:flex;flex-direction:column;align-items:center;gap:12px}.flip-demo{display:flex;align-items:center;gap:6px}.flip-group{display:flex;gap:4px}.flip-digit{display:flex;align-items:center;justify-content:center;width:52px;height:72px;background:var(--surface);border-radius:10px;font-size:2.6rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;border:1px solid rgba(255,255,255,.06)}.flip-sep{font-size:2.6rem;font-weight:700;color:var(--text-dim);line-height:1;margin-bottom:4px}.landing-mode{font-size:.75rem;letter-spacing:.15em;color:var(--text-dim);text-transform:uppercase}.landing-features{display:flex;flex-direction:column;gap:16px;width:100%}.landing-feature{display:flex;align-items:flex-start;gap:14px;background:var(--surface);border-radius:var(--radius);padding:16px;border:1px solid rgba(255,255,255,.05)}.feature-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.landing-feature h3{font-size:.95rem;font-weight:700;margin-bottom:4px;color:var(--text)}.landing-feature p{font-size:.82rem;color:var(--text-dim);line-height:1.5}.landing-actions{display:flex;flex-direction:column;gap:20px;width:100%}.landing-last-space{display:flex;flex-direction:column;gap:8px}.landing-last-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.landing-last-btn{display:flex;align-items:center;gap:10px;background:var(--accent2);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:14px 18px;color:var(--text);text-decoration:none;font-size:.95rem;transition:opacity .15s,transform .1s}.landing-last-btn:hover{opacity:.85}.landing-last-btn:active{transform:scale(.98)}.landing-last-icon{font-size:1.2rem;flex-shrink:0}.landing-last-arrow{margin-left:auto;color:var(--text-dim)}.landing-input-group{display:flex;flex-direction:column;gap:8px}.landing-input-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.landing-input-row{display:flex;align-items:center;background:var(--surface);border:1px solid var(--accent2);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.landing-input-row:focus-within{border-color:var(--accent)}.landing-input-prefix{padding:0 4px 0 14px;font-size:.9rem;color:var(--text-dim);white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.landing-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:.95rem;padding:13px 10px;min-width:0}.landing-input::placeholder{color:var(--text-dim);opacity:.5}.landing-go-btn{background:var(--accent);border:none;color:#fff;font-size:1.1rem;font-weight:700;padding:0 18px;height:100%;cursor:pointer;transition:opacity .15s;flex-shrink:0;align-self:stretch;display:flex;align-items:center}.landing-go-btn:hover{opacity:.85}.landing-input-error{font-size:.8rem;color:var(--accent);padding:0 2px}.landing-divider{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:.8rem}.landing-divider:before,.landing-divider:after{content:"";flex:1;height:1px;background:var(--accent2)}.landing-footer{text-align:center;color:var(--text-dim);font-size:.82rem;line-height:1.7}.landing-hint code{background:var(--surface);padding:2px 8px;border-radius:6px;font-size:.8rem}.invite-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 0;text-align:center}.invite-icon{font-size:3.5rem}.invite-title{font-size:1.6rem;font-weight:800;color:var(--text)}.invite-subtitle{font-size:.9rem;color:var(--text-dim)}.invite-subtitle code{background:var(--surface);padding:2px 8px;border-radius:6px;word-break:break-all}.invite-coming{font-size:.85rem;color:var(--text-dim)}.invite-back{margin-top:8px;color:var(--accent);text-decoration:none;font-size:.9rem;font-weight:600}.invite-back:hover{text-decoration:underline}:root{--bg: #0f0f1a;--surface: #1c1c2e;--accent: #e94560;--accent2: #0f3460;--text: #f0f0f0;--text-dim: #7a7d96;--green: #22c55e;--yellow: #eab308;--radius: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;min-height:100dvh;display:flex;align-items:center;justify-content:center}#app{width:100%;max-width:480px;padding:0 16px}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.3rem;padding:4px 6px;opacity:.5;transition:opacity .2s,transform .25s;line-height:1;flex-shrink:0}.btn-icon:hover{opacity:1;transform:rotate(25deg)}.btn{border:none;border-radius:var(--radius);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 22px;transition:opacity .15s,transform .1s;white-space:nowrap}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--accent2);color:#fff}.btn-success{background:#15532e;border:1px solid var(--green);color:var(--green)}.btn-danger{background:#2d0a0a;border:1px solid var(--accent);color:var(--accent)}.btn-extend{background:#1a1400;border:1px solid var(--yellow);color:var(--yellow)}.btn-skip-break{background:#0d1a2e;border:1px solid #3b82f6;color:#3b82f6}.btn-urgent{background:var(--accent);color:#fff;font-size:.9rem;font-weight:700;padding:10px 14px;border-radius:var(--radius);flex-shrink:0;border:none;cursor:pointer}.btn-urgent:active{transform:scale(.96)}.host-layout{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0}.host-top-bar{width:100%;display:flex;align-items:center;justify-content:center;position:relative;min-height:32px}.host-top-bar .host-top-bar-icons{position:absolute;right:0;display:flex;align-items:center;gap:2px}.host-top-bar #btn-ss,.host-top-bar #btn-config{position:absolute}.host-top-bar #btn-config{right:0}.host-top-bar #btn-ss{right:36px}.host-overlay{display:none}.cycle-indicator{display:flex;gap:8px;align-items:center}.cycle-dot{font-size:1.1rem;opacity:.2;transition:opacity .35s}.cycle-dot.done{opacity:1}.clock-area{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.status-label{font-size:.82rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;min-height:1.2em;margin-top:-4px}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.urgent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:backdrop-in .2s ease both}.urgent-card{display:flex;flex-direction:column;align-items:center;gap:24px;background:var(--surface);border:2px solid var(--accent);border-radius:20px;padding:44px 52px;text-align:center;box-shadow:0 0 60px #e9456073;animation:card-pop .3s cubic-bezier(.34,1.56,.64,1) both;max-width:360px;width:90%}@keyframes card-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.urgent-icon{font-size:4rem;animation:ub-pulse .7s ease-in-out infinite alternate}.urgent-msg{font-size:1.8rem;font-weight:800;line-height:1.2;color:var(--text)}.urgent-actions{display:flex;flex-direction:column;gap:12px;width:100%}.urgent-btn{border:none;border-radius:var(--radius);font-size:1.05rem;font-weight:700;padding:15px 24px;cursor:pointer;transition:transform .1s;width:100%}.urgent-btn:active{transform:scale(.96)}.urgent-btn--go{background:var(--accent);color:#fff}.urgent-btn--later{background:var(--accent2);color:var(--text-dim)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:backdrop-in .2s ease both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:480px;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;border-top:1px solid var(--accent2);padding-bottom:env(safe-area-inset-bottom,0px);animation:modal-up .25s cubic-bezier(.22,1,.36,1) both;max-height:90dvh;overflow-y:auto}@keyframes modal-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;font-size:1rem;font-weight:700;border-bottom:1px solid var(--accent2);position:sticky;top:0;background:var(--surface)}.modal-body{display:flex;flex-direction:column;gap:18px;padding:20px}.modal-divider{border:none;border-top:1px solid var(--accent2);margin:0}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--accent2);gap:8px}.modal-version{font-size:.75rem;color:var(--text-dim);font-weight:600;letter-spacing:.03em}.modal-version-detail{font-size:.72rem;color:var(--text-dim);opacity:.6}.modal-version-detail code{font-family:Courier New,monospace;background:#ffffff0f;padding:1px 5px;border-radius:4px;font-size:.7rem}.config-row{display:flex;flex-direction:column;gap:8px}.config-row label{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.config-opts{display:flex;gap:8px;flex-wrap:wrap}.cfg-btn{background:var(--bg);border:1px solid var(--accent2);border-radius:99px;color:var(--text-dim);cursor:pointer;font-size:.85rem;padding:6px 16px;transition:all .15s}.cfg-btn:hover{border-color:var(--accent);color:var(--text)}.cfg-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.task-input{width:100%;background:var(--bg);border:1px solid var(--accent2);border-radius:var(--radius);color:var(--text);font-size:1rem;padding:10px 14px;outline:none;transition:border-color .2s}.task-input:focus{border-color:var(--accent)}.config-info{font-size:.78rem;color:var(--text-dim);padding-top:6px;border-top:1px solid var(--accent2)}.member-layout{min-height:100dvh;width:100vw;margin-left:calc(-50vw + 50%);display:flex;flex-direction:column;align-items:stretch;transition:background .6s ease}#clock-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:6px 16px}.member-bottom-bar{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.member-centre{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.member-status-row{display:flex;align-items:center;gap:6px;max-width:100%}.member-emoji{font-size:1.4rem;line-height:1;flex-shrink:0}.member-status{font-size:.9rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-cycle-bar{display:flex;justify-content:center;gap:5px}.member-cycle-bar .cycle-dot{font-size:.9rem}.theme-idle{background:#0f0f1a}.theme-work{background:#1e0606}.theme-paused{background:#1e1800}.theme-break{background:#061806}.theme-done{background:#051218}#sw-update-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9998;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;gap:12px;font-size:.9rem;box-shadow:0 4px 20px #00000080;animation:toast-drop .3s cubic-bezier(.22,1,.36,1) both;white-space:nowrap}@keyframes toast-drop{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#sw-update-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:700;cursor:pointer}.version-toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) translateY(12px);z-index:9999;background:#1c1c2ef2;border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:8px 20px;font-size:.82rem;color:var(--text-dim);white-space:nowrap;box-shadow:0 8px 32px #00000080;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}.version-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.version-toast code{font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem;color:var(--text);background:#ffffff14;padding:1px 6px;border-radius:4px}.rotate-prompt{display:none}html:not(.orientation-ok) .rotate-prompt{display:flex}html:not(.orientation-ok) #app{visibility:hidden}.rotate-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:var(--color-bg, #1a1a2e);color:var(--color-text, #e0e0e0);text-align:center;padding:2rem;font-family:inherit}.rotate-prompt__icon{font-size:4rem;animation:rotate-hint 2s ease-in-out infinite}@keyframes rotate-hint{0%,to{transform:rotate(0)}40%{transform:rotate(-90deg)}60%{transform:rotate(-90deg)}}.rotate-prompt__title{font-size:1.25rem;font-weight:600;margin:0}.rotate-prompt__subtitle{font-size:.9rem;opacity:.6;margin:0}#pwa-install-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:stretch;background:var(--accent);border-top:1px solid rgba(255,255,255,.15);box-shadow:0 -4px 24px #e9456066;animation:pwa-slide-up .35s cubic-bezier(.22,1,.36,1) both;padding-bottom:env(safe-area-inset-bottom,0px)}#pwa-install-btn{flex:1;background:none;border:none;color:#fff;font-size:1rem;font-weight:700;padding:16px 20px;cursor:pointer;text-align:left;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pwa-install-btn:active{opacity:.85}#pwa-install-dismiss{background:none;border:none;border-left:1px solid rgba(255,255,255,.2);color:#fffc;font-size:1.1rem;padding:0 20px;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}#pwa-install-dismiss:hover{background:#00000026;color:#fff}@keyframes pwa-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:backdrop-in .2s ease both}.settings-panel{width:100%;max-width:640px;background:var(--surface);border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #000000b3;display:flex;flex-direction:column;max-height:90dvh;overflow:hidden;animation:card-pop .28s cubic-bezier(.34,1.56,.64,1) both}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 16px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.settings-title{font-size:1.1rem;font-weight:700;margin:0}.settings-close{background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:1.2rem;padding:4px 8px;border-radius:8px;transition:color .15s,background .15s}.settings-close:hover{color:var(--text);background:#ffffff14}.settings-tabs{display:flex;gap:2px;padding:12px 20px 0;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:.85rem;font-weight:600;padding:8px 14px;border-radius:8px 8px 0 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--text);border-bottom-color:var(--accent)}.settings-body{overflow-y:auto;flex:1}.settings-tab-panel{display:none;padding:24px 28px 28px}.settings-tab-panel.active{display:block}.settings-form{display:flex;flex-direction:column;gap:20px}.sf-group{display:flex;flex-direction:column;gap:8px}.sf-group>label{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.sf-group--toggle{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.sf-group--toggle>label:first-child{text-transform:none;font-size:.95rem;color:var(--text)}.sf-label-group{display:flex;flex-direction:column;gap:4px}.sf-hint{font-size:.78rem;color:var(--text-dim)}.sf-input-row{display:flex;align-items:center;gap:10px}.sf-input{width:80px;background:var(--bg);border:1px solid var(--accent2);border-radius:var(--radius);color:var(--text);font-size:1rem;padding:8px 12px;outline:none;transition:border-color .2s;-moz-appearance:textfield}.sf-input:focus{border-color:var(--accent)}.sf-input::-webkit-inner-spin-button,.sf-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sf-input--full{width:100%;box-sizing:border-box}.sf-unit{font-size:.85rem;color:var(--text-dim);min-width:2.5ch}.sf-range{flex:1;accent-color:var(--accent);height:4px;cursor:pointer}.sf-select{flex:1;background:var(--bg);border:1px solid var(--accent2);border-radius:var(--radius);color:var(--text);font-size:.9rem;padding:8px 12px;outline:none;cursor:pointer;transition:border-color .2s}.sf-select:focus{border-color:var(--accent)}.sf-btn-preview{background:var(--accent2);border:none;border-radius:var(--radius);color:var(--text);font-size:.82rem;font-weight:600;padding:8px 14px;cursor:pointer;transition:opacity .15s;white-space:nowrap}.sf-btn-preview:hover{opacity:.8}.sf-actions{display:flex;gap:10px;margin-top:4px}.sf-btn-save{background:var(--accent);border:none;border-radius:var(--radius);color:#fff;font-size:.95rem;font-weight:700;padding:10px 28px;cursor:pointer;transition:opacity .15s}.sf-btn-save:hover{opacity:.85}.sf-btn-reset{background:none;border:1px solid var(--accent2);border-radius:var(--radius);color:var(--text-dim);font-size:.88rem;font-weight:600;padding:10px 18px;cursor:pointer;transition:all .15s}.sf-btn-reset:hover{border-color:var(--text-dim);color:var(--text)}.sf-saved{font-size:.85rem;color:var(--green);margin:0}.sf-error{font-size:.85rem;color:var(--red, #f87171);margin:0}.sf-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin:4px 0}.sf-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.sf-toggle input{opacity:0;width:0;height:0}.sf-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent2);border-radius:99px;cursor:pointer;transition:background .2s}.sf-toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.sf-toggle input:checked+.sf-toggle-slider{background:var(--accent)}.sf-toggle input:checked+.sf-toggle-slider:before{transform:translate(22px)}.sf-toggle input:disabled+.sf-toggle-slider{opacity:.4;cursor:not-allowed}.about-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0 8px;text-align:center}.about-logo{font-size:3.5rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.about-name{font-size:1.15rem;font-weight:700;margin:0;color:var(--text)}.about-meta{width:100%;display:flex;flex-direction:column;gap:2px;margin-top:8px;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}.about-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.about-row:last-child{border-bottom:none}.about-label{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.about-value{font-family:ui-monospace,Cascadia Code,monospace;font-size:.85rem;color:var(--text);background:#ffffff0f;padding:2px 8px;border-radius:6px}.ss-pill{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 14px 8px 10px;cursor:pointer;color:var(--text);font-size:.82rem;font-weight:600;box-shadow:0 4px 20px #00000059;transition:transform .15s,opacity .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;white-space:nowrap;flex-shrink:0}.ss-pill:hover{opacity:.88;box-shadow:0 6px 24px #00000073}.ss-pill:active{transform:translate(-50%) scale(.96)}.member-bottom-bar .ss-pill{position:static;transform:none;bottom:auto;left:auto;box-shadow:none;z-index:auto;padding:7px 12px 7px 9px;font-size:.78rem}.member-bottom-bar .ss-pill:active{transform:scale(.96)}.ss-pill--active .ss-pill-chevron{transform:rotate(180deg)}.ss-pill-icon{font-size:.95rem;flex-shrink:0}.ss-pill-slug{color:var(--text);max-width:80px;overflow:hidden;text-overflow:ellipsis}.ss-pill-role{color:var(--text-dim);font-size:.68rem;font-weight:400;padding:2px 6px;background:#ffffff12;border-radius:999px}.ss-pill-chevron{color:var(--text-dim);font-size:.7rem;transition:transform .25s;display:inline-block}.ss-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0000;transition:background .28s ease;display:flex;flex-direction:column;justify-content:flex-end}.ss-overlay--open{background:#0000008c}.ss-sheet{background:var(--bg);border-top:1px solid rgba(255,255,255,.08);border-radius:20px 20px 0 0;padding:12px 20px 32px;display:flex;flex-direction:column;gap:16px;transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);position:relative}.ss-sheet--open{transform:translateY(0)}.ss-handle{width:36px;height:4px;background:#ffffff2e;border-radius:99px;margin:0 auto 4px;flex-shrink:0}.ss-current{display:flex;align-items:center;gap:12px}.ss-current-icon{font-size:1.8rem;flex-shrink:0}.ss-current-info{display:flex;flex-direction:column;gap:2px}.ss-current-slug{font-size:1rem;font-weight:700;color:var(--text)}.ss-current-role{font-size:.75rem;color:var(--text-dim);text-transform:capitalize;letter-spacing:.05em}.ss-divider{height:1px;background:#ffffff12;margin:0 -4px}.ss-nav{display:flex;flex-direction:column;gap:4px}.ss-nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.9rem;text-decoration:none;border:none;cursor:pointer;width:100%;text-align:left;transition:opacity .15s}.ss-nav-item:hover{opacity:.8}.ss-nav-item--danger{color:#f87171}.ss-nav-icon{font-size:1.1rem;flex-shrink:0}.ss-nav-arrow{margin-left:auto;color:var(--text-dim);font-size:.85rem}.ss-goto{display:flex;flex-direction:column;gap:8px}.ss-goto-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.ss-goto-row{display:flex;align-items:center;background:var(--surface);border:1px solid var(--accent2);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.ss-goto-row:focus-within{border-color:var(--accent)}.ss-goto-prefix{padding:0 4px 0 14px;font-size:.85rem;color:var(--text-dim);white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.ss-goto-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:.9rem;padding:12px 8px;min-width:0}.ss-goto-input::placeholder{color:var(--text-dim);opacity:.45}.ss-goto-btn{background:var(--accent);border:none;color:#fff;font-size:1rem;font-weight:700;padding:0 16px;cursor:pointer;align-self:stretch;display:flex;align-items:center;transition:opacity .15s}.ss-goto-btn:hover{opacity:.85}.ss-close{position:absolute;top:16px;right:18px;background:#ffffff12;border:none;color:var(--text-dim);font-size:.85rem;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.ss-close:hover{background:#ffffff21}@supports (padding-bottom: env(safe-area-inset-bottom)){.ss-sheet{padding-bottom:calc(28px + env(safe-area-inset-bottom))}}