.pp{background:radial-gradient(50% 70% at 100% 50%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 70%), radial-gradient(40% 60% at 0% 100%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:32px;grid-template:"pick phone""week phone"1fr/minmax(0,1fr) auto;align-items:start;gap:28px clamp(28px,4vw,56px);padding:clamp(18px,3.4vw,44px);display:grid}.pp-pick{grid-area:pick;gap:12px;display:grid}.pp-week{grid-area:week;gap:16px;display:grid}.pp h3{font-family:var(--font-display);color:var(--heading);align-items:center;gap:10px;margin:0;font-size:17px;display:flex}.pp-num{background:var(--accent);width:28px;height:28px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.pp-chips{flex-wrap:wrap;gap:8px;display:flex}.pp-chips button{border-radius:var(--r-pill);background:var(--surface);min-height:42px;box-shadow:inset 0 0 0 1.5px var(--border);font:inherit;color:var(--heading);cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .2s var(--ease), opacity .2s var(--ease);border:0;align-items:center;gap:8px;padding:0 16px 0 8px;font-size:14.5px;font-weight:700;display:inline-flex}.pp-chips button:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--tone);transform:translateY(-2px)}.pp-chips button[aria-pressed=true]{background:var(--tone);box-shadow:0 10px 20px -12px var(--tone);color:var(--surface);animation:pp-pop .35s var(--ease)}.pp-chips button:disabled{opacity:.4;cursor:not-allowed}.pp-chips button:focus-visible,.pp-shuffle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.pp-dot{background:color-mix(in srgb, var(--tone) 14%, var(--surface));width:26px;height:26px;color:var(--tone);border-radius:50%;place-items:center;display:grid}.pp-chips button[aria-pressed=true] .pp-dot{background:color-mix(in srgb, var(--surface) 25%, transparent);color:var(--surface)}.pp-shuffle{border-radius:var(--r-pill);background:var(--surface);min-height:36px;box-shadow:inset 0 0 0 1.5px var(--border);font:inherit;color:var(--accent);cursor:pointer;border:0;align-items:center;gap:6px;margin-left:auto;padding:0 14px;font-size:13.5px;font-weight:700;display:inline-flex}.pp-shuffle svg{transition:transform .35s var(--ease)}.pp-shuffle:hover:not(:disabled) svg{transform:rotate(180deg)}.pp-shuffle:disabled{opacity:.5;cursor:not-allowed}.pp-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:6px 0 0;list-style:none;display:grid}.pp-note{background:color-mix(in srgb, var(--tone) 13%, var(--surface));min-height:168px;box-shadow:0 18px 26px -20px color-mix(in srgb, var(--tone) 70%, transparent), inset 0 -3px 0 color-mix(in srgb, var(--tone) 22%, transparent);cursor:default;transition:transform .25s var(--ease), box-shadow .25s var(--ease);animation:pp-stick .5s var(--ease) both;animation-delay:calc(var(--i) * 70ms);border-radius:6px 6px 22px;outline:none;align-content:start;gap:10px;padding:22px 18px 18px;display:grid;position:relative;transform:rotate(-1.2deg)}.pp-note:nth-child(2n){transform:rotate(1.4deg)}.pp-note:nth-child(3n){transform:rotate(-.4deg)}.pp-note:before{content:"";background:color-mix(in srgb, var(--surface) 70%, transparent);width:64px;height:20px;box-shadow:0 1px 3px color-mix(in srgb, var(--heading) 15%, transparent);border-radius:3px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-3deg)}.pp-note:hover,.pp-note[data-active]{z-index:1;box-shadow:0 26px 36px -22px color-mix(in srgb, var(--tone) 80%, transparent), inset 0 0 0 2px var(--tone);transform:rotate(0)translateY(-6px)scale(1.03)}.pp-note-when{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pp-note-when b{font-family:var(--font-display);letter-spacing:-.01em;color:color-mix(in srgb, var(--tone) 75%, var(--heading));font-size:22px}.pp-note-when small{font-variant-numeric:tabular-nums;color:var(--text-2);align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:inline-flex}.pp-note-tag{border-radius:var(--r-pill);background:var(--tone);color:var(--surface);justify-self:start;padding:3px 10px;font-size:11.5px;font-weight:800}.pp-note-idea{font-family:var(--font-display);color:var(--heading);font-size:17px;line-height:1.3}.pp-note-cta{--tone:var(--accent);background:var(--accent);padding:0;transform:rotate(1deg)}.pp-note-cta a{border-radius:inherit;height:100%;color:var(--surface);align-content:space-between;gap:12px;padding:22px 18px 18px;text-decoration:none;display:grid}.pp-note-cta b{font-family:var(--font-display);font-size:19px;line-height:1.25}.pp-go{background:var(--surface);width:40px;height:40px;color:var(--accent);transition:transform .2s var(--ease);border-radius:50%;justify-self:end;place-items:center;display:grid}.pp-note-cta:hover{transform:rotate(0)translateY(-6px)}.pp-note-cta:hover .pp-go{transform:translate(4px)}.pp-note-cta a:focus-visible{outline:3px solid var(--heading);outline-offset:3px}.pp-empty{border:2px dashed var(--border);text-align:center;min-height:168px;color:var(--text-2);border-radius:18px;grid-column:span 2;place-items:center;padding:20px;display:grid}.pp-ig-avatar img,.pp-ig-cell img{object-fit:cover}.pp-phone{--pd-zoom:.7;grid-area:phone;align-self:center;justify-items:center;gap:14px;margin:0;display:grid}.pp-phone figcaption{border-radius:var(--r-pill);background:var(--surface);color:var(--text-2);padding:6px 14px;font-size:13px;font-weight:700}.pp-ig{background:var(--surface);align-content:start;gap:18px;height:844px;padding:64px 0 0;display:grid}.pp-ig-head{align-items:center;gap:18px;padding:0 20px;display:flex}.pp-ig-avatar{width:88px;height:88px;box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--accent-2);border-radius:50%;flex:none;position:relative;overflow:hidden}.pp-ig-name{gap:6px;display:grid}.pp-ig-name b{color:var(--heading);font-size:22px}.pp-ig-name small{border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);align-items:center;gap:6px;padding:5px 12px;font-size:15px;font-weight:700;display:inline-flex}.pp-ig-tab{border-top:1px solid var(--border);box-shadow:inset 0 2px 0 var(--heading);width:33.3%;color:var(--heading);place-items:center;margin:0 auto;padding:10px 0;display:grid}.pp-ig-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:-18px;display:grid}.pp-ig-cell{aspect-ratio:4/5;background:var(--surface-alt);position:relative;overflow:hidden}.pp-ig-cell:not([data-new]){opacity:.55;filter:grayscale(.4)}.pp-ig-cell[data-new]{box-shadow:inset 0 0 0 4px var(--tone);transition:opacity .25s var(--ease), transform .25s var(--ease);animation:pp-land .5s var(--ease) both;animation-delay:calc(var(--i) * 70ms)}.pp-phone[data-focus] .pp-ig-cell:not([data-active]){opacity:.3}.pp-ig-cell[data-active]{z-index:1;box-shadow:inset 0 0 0 6px var(--tone), 0 16px 30px -10px color-mix(in srgb, var(--heading) 60%, transparent);transform:scale(1.08)}.pp-ig-cell i{border-radius:var(--r-pill);background:var(--tone);color:var(--surface);align-items:center;gap:4px;padding:4px 9px;font-size:13px;font-style:normal;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px}@keyframes pp-pop{50%{transform:scale(1.06)}}@keyframes pp-stick{0%{opacity:0;transform:translateY(-18px)rotate(-8deg)scale(.9)}}@keyframes pp-land{0%{opacity:0;transform:scale(.6)rotate(-6deg)}}@media (max-width:1100px){.pp-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.pp{grid-template-columns:minmax(0,1fr);grid-template-areas:"phone""pick""week"}.pp-phone{--pd-zoom:.5}}@media (max-width:560px){.pp{border-radius:26px;gap:22px;padding:18px 14px}.pp-phone{--pd-zoom:.44}.pp-chips{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-inline:-14px;padding:4px 14px 8px;scroll-padding-inline:14px;overflow-x:auto}.pp-chips::-webkit-scrollbar{display:none}.pp-chips button{scroll-snap-align:start;white-space:nowrap;flex:none;gap:6px;min-height:40px;padding:0 12px 0 6px;font-size:13.5px}.pp-dot{width:24px;height:24px}.pp h3{font-size:16px}.pp-notes{gap:16px 10px}.pp-note{gap:8px;min-height:0;padding:16px 12px 14px}.pp-note:before{width:48px;height:16px;top:-7px}.pp-note-when b{font-size:17px}.pp-note-when small{font-size:11.5px}.pp-note-when small svg{display:none}.pp-note-idea{font-size:14.5px}.pp-note-tag{padding:2px 8px;font-size:10.5px}.pp-note-cta a{padding:16px 12px 12px}.pp-note-cta b{font-size:16px}.pp-go{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.pp-note,.pp-ig-cell,.pp-chips button{animation:none}}