.pp-icon{flex:none;display:block}.pp-logo{display:block;flex:none}.pp-logo-disc{fill:var(--ink)}.pp-logo-card{fill:var(--pink-accent)}.pp-logo-pip{fill:var(--white)}.pp-rail{position:sticky;top:0;align-self:start;z-index:40;height:100vh;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0 24px;background:var(--pink-rail)}.pp-rail-logo{display:grid;place-items:center;margin-bottom:12px}.pp-rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:14px}.pp-rail-bottom{margin-top:auto}.pp-rail-item{width:76px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--ink)}.pp-rail-tile{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}.pp-rail-item:hover .pp-rail-tile{background:color-mix(in srgb,var(--white) 45%,transparent)}.pp-rail-item:active .pp-rail-tile{transform:scale(.94)}.pp-rail-item.is-active .pp-rail-tile{background:var(--ink);color:var(--white)}.pp-rail-label{font-size:var(--text-label);font-weight:var(--font-weight-strong);line-height:1.1;text-align:center}.pp-side{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:14px;padding:28px 16px 24px;overflow-y:auto;background:var(--cream);min-width:0}.pp-side-title{padding:0 4px;font-size:var(--text-title);font-weight:var(--font-weight-display);letter-spacing:-.02em}.pp-side-body{display:flex;flex-direction:column;gap:10px;min-width:0}.pp-side-footer{margin-top:auto;padding:0 4px;font-size:var(--text-small);color:var(--ink-soft)}.pp-side-row{position:relative;width:100%;min-height:52px;display:flex;align-items:center;gap:12px;padding:10px 14px;border:0;border-radius:var(--radius-row);background:var(--white);color:var(--ink);font-weight:var(--font-weight-strong);text-align:left;transition:background var(--dur-fast) ease,color var(--dur-fast) ease}button.pp-side-row:hover:not(.is-active){background:var(--pink-soft)}.pp-side-row.is-peeked{background:var(--pink-soft)}.pp-side-row.is-active{background:var(--ink);color:var(--white)}.pp-side-row.is-active:after{content:"";position:absolute;top:50%;right:-9px;transform:translateY(-50%);border-style:solid;border-width:9px 0 9px 9px;border-color:transparent transparent transparent var(--ink)}.pp-side-icon{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--cream);color:var(--ink)}.pp-side-row.is-active .pp-side-icon{background:color-mix(in srgb,var(--white) 16%,transparent);color:var(--white)}.pp-side-label{min-width:0;overflow-wrap:anywhere}.pp-hero{display:flex;flex-direction:column;gap:18px;padding:28px 30px 30px;border-radius:var(--radius-card);background:var(--pink-hero);min-width:0}.pp-hero-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.pp-hero-chips{display:flex;flex-wrap:wrap;gap:6px}.pp-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}.pp-hero-actions .pp-btn--secondary{background:var(--white)}.pp-hero-actions .pp-btn--secondary:hover:not(:disabled){background:var(--cream)}.pp-hero-title{max-width:20ch;font-size:var(--text-display);font-weight:var(--font-weight-display);line-height:.98;letter-spacing:-.035em;overflow-wrap:break-word}.pp-pill-chevron{width:26px;height:26px;margin-right:-6px;display:grid;place-items:center;border-radius:50%;background:var(--pink-accent);color:var(--ink)}.pp-card{min-width:0;display:flex;flex-direction:column;gap:16px;padding:20px 22px 22px;border-radius:var(--radius-card);background:var(--white);box-shadow:var(--shadow-card)}.pp-card-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.pp-card-title{font-size:1.05rem;font-weight:var(--font-weight-display);letter-spacing:-.01em;overflow-wrap:anywhere}.pp-card-tools{flex:none;display:flex;align-items:center;gap:8px}.pp-card-body{display:flex;flex-direction:column;gap:16px}.pp-round{flex:none;width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--pink-rail);color:var(--ink);transition:background var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}.pp-round:hover{background:var(--pink-accent)}.pp-round:active{transform:scale(.94)}.pp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px 16px}.pp-lv{min-width:0;display:flex;flex-direction:column;gap:4px}.pp-lv-label{font-size:var(--text-label);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.pp-lv-value{font-size:var(--text-body);font-weight:var(--font-weight-strong);overflow-wrap:anywhere}.pp-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:8px 10px 8px 18px;border-radius:var(--radius-pill);background:var(--cream);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 10%,transparent)}.pp-topbar-left,.pp-topbar-center,.pp-topbar-right{min-width:0;display:flex;align-items:center}.pp-topbar-left{gap:10px;flex-wrap:wrap}.pp-topbar-center{justify-content:center;gap:8px;flex-wrap:wrap}.pp-topbar-right{justify-content:flex-end;gap:10px;flex-wrap:wrap}.pp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1.5px solid transparent;border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1;white-space:nowrap}.pp-chip--dark{background:var(--ink);color:var(--white)}.pp-chip--green{background:var(--green);color:var(--white)}.pp-chip--blue{background:var(--blue);color:var(--white)}.pp-chip--teal{background:var(--teal);color:var(--white)}.pp-chip--outline{background:transparent;border-color:var(--ink);color:var(--ink)}.pp-chip--pink{background:var(--pink-accent);color:var(--ink)}.pp-btn{max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:var(--radius-pill);font-weight:var(--font-weight-strong);line-height:1.1;white-space:nowrap;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}.pp-btn:active:not(:disabled){transform:scale(.97)}.pp-btn:disabled{opacity:.45;cursor:not-allowed}.pp-btn--sm{padding:7px 13px;font-size:var(--text-small)}.pp-btn--md{padding:11px 20px;font-size:var(--text-body)}.pp-btn--lg{padding:15px 26px;font-size:var(--text-body);font-weight:800}.pp-btn--primary{background:var(--ink);color:var(--white)}.pp-btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 84%,var(--white))}.pp-btn--secondary{background:var(--sand);color:var(--ink)}.pp-btn--secondary:hover:not(:disabled){background:var(--cream-deep)}.pp-btn--ghost{background:transparent;border-color:var(--ink);color:var(--ink)}.pp-btn--ghost:hover:not(:disabled){background:var(--ink);color:var(--white)}.pp-btn--danger{background:var(--red);color:var(--white)}.pp-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--red) 86%,var(--ink))}.pp-toggle{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:0;border:0;background:none;color:var(--ink);font-weight:var(--font-weight-strong);text-align:left}.pp-toggle-track{position:relative;flex:none;width:46px;height:28px;border-radius:var(--radius-pill);background:var(--sand);transition:background var(--dur-fast) ease}.pp-toggle-knob{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-card);transition:transform var(--dur-med) var(--ease-spring)}.pp-toggle.is-on .pp-toggle-track{background:var(--green)}.pp-toggle.is-on .pp-toggle-knob{transform:translate(18px)}.pp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--ink) 38%,transparent);animation:fade-in var(--dur-med) var(--ease-out) both}.pp-modal{width:min(440px,100%);max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:var(--radius-card);background:var(--white);box-shadow:var(--shadow-lift);animation:fade-up var(--dur-med) var(--ease-out) both}.pp-modal:focus{outline:none}.pp-modal--wide{width:min(720px,100%)}.pp-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pp-modal-title{font-size:var(--text-title);font-weight:var(--font-weight-display);letter-spacing:-.02em}.pp-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.pp-modal p,.pp-muted{font-size:var(--text-small);color:var(--ink-soft)}.pp-form{display:flex;flex-direction:column;gap:14px}.pp-field{min-width:0;display:flex;flex-direction:column;gap:6px}.pp-field-label{font-size:var(--text-label);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.pp-input{width:100%;min-width:0;padding:12px 18px;border:0;border-radius:var(--radius-pill);background:var(--white);color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent)}.pp-input::placeholder{color:var(--ink-faint);font-weight:var(--font-weight-body)}.pp-input:focus-visible{outline:3px solid var(--blue);outline-offset:1px}.pp-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--red)}.pp-error{font-size:var(--text-small);font-weight:var(--font-weight-strong);color:var(--red)}.pp-link{font-weight:var(--font-weight-strong);color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.pp-alert{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px 12px 18px;border-radius:16px;background:var(--red);color:var(--white);font-weight:var(--font-weight-strong)}.pp-alert-text{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}.pp-alert--notice{background:var(--amber);color:var(--ink)}.pp-status{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-small);font-weight:var(--font-weight-strong);white-space:nowrap}.pp-dot{flex:none;display:inline-block;width:9px;height:9px;border-radius:50%}.pp-dot--open{background:var(--green)}.pp-dot--wait{background:var(--amber);animation:pulse var(--dur-slow) ease-in-out infinite}.pp-dot--closed{background:var(--red)}.pp-count{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-small);font-weight:var(--font-weight-strong);color:var(--ink-soft);white-space:nowrap}.pp-room-id{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.pp-room-label{font-size:var(--text-label);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.pp-room-code{font-size:1.05rem;font-weight:800;letter-spacing:.14em}.pp-avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;font-weight:800;letter-spacing:.02em;line-height:1;-webkit-user-select:none;user-select:none}.pp-toasts{position:fixed;right:24px;bottom:24px;z-index:200;max-width:min(380px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.pp-toast{max-width:100%;padding:12px 16px;border:0;border-radius:16px;background:var(--white);color:var(--ink);font-size:var(--text-small);font-weight:var(--font-weight-strong);text-align:left;box-shadow:var(--shadow-lift);pointer-events:auto;animation:fade-up var(--dur-med) var(--ease-out) both}.pp-toast--success{background:var(--green);color:var(--white)}.pp-toast--error{background:var(--red);color:var(--white)}.pp-connect-primary{width:100%}.pp-spinner{flex:none;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}.pp-divider{display:flex;align-items:center;gap:12px;font-size:var(--text-label);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.pp-divider:before,.pp-divider:after{content:"";flex:1 1 auto;height:1.5px;background:color-mix(in srgb,var(--ink) 14%,transparent)}.pp-disclosure summary{cursor:pointer;font-weight:var(--font-weight-strong);color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.pp-disclosure[open]>summary{margin-bottom:14px}.tk-panel{min-width:0;display:flex;flex-direction:column;gap:10px}.tk-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}.tk-progress{font-size:var(--text-small);font-weight:800;color:var(--ink-soft);white-space:nowrap}.tk-import-btn{width:100%}.tk-empty{padding:0 4px;font-size:var(--text-small);color:var(--ink-soft)}.tk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tk-item{min-width:0}.tk-item .pp-side-row{align-items:flex-start;gap:8px;padding:10px 12px 10px 14px}.tk-item .pp-side-row:not(.is-active):hover{background:var(--pink-soft)}.tk-row-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.tk-row-main{width:100%;min-width:0;display:flex;flex-direction:column;gap:2px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.tk-row-main:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}.tk-row-id{font-size:.72rem;font-weight:800;letter-spacing:.04em;opacity:.75}.tk-row-title{font-size:.9rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.tk-row-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tk-now{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tk-now-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--pink-accent);animation:tk-pulse 1.4s ease-in-out infinite}.tk-row-actions{flex:none;display:flex;align-items:center;gap:6px}.tk-icon-btn{flex:none;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--cream);color:var(--ink);cursor:pointer;transition:background var(--dur-fast) ease}.tk-icon-btn:hover{background:var(--pink-accent)}.tk-icon-btn:focus-visible{outline:3px solid var(--blue);outline-offset:1px}.pp-side-row.is-active .tk-icon-btn{background:color-mix(in srgb,var(--white) 16%,transparent);color:var(--white)}.pp-side-row.is-active .tk-icon-btn:hover{background:var(--pink-accent);color:var(--ink)}.tk-sync{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:800;line-height:1;white-space:nowrap}.tk-sync--busy{background:var(--cream);color:var(--ink)}.tk-sync--ok{background:var(--green-soft);color:var(--green)}.tk-sync--fail{background:var(--red);color:var(--white)}.tk-retry{padding:0 0 0 4px;border:0;background:none;color:inherit;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}.tk-spin{display:inline-flex;animation:tk-spin .9s linear infinite}.tk-stage{min-width:0;display:flex;flex-direction:column;gap:16px}.tk-link-btn{text-decoration:none}.tk-chips{display:inline-flex;flex-wrap:wrap;gap:6px}.tk-warn,.tk-alert{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;font-size:var(--text-small);font-weight:var(--font-weight-strong);line-height:1.35;overflow-wrap:anywhere}.tk-warn,.tk-alert--warn{background:var(--amber);color:var(--ink)}.tk-alert--error{background:var(--red);color:var(--white)}.tk-md{min-width:0;display:flex;flex-direction:column;gap:12px;font-size:var(--text-body);line-height:1.55;color:var(--ink);overflow-wrap:anywhere}.tk-md h3,.tk-md h4,.tk-md h5{font-weight:var(--font-weight-display);letter-spacing:-.01em;line-height:1.2}.tk-md h3{font-size:1.2rem}.tk-md h4{font-size:1.05rem}.tk-md h5{font-size:.95rem}.tk-md p,.tk-md ul,.tk-md ol{margin:0}.tk-md ul,.tk-md ol{padding-left:1.3em;display:flex;flex-direction:column;gap:4px}.tk-md blockquote{margin:0;padding:2px 0 2px 14px;border-left:3px solid var(--pink-accent);color:var(--ink-soft)}.tk-md pre{margin:0;padding:12px 14px;border-radius:14px;background:var(--cream);overflow-x:auto}.tk-md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.tk-md :not(pre)>code{padding:1px 5px;border-radius:6px;background:var(--cream)}.tk-md hr{width:100%;margin:4px 0;border:0;border-top:2px solid var(--cream-deep)}.tk-md a{font-weight:var(--font-weight-strong);color:var(--ink);text-decoration:underline;text-underline-offset:3px}.tk-import,.tk-tab{min-width:0;display:flex;flex-direction:column;gap:14px}.tk-segment{display:flex;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--cream)}.tk-segment button{flex:1 1 0;padding:8px 12px;border:0;border-radius:var(--radius-pill);background:none;color:var(--ink);font:inherit;font-size:var(--text-small);font-weight:800;cursor:pointer}.tk-segment button.is-on{background:var(--ink);color:var(--white)}.tk-segment button:focus-visible{outline:3px solid var(--blue);outline-offset:1px}.tk-field{min-width:0;display:flex;flex-direction:column;gap:6px}.tk-combo{min-width:0}.tk-combo-panel{position:fixed;z-index:110;margin:0;padding:6px;list-style:none;display:flex;flex-direction:column;gap:2px;overflow-y:auto;border-radius:var(--radius-row);background:var(--white);box-shadow:var(--shadow-lift)}.tk-combo-option{min-height:48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;padding:8px 12px;border-radius:var(--radius-row);background:var(--white);color:var(--ink);cursor:pointer;transition:background var(--dur-fast) ease}.tk-combo-option.is-active{background:var(--pink-soft)}.tk-combo-name{min-width:0;font-weight:800;overflow-wrap:anywhere}.tk-combo-meta{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto}.tk-combo-status{padding:3px 8px;border-radius:var(--radius-pill);background:var(--cream);color:var(--ink-soft);font-size:.7rem;font-weight:800;line-height:1;white-space:nowrap}.tk-combo-empty{padding:12px;font-size:var(--text-small);font-weight:700;color:var(--ink-soft)}.tk-project-chip-row{display:flex;flex-wrap:wrap;gap:8px}.tk-project-chip{max-width:100%;display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:var(--radius-pill);background:var(--pink-soft);color:var(--ink);font-size:var(--text-small);font-weight:800}.tk-project-chip-name{min-width:0;overflow-wrap:anywhere}.tk-project-chip-x{flex:none;width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--white);color:var(--ink);cursor:pointer;transition:background var(--dur-fast) ease}.tk-project-chip-x:hover{background:var(--cream-deep)}.tk-project-chip-x:focus-visible{outline:3px solid var(--blue);outline-offset:1px}.tk-textarea{width:100%;min-height:120px;padding:12px 14px;border:0;border-radius:16px;background:var(--white);color:var(--ink);font:inherit;font-size:var(--text-body);font-weight:var(--font-weight-body);resize:vertical;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent)}.tk-textarea:focus-visible{outline:3px solid var(--blue);outline-offset:1px}.tk-group{display:flex;flex-direction:column;gap:8px}.tk-group-title{font-size:var(--text-label);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.tk-views{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tk-view{width:100%;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:0;border-radius:var(--radius-row);background:var(--cream);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) ease}.tk-view:hover{background:var(--cream-deep)}.tk-view.is-on{background:var(--ink);color:var(--white)}.tk-view.is-on .pp-chip--outline{border-color:currentColor;color:inherit}.tk-view:focus-visible{outline:3px solid var(--blue);outline-offset:1px}.tk-view-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.tk-view-name{font-weight:800;overflow-wrap:anywhere}.tk-view-desc{font-size:var(--text-small);opacity:.8}.tk-view-star{margin-right:6px;color:var(--amber)}.tk-search-block{display:flex;flex-direction:column;gap:6px}.tk-search{position:relative;display:flex;align-items:center}.tk-search-icon{position:absolute;left:16px;display:flex;color:var(--ink-soft);pointer-events:none}.tk-search-input{padding-left:42px;padding-right:46px}.tk-search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.tk-search-clear{position:absolute;right:6px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--cream);color:var(--ink);cursor:pointer;transition:background var(--dur-fast) ease}.tk-search-clear:hover{background:var(--cream-deep)}.tk-search-clear:focus-visible{outline:3px solid var(--blue);outline-offset:1px}.tk-picker{min-width:0;display:flex;flex-direction:column;gap:12px}.tk-pick-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:42vh;overflow-y:auto}.tk-pick{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-radius:var(--radius-row);background:var(--white);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent)}.tk-pick input{flex:none;margin-top:3px;width:16px;height:16px;accent-color:var(--ink)}.tk-pick.is-added{opacity:.55;cursor:default}.tk-pick-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.tk-pick-id{font-size:.72rem;font-weight:800;letter-spacing:.04em}.tk-pick-title{font-weight:var(--font-weight-strong);overflow-wrap:anywhere}.tk-pick-meta{font-size:var(--text-small);color:var(--ink-soft);overflow-wrap:anywhere}.tk-picker-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.tk-picker-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tk-count{font-size:var(--text-small);font-weight:800;color:var(--ink-soft)}.tk-loading{display:flex;align-items:center;gap:8px;font-size:var(--text-small);font-weight:700;color:var(--ink-soft)}@keyframes tk-spin{to{transform:rotate(360deg)}}@keyframes tk-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@media (prefers-reduced-motion: reduce){.tk-spin,.tk-now-dot{animation:none}}.tk-stage-actions{margin-left:0}@keyframes pp-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pp-peak-glow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 -6px 14px 2px color-mix(in srgb,var(--pink-accent) 60%,transparent)}}@keyframes pp-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.pp-table{display:flex;flex-direction:column;gap:20px;min-width:0}.pp-table-top{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}.pp-table-controls{min-width:0;flex:1 1 260px;display:flex;flex-direction:column;gap:12px}.pp-table-status{font-size:var(--text-body);font-weight:var(--font-weight-strong);color:var(--ink-soft)}.pp-table-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pp-table-empty{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:var(--radius-row);background:var(--cream)}.pp-table-empty-title{font-size:var(--text-title);font-weight:var(--font-weight-display);letter-spacing:-.02em}.pp-timer{position:relative;flex:none;width:124px;height:124px;display:grid;place-items:center;color:var(--ink);transition:color var(--dur-med) var(--ease-out)}.pp-timer svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.pp-timer-track{fill:none;stroke:var(--cream-deep);stroke-width:7}.pp-timer-arc{fill:none;stroke:currentColor;stroke-width:7;transition:stroke-dashoffset var(--dur-fast) linear}.pp-timer-value{position:relative;font-size:2.1rem;font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.pp-timer.is-muted{color:var(--ink-faint)}.pp-timer.is-done{color:var(--green)}.pp-timer-check{position:relative;display:grid;place-items:center}.pp-timer-check.is-popping{animation:pp-pop var(--dur-med) var(--ease-spring) backwards}.pp-timer.is-warning{color:var(--amber)}.pp-timer.is-critical{color:var(--red);animation:pulse var(--dur-slow) var(--ease-out) infinite}.pp-host{display:flex;flex-direction:column;gap:14px}.pp-host-actions{display:flex;flex-wrap:wrap;gap:8px}.pp-host-settings{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.pp-host-settings .pp-toggle{width:auto}.pp-host-timer{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pp-seg-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.pp-seg{padding:7px 14px;border:0;border-radius:var(--radius-pill);background:var(--white);color:var(--ink);font-size:var(--text-small);font-weight:var(--font-weight-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent);transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.pp-seg:hover:not(.is-active){background:var(--cream)}.pp-seg.is-active{background:var(--ink);color:var(--white);box-shadow:none}.pp-seats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:18px 12px}.pp-seat{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;transition:opacity var(--dur-med) var(--ease-out)}.pp-seat.is-offline{opacity:.45}.pp-seat-slot{position:relative;width:66px;aspect-ratio:2 / 3.2;perspective:700px}.pp-seat-slot>.pp-playing-card,.pp-seat-empty{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pp-seat-empty{display:grid;place-items:center;padding:4px;border:2px dashed color-mix(in srgb,var(--ink) 22%,transparent);border-radius:14px;font-size:var(--text-label);font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase;color:var(--ink-faint)}.pp-seat-thinking{font-size:var(--text-small);font-weight:600;font-style:italic;letter-spacing:0;text-transform:none}.pp-seat-id{min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.pp-seat-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-small);font-weight:var(--font-weight-strong);text-align:center}.pp-seat .pp-chip{padding:4px 7px;font-size:.6rem}.pp-playing-card{position:relative;width:100%;aspect-ratio:2 / 3.2;display:grid;place-items:center;border-radius:16px;box-shadow:var(--shadow-card)}.pp-playing-card--front{background:var(--white);color:var(--ink);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ink) 10%,transparent),var(--shadow-card)}.pp-playing-card--back{background-color:var(--pink-rail);background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--white) 26%,transparent) 0 2px,transparent 2px 11px);box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--white) 70%,transparent),var(--shadow-card)}.pp-playing-card.is-dealing{animation:deal-in var(--dur-med) var(--ease-out) backwards;animation-delay:calc(var(--dur-fast) * var(--i, 0))}.pp-playing-card.is-flipping{animation:flip var(--dur-med) var(--ease-out) backwards;animation-delay:calc(var(--dur-fast) * var(--i, 0))}.pp-playing-card.is-revealed .pp-cup{animation:none}.pp-card-numeral{font-size:1.5rem;font-weight:var(--font-weight-display);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.pp-cup{display:inline-grid;color:var(--ink);animation:wobble var(--dur-med) var(--ease-out) 2;animation-delay:calc(var(--dur-fast) * var(--i, 0) + var(--dur-med))}.pp-deck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:540px}.pp-deck-card{min-width:0;padding:0;border:0;border-radius:18px;background:none;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) ease,filter var(--dur-fast) ease}.pp-deck-card:not(:disabled):hover{transform:translateY(-4px)}.pp-deck-card.is-dealing{animation:deal-in var(--dur-med) var(--ease-out) backwards;animation-delay:calc(var(--dur-fast) * var(--i, 0))}.pp-deck-card.is-selected,.pp-deck-card.is-selected:not(:disabled):hover{transform:translateY(-14px)}.pp-deck-card.is-selected .pp-playing-card{box-shadow:0 0 0 3px var(--pink-accent),var(--shadow-lift)}.pp-deck-card:disabled{opacity:.42;filter:grayscale(.5);cursor:not-allowed}.pp-deck-card .pp-card-numeral{font-size:clamp(1.4rem,5vw,2.6rem)}.pp-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:10px}.pp-bar{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}.pp-bar-count{font-size:var(--text-small);font-weight:800;font-variant-numeric:tabular-nums}.pp-bar-track{width:100%;max-width:72px;height:150px;display:flex;align-items:flex-end;border-radius:14px;background:var(--cream);overflow:hidden}.pp-bar-fill{width:100%;min-height:0;border-radius:14px 14px 0 0;background:var(--ink);transform-origin:bottom;transition:height var(--dur-slow) var(--ease-out)}.pp-bar-fill.is-peak{background:var(--pink-accent)}.pp-bar-fill.is-growing{animation:pp-grow var(--dur-slow) var(--ease-out) var(--bar-delay, 0ms) backwards}.pp-bar-fill.is-peak.is-growing{animation:pp-grow var(--dur-slow) var(--ease-out) var(--bar-delay, 0ms) backwards,pp-peak-glow var(--dur-slow) var(--ease-out) calc(var(--bar-delay, 0ms) + var(--dur-slow)) 2}.pp-bar-value{font-size:var(--text-body);font-weight:800}.pp-bar-voters{min-height:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.pp-results{display:flex;flex-direction:column;gap:18px;min-width:0}.pp-results.is-entering{animation:fade-up var(--dur-med) var(--ease-out) backwards}.pp-results-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 14px}.pp-results-ticket{min-width:0;display:flex;flex-direction:column;gap:2px}.pp-results-id{font-size:var(--text-label);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.pp-results-title{font-size:1rem;font-weight:var(--font-weight-strong);overflow-wrap:anywhere}.pp-coffee-count{display:inline-flex;align-items:center;gap:6px}.pp-accept{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1.5px solid var(--cream-deep)}.pp-estimate-row{display:flex;flex-wrap:wrap;gap:8px}.pp-accept-wait{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}:root{--pink-rail: #ffa0d8;--pink-hero: #ffc5e8;--pink-soft: #ffe0f3;--pink-accent: #ff6fc4;--cream: #f0e6d4;--cream-deep: #e6d9c2;--sand: #d9cdb9;--white: #ffffff;--ink: #1f1f1d;--ink-soft: #5a574f;--ink-faint: #8d887c;--green: #1e5e3c;--green-soft: #d6efe0;--blue: #2b3df0;--teal: #4f86b8;--amber: #f5a524;--red: #d6293e;--radius-card: 20px;--radius-row: 14px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-ui: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-weight-body: 500;--font-weight-strong: 700;--font-weight-display: 800;--text-label: .68rem;--text-small: .82rem;--text-body: .95rem;--text-title: 1.35rem;--text-display: clamp(2rem, 4vw, 3.4rem);--shadow-card: 0 1px 2px rgba(31, 31, 29, .06), 0 8px 24px rgba(31, 31, 29, .06);--shadow-lift: 0 4px 10px rgba(31, 31, 29, .1), 0 18px 34px rgba(31, 31, 29, .14);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .14s;--dur-med: .28s;--dur-slow: .56s;--rail-width: 96px;--panel-width: 280px}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-med: 0ms;--dur-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font-ui);font-weight:var(--font-weight-body);font-size:var(--text-body);line-height:1.45;-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}::selection{background:var(--pink-hero);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@keyframes deal-in{0%{opacity:0;transform:translateY(-18px) rotate(-6deg) scale(.96)}to{opacity:1;transform:none}}@keyframes flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--pink-accent) 0%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--pink-accent) 40%,transparent)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.pp-app{display:grid;grid-template-columns:var(--rail-width) var(--panel-width) minmax(0,1fr);min-height:100vh;background:var(--white);overflow-x:clip}.pp-app--narrow{grid-template-columns:var(--rail-width) minmax(0,1fr)}.pp-main{min-width:0;display:flex;flex-direction:column;gap:20px;padding:24px 32px 56px}.pp-hero-lede{max-width:52ch;font-size:var(--text-body);color:var(--ink)}.pp-hero-form{display:flex;flex-direction:column;gap:14px}.pp-hero-name{max-width:420px}.pp-hero-grid{container-type:inline-size;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:28px}.pp-hero-block{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.pp-hero-block--join{align-self:stretch;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.pp-hero-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--text-small);line-height:1.4}.pp-hero-status--ok{color:var(--green);font-weight:var(--font-weight-strong)}.pp-hero-join{align-self:stretch;display:flex;align-items:center;gap:10px}.pp-hero-code{flex:1 1 0;max-width:220px;min-width:0;text-transform:uppercase}@container (min-width: 588px){.pp-hero-block--join{padding-top:0;padding-left:24px;border-top:0;border-left:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}}.pp-brand{display:inline-flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:var(--font-weight-display);letter-spacing:-.01em;white-space:nowrap}.pp-stack{display:flex;flex-direction:column;gap:12px}@media (max-width: 899px){.pp-app,.pp-app--narrow{grid-template-columns:minmax(0,1fr);padding-bottom:112px}.pp-rail{position:fixed;top:auto;right:0;bottom:0;left:0;height:auto;flex-direction:row;justify-content:space-around;gap:0;padding:8px 10px calc(10px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;box-shadow:var(--shadow-lift)}.pp-rail-logo{display:none}.pp-rail-list{flex-direction:row;gap:4px}.pp-rail-bottom{margin-top:0}.pp-rail-item{width:auto;min-width:68px}.pp-rail-tile{width:46px;height:40px;border-radius:14px}.pp-side{position:static;height:auto;overflow:visible;padding:18px 16px 16px}.pp-side-title{padding:0 2px}.pp-side-body{flex-direction:row;align-items:stretch;max-height:46vh;overflow-x:auto;overflow-y:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:10px;padding:2px 2px 8px;scrollbar-width:none}.pp-side-body::-webkit-scrollbar{display:none}.pp-side-body>*{flex:0 0 min(260px,78vw);scroll-snap-align:start}.pp-side-row.is-active:after{display:none}.pp-main{padding:18px 16px 32px}.pp-hero{padding:22px 18px 24px}.pp-hero-actions{margin-left:0}.pp-hero-title{max-width:none}.pp-toasts{left:16px;right:16px;bottom:120px;align-items:stretch;max-width:none}.pp-topbar{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px 10px 16px;border-radius:22px}.pp-topbar-left{grid-column:1;grid-row:1}.pp-topbar-right{grid-column:2;grid-row:1}.pp-topbar-center{grid-column:1 / -1;grid-row:2;justify-content:flex-start}}.pp-join-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.pp-session-status{display:flex;align-items:center;gap:10px;font-weight:var(--font-weight-strong)}.pp-session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pp-session-row{min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 18px;padding:14px 16px;border-radius:var(--radius-row);background:var(--white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}.pp-session-main{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:6px}.pp-session-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pp-session-code{font-size:1.15rem;font-weight:var(--font-weight-display);letter-spacing:.08em;text-transform:uppercase}.pp-session-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:var(--text-small);color:var(--ink-soft)}.pp-session-row>.pp-btn{flex:none}
