.ppres{--ppres-canvas:#f4f4f5;--ppres-card:#fff;--ppres-cell:#e6e6e8;--ppres-label:#98989d;--ppres-title:#a1a1a1;--ppres-subtitle:#e2e2e2;--ppres-level-1:#fbd5cc;--ppres-level-2:#f9b5a7;--ppres-level-3:#f58b74;--ppres-tag:#1d1d1f;--ppres-tag-ink:#fff;--ppres-select:#e8523b;--ppres-handle:#fff;--ppres-bloom:1;--ppres-card-shadow:0 1px 1px #0000000a, 0 3px 6px #0000000d, 0 14px 28px -8px #0000001a;--ppres-pill-shadow:0 1px 2px #0000001f, 0 4px 10px -2px #00000029;background:var(--ppres-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:24px;justify-content:center;align-items:center;width:100%;height:480px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;transition:background-color .4s;display:flex;position:relative;overflow:hidden}.ppres[data-fill]{border-radius:0;height:100%}.ppres[data-theme=dark]{--ppres-canvas:#0d0d0f;--ppres-card:#1b1b1e;--ppres-cell:#2b2b2f;--ppres-label:#7d7d84;--ppres-title:#8f8f95;--ppres-subtitle:#3b3b40;--ppres-level-1:#4b2b25;--ppres-level-2:#8f4435;--ppres-level-3:#f0765d;--ppres-tag:#f4f4f5;--ppres-tag-ink:#1d1d1f;--ppres-handle:#1b1b1e;--ppres-bloom:.22;--ppres-card-shadow:0 0 0 1px #ffffff0f, 0 1px 0 #ffffff0d inset, 0 18px 36px -10px #000000b3}.ppres__blooms{pointer-events:none;opacity:var(--ppres-bloom);transition:opacity .4s;position:absolute;inset:0}.ppres__bloom{filter:blur(80px);will-change:transform;border-radius:999px;animation:22s ease-in-out infinite alternate ppres-drift;position:absolute}.ppres__bloom--1{filter:blur(70px);background:#f9c9bb4d;width:26%;height:34%;top:6%;left:26%}.ppres__bloom--2{background:#f9cfc34d;width:20%;height:36%;animation-delay:-6s;top:42%;left:-4%}.ppres__bloom--3{background:#f9cfc340;width:20%;height:30%;animation-delay:-11s;top:66%;left:52%}.ppres__bloom--4{filter:blur(90px);background:#f9cfc340;width:24%;height:40%;animation-delay:-15s;top:36%;left:82%}.ppres__bloom--5{background:#f9d6cc40;width:18%;height:26%;animation-delay:-3s;top:2%;left:88%}.ppres[data-layout=tall] .ppres__bloom{filter:blur(56px)}.ppres[data-layout=tall] .ppres__bloom--1{width:60%;height:24%;top:4%;left:20%}.ppres[data-layout=tall] .ppres__bloom--2{width:50%;height:26%;top:40%;left:-16%}.ppres[data-layout=tall] .ppres__bloom--3{width:60%;height:22%;top:72%;left:40%}.ppres[data-layout=tall] .ppres__bloom--4,.ppres[data-layout=tall] .ppres__bloom--5{display:none}@keyframes ppres-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(3%,-4%)scale(1.12)}}.ppres__stage{transform-origin:50%;flex-shrink:0;position:relative}.ppres__card{background:var(--ppres-card);width:330px;box-shadow:var(--ppres-card-shadow);opacity:0;transition:background-color .4s,box-shadow .4s;position:absolute;overflow:clip}.ppres__card--activity{border-radius:30px;height:223px}.ppres__card--content{border-radius:34px;height:224px}.ppres__axis{color:var(--ppres-label);font-size:24px;line-height:1;position:absolute}.ppres__fade{pointer-events:none;background:linear-gradient(to right, color-mix(in srgb, var(--ppres-card) 0%, transparent), var(--ppres-card) 85%);width:70px;position:absolute;inset:0 0 0 auto}.ppres__fade--soft{background:linear-gradient(to right, color-mix(in srgb, var(--ppres-card) 0%, transparent), color-mix(in srgb, var(--ppres-card) 85%, transparent) 70%, var(--ppres-card));width:96px}.ppres__grid{position:absolute}.ppres__cell{background:var(--ppres-cell);cursor:pointer;opacity:0;touch-action:manipulation;border-radius:5px;width:20px;height:20px;transition:transform .15s cubic-bezier(.23,1,.32,1),background-color .4s;position:absolute}.ppres__cell:active{transform:scale(.92)}@media (hover:hover) and (pointer:fine){.ppres__cell:hover{transform:scale(1.14)}}.ppres__fill{pointer-events:none;border-radius:5px;position:absolute;inset:0}.ppres__fill[data-level="1"]{background:var(--ppres-level-1)}.ppres__fill[data-level="2"]{background:var(--ppres-level-2)}.ppres__fill[data-level="3"]{background:var(--ppres-level-3)}.ppres__frame{width:128px;height:128px;position:absolute;top:47px;left:46px}.ppres__art{border-radius:16px;position:absolute;inset:2px;overflow:hidden}.ppres__art svg{width:100%;height:100%;display:block}.ppres__art{cursor:pointer;touch-action:manipulation;outline:none}.ppres__art svg *{transition:fill .5s,stroke .5s,stop-color .5s}.ppres__art:focus-visible{box-shadow:0 0 0 3px var(--ppres-card), 0 0 0 5px var(--ppres-select)}.ppres__swatch{transform-box:fill-box;transform-origin:50%;opacity:.55;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s,fill .5s}.ppres__swatch[data-on]{opacity:1;transform:scale(1.3)}.ppres__select{border:1.5px solid var(--ppres-select);pointer-events:none;position:absolute;inset:0}.ppres__corner,.ppres__radius{border:1.5px solid var(--ppres-select);background:var(--ppres-handle);transition:background-color .4s;position:absolute}.ppres__corner{width:11px;height:11px}.ppres__radius{touch-action:none;border-radius:999px;outline:none;width:8px;height:8px}.ppres__radius:before{content:"";border-radius:999px;position:absolute;inset:-10px}.ppres__radius[data-dragging],.ppres__radius:focus-visible{background:var(--ppres-select);box-shadow:0 0 0 4px color-mix(in srgb, var(--ppres-select) 22%, transparent)}@media (hover:hover) and (pointer:fine){.ppres__radius:hover{background:var(--ppres-select)}}.ppres__readout{z-index:1;background:var(--ppres-select);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;border-radius:7px;padding:4px 8px;font-size:15px;font-weight:600;line-height:1;transition:opacity .16s,transform .2s cubic-bezier(.23,1,.32,1);position:absolute;top:-36px;left:50%;transform:translate(-50%,4px)scale(.92)}.ppres[data-radius=on] .ppres__readout{opacity:1;transform:translate(-50%)scale(1)}.ppres__highlight{pointer-events:none;transform-origin:0;background:#4f7fe333;border-radius:6px;width:140px;height:52px;position:absolute;top:64px;left:194px;transform:scaleX(0)}.ppres__highlight[data-owner=you]{background:color-mix(in srgb, var(--ppres-tag) 14%, transparent)}.ppres__title,.ppres__subtitle{white-space:nowrap;cursor:text;touch-action:manipulation;border-radius:6px;outline:none;margin:0;padding:0 1px;line-height:1;position:absolute;left:198px}.ppres__title:focus-visible:not([data-editing]),.ppres__subtitle:focus-visible:not([data-editing]){box-shadow:0 0 0 2px var(--ppres-select)}.ppres__title[data-editing],.ppres__subtitle[data-editing]{-webkit-user-select:text;user-select:text;caret-color:var(--ppres-select);box-shadow:0 0 0 1.5px var(--ppres-select)}.ppres__title[data-editing]::selection,.ppres__subtitle[data-editing]::selection{background:#4f7fe347}.ppres__title{letter-spacing:-.02em;color:var(--ppres-title);font-size:46px;font-weight:700;top:63px}.ppres__subtitle{letter-spacing:-.01em;color:var(--ppres-subtitle);font-size:42px;font-weight:300;top:123px}.ppres__cursors{z-index:1;pointer-events:none;position:absolute;inset:0}.ppres__cursor,.ppres__body,.ppres__arrow{width:0;height:0;position:absolute;top:0;left:0}.ppres__cursor{will-change:transform}.ppres__body{opacity:0}.ppres__arrow{transform-origin:0 0}.ppres__arrow svg{transform-origin:5px 5px;filter:drop-shadow(0 2px 3px #0003);position:absolute;top:-5px;left:-5px;overflow:visible}.ppres__ring{opacity:0;border:2px solid;border-radius:999px;width:30px;height:30px;position:absolute;top:-15px;left:-15px}.ppres__name,.ppres__you{white-space:nowrap;box-shadow:var(--ppres-pill-shadow);align-items:center;font-weight:500;line-height:1;display:flex;position:absolute}.ppres__name{letter-spacing:-.01em;color:#fff;border-radius:13px;height:36px;padding:0 12px;font-size:23px}.ppres__you{background:var(--ppres-tag);height:30px;color:var(--ppres-tag-ink);opacity:0;will-change:transform;border-radius:11px;padding:0 10px;font-size:19px;top:0;left:0}@media (prefers-reduced-motion:reduce){.ppres__bloom{animation:none}}