.hp-panel{isolation:isolate;border:1px solid rgb(var(--fg-rgb) / .08);background:var(--surface-fill);box-shadow:inset 0 1px 0 rgb(var(--fg-rgb) / .06), 0 22px 48px -32px rgb(var(--sh-rgb) / .85);border-radius:18px;min-width:0;padding:20px;position:relative}.hp-glow:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:var(--go,0);background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #ff510017, transparent 65%);transition:opacity .35s;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hp-glow:after{display:none}}.hp-hero{isolation:isolate;background:var(--background);flex-direction:column;min-height:clamp(620px,82vh,830px);display:flex;position:relative;overflow:hidden}.hp-hero-photo{z-index:-1;pointer-events:none;animation:1.2s both hp-hero-in;position:absolute;inset:0}@keyframes hp-hero-in{0%{opacity:0}to{opacity:1}}.hp-hero-img{object-fit:cover;object-position:50% 50%;filter:saturate(.5)brightness(.62)contrast(1.12);width:100%;max-width:none;height:100%;position:absolute;inset:0}.hp-hero-photo:before{content:"";background:radial-gradient(56% 30% at 50% 66%,#ff51001a,#0000 72%),#0e090866;position:absolute;inset:0}.hp-hero-photo:after{content:"";background:linear-gradient(180deg, color-mix(in oklab, var(--background) 70%, transparent) 0%, color-mix(in oklab, var(--background) 25%, transparent) 16%, transparent 32%, transparent 50%, color-mix(in oklab, var(--background) 36%, transparent) 64%, color-mix(in oklab, var(--background) 74%, transparent) 80%, color-mix(in oklab, var(--background) 94%, transparent) 93%, var(--background) 100%);position:absolute;inset:0}:root:not(.dark) .hp-hero-img{filter:saturate(.82)brightness(1.04)contrast(1.02)}:root:not(.dark) .hp-hero-photo:before{background:#fffaf733}:root:not(.dark) .hp-hero-photo:after{background:linear-gradient(180deg, color-mix(in oklab, var(--background) 85%, transparent) 0%, color-mix(in oklab, var(--background) 45%, transparent) 18%, transparent 36%, transparent 50%, color-mix(in oklab, var(--background) 40%, transparent) 64%, color-mix(in oklab, var(--background) 80%, transparent) 80%, color-mix(in oklab, var(--background) 95%, transparent) 93%, var(--background) 100%)}.hp-hero-in{width:min(clamp(1240px, 72vw, 1600px), calc(100% - 2 * var(--page-pad)));flex-direction:column;flex:1;justify-content:space-between;gap:40px;margin:0 auto;padding:clamp(56px,9vh,100px) 0 clamp(26px,3.5vh,40px);display:flex;position:relative}.hp-hero-head{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.hp-hero-title{font-family:var(--font-brand-family), var(--font-heading);letter-spacing:-.03em;color:#ffffffeb;text-wrap:balance;filter:drop-shadow(0 2px 16px #00000073);margin:0;font-size:clamp(34px,3.9vw,62px);font-weight:500;line-height:1.04}.hp-hero-hello,.hp-hero-hello .split-char{color:#0000;background-image:linear-gradient(#fffffff0 0%,#faf0eadb 60%,#ecdcd2c2 100%);-webkit-background-clip:text;background-clip:text}.hp-hero-name{color:#0000;background-image:linear-gradient(#ff8042f5 0%,#f0561adb 100%);-webkit-background-clip:text;background-clip:text;font-weight:600;display:inline-block}.hp-hero-sub{max-width:52ch;font-family:var(--font-brand-family), var(--font-sans);letter-spacing:.01em;color:#f0e0d8cc;text-wrap:pretty;margin:0;font-size:clamp(13.5px,1vw,15.5px);font-weight:400;line-height:1.6}:root:not(.dark) .hp-hero-title{filter:drop-shadow(0 2px 16px #ffffffb3)}:root:not(.dark) .hp-hero-hello,:root:not(.dark) .hp-hero-hello .split-char{background-image:linear-gradient(#140e0deb,#140e0dc2)}:root:not(.dark) .hp-hero-name{background-image:linear-gradient(#e04a08,#c83c00d1)}:root:not(.dark) .hp-hero-sub{color:#140e0db3}:root .hp-hero-hello:has(.split-char){background-image:none}@media (max-width:760px){.hp-hero{min-height:0}.hp-hero-in{gap:36px;padding:64px 0 28px}.hp-hero-img{object-position:40% 50%}}.hp-apps{z-index:1;position:relative}.hp-apps-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hp-apps-title{font-family:var(--font-heading);color:#fff4eef0;align-items:baseline;gap:10px;margin:0;font-size:15px;font-weight:600;display:flex}.hp-apps-count{color:#ffece49e;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.hp-apps-actions{align-items:center;gap:10px;display:flex}.hp-apps-hint{color:#ffece4b8;text-wrap:pretty;margin:-4px 0 12px;font-size:12.5px;line-height:1.5}.hp-apps .hp-text-btn{color:#ffece4c7}.hp-apps .hp-text-btn:hover{color:#fff}.hp-glass-btn{appearance:none;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:34px;font-family:var(--font-heading);color:#fff8f4;transition:background-color .15s, border-color .15s, scale .12s var(--ease-out-strong);background:#140d0b73;border:1px solid #fff0e82e;border-radius:10px;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.hp-glass-btn:hover{background:#1e120ea6;border-color:#ff6a2880}.hp-glass-btn:active{scale:.97}.hp-glass-btn.on{background:var(--primary);color:var(--primary-foreground);border-color:#0000}:root:not(.dark) .hp-apps-title{color:var(--foreground)}:root:not(.dark) .hp-apps-count{color:var(--dim)}:root:not(.dark) .hp-apps-hint,:root:not(.dark) .hp-apps .hp-text-btn{color:var(--muted-foreground)}:root:not(.dark) .hp-apps .hp-text-btn:hover{color:var(--foreground)}:root:not(.dark) .hp-glass-btn{color:var(--foreground);background:#ffffffb8;border-color:#140c0a1f}:root:not(.dark) .hp-glass-btn:hover{background:#fff;border-color:#ea580c73}:root:not(.dark) .hp-glass-btn.on{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.hp-apps-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.hp-apps-item{min-width:0;display:flex;position:relative}.hp-apps-item>.hp-tile{flex:1}.hp-apps-row.editing .hp-apps-item{cursor:grab;touch-action:none}.hp-apps-row.editing .hp-apps-item:active{cursor:grabbing}.hp-tile{appearance:none;cursor:pointer;isolation:isolate;-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);min-width:0;min-height:172px;font-family:var(--font-heading);color:#fff8f4;text-align:left;background:#160e0c80;border:0;border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;padding:20px 20px 18px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff0e81f,inset 0 1px #fff0e814,0 22px 44px -30px #000000f2}.hp-tile:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 125%,#ff510066,#ff510014 55%,#0000 75%);transition:opacity .35s;position:absolute;inset:0}.hp-tile:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000,#fff0e824,#0000);width:50%;transition:left .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:-10%;bottom:-10%;left:-70%;transform:skew(-18deg)}.hp-tile-ico{color:#fff;width:60px;height:60px;transition:transform .4s cubic-bezier(.3, 1.5, .5, 1), scale .12s var(--ease-out-strong), background .25s, box-shadow .25s;background:linear-gradient(160deg,#80280e 0%,#40140a 60%,#240e09 100%);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #ff6a286b,inset 0 1px #ffdcc824}.hp-tile-ico svg{width:28px;height:28px}.hp-tile-ico .app-logo{object-fit:contain;border-radius:10px;width:40px;height:40px}.hp-tile-text{flex-direction:column;gap:3px;width:100%;min-width:0;display:flex}.hp-tile-label{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;line-height:1.2;overflow:hidden}.hp-tile-sub{-webkit-line-clamp:2;line-clamp:2;font-family:var(--font-sans);color:#ffece4a3;text-wrap:pretty;-webkit-box-orient:vertical;font-size:13.5px;font-weight:400;line-height:1.3;transition:color .25s;display:-webkit-box;overflow:hidden}.hp-tile-go{color:#ffece473;background:#fff0e80f;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .35s cubic-bezier(.2,.8,.2,1),color .25s,background-color .25s,box-shadow .25s;display:flex;position:absolute;top:14px;right:14px;box-shadow:inset 0 0 0 1px #fff0e81f}.hp-tile-go svg{width:14px;height:14px}@media (hover:hover) and (pointer:fine){.hp-tile:not(.editing):hover{background:#1e120e9e;transform:translateY(-6px);box-shadow:inset 0 0 0 1px #ff6a288c,inset 0 1px #fff0e81f,0 30px 50px -26px #ff510080}.hp-tile:not(.editing):hover:before{opacity:1}.hp-tile:not(.editing):hover:after{left:130%}.hp-tile:not(.editing):hover .hp-tile-ico{background:linear-gradient(160deg,#ff6a28,#d23a0a);transform:scale(1.08)rotate(-4deg);box-shadow:inset 0 0 0 1px #ffaa7899,0 10px 22px -8px #ff5100bf}.hp-tile:not(.editing):hover .hp-tile-sub{color:#ffece4d9}.hp-tile:not(.editing):hover .hp-tile-go{color:#fff;box-shadow:none;background:#ff5100d9;transform:translate(2px,-2px)}}.hp-tile:not(.editing):active .hp-tile-ico{scale:.95}.hp-tile.soon{color:#fff4ee9e}.hp-tile.soon:before{display:none}.hp-tile.soon .hp-tile-ico,.hp-tile.soon:hover .hp-tile-ico{color:#ffece48c;background:#fff0e80f;transform:none;box-shadow:inset 0 0 0 1px #fff0e824}.hp-tile.soon:hover{box-shadow:inset 0 0 0 1px #fff0e838,0 22px 44px -30px #000000f2}.hp-tile.editing{cursor:inherit;outline:none}.hp-tile.editing:focus-visible{box-shadow:inset 0 0 0 1px #ff6a2899, 0 0 0 3px var(--ring)}.hp-tile.hp-add{box-shadow:none;outline-offset:-1px;background:#160e0c47;outline:1px dashed #fff0e852}.hp-tile.hp-add .hp-tile-ico{color:#ffece4cc;background:0 0;box-shadow:inset 0 0 0 1px #fff0e83d}.hp-tile.hp-add:hover{background:#1e120e80;outline-color:#ff6a2899}:root:not(.dark) .hp-tile{color:var(--foreground);background:#ffffffbd;box-shadow:inset 0 0 0 1px #140c0a14,0 18px 36px -26px #501e0a73}:root:not(.dark) .hp-tile:before{background:radial-gradient(120% 90% at 50% 125%,#ff783c3d,#ff783c0d 55%,#0000 75%)}:root:not(.dark) .hp-tile:after{background:linear-gradient(100deg,#0000,#ffffffb3,#0000)}:root:not(.dark) .hp-tile-ico{color:#c2410c;background:linear-gradient(160deg,#ffeee4 0%,#fddece 100%);box-shadow:inset 0 0 0 1px #ea580c4d,inset 0 1px #fffc}:root:not(.dark) .hp-tile-sub{color:var(--dim)}:root:not(.dark) .hp-tile-go{color:#140c0a66;background:#140c0a0a;box-shadow:inset 0 0 0 1px #140c0a14}@media (hover:hover) and (pointer:fine){:root:not(.dark) .hp-tile:not(.editing):hover{color:var(--foreground);background:#fffffff0;box-shadow:inset 0 0 0 1px #ea580c73,0 26px 44px -24px #ea580c66}:root:not(.dark) .hp-tile:not(.editing):hover .hp-tile-ico{color:#fff;background:linear-gradient(160deg,#ff6a28,#d23a0a)}:root:not(.dark) .hp-tile:not(.editing):hover .hp-tile-sub{color:var(--dim)}:root:not(.dark) .hp-tile:not(.editing):hover .hp-tile-go{color:#fff;box-shadow:none;background:#ea580c}}:root:not(.dark) .hp-tile.soon{color:var(--muted-foreground)}:root:not(.dark) .hp-tile.soon .hp-tile-ico,:root:not(.dark) .hp-tile.soon:hover .hp-tile-ico{color:var(--muted-foreground);background:rgb(var(--fg-rgb) / .04);box-shadow:inset 0 0 0 1px rgb(var(--fg-rgb) / .1)}:root:not(.dark) .hp-tile.hp-add{background:#ffffff73;outline-color:#140c0a40}:root:not(.dark) .hp-tile.hp-add .hp-tile-ico{color:var(--muted-foreground);background:0 0;box-shadow:inset 0 0 0 1px #140c0a2e}@media (max-width:1180px){.hp-apps-row{gap:10px}.hp-tile{border-radius:18px;gap:16px;min-height:132px;padding:16px 14px 14px}.hp-tile-ico{border-radius:14px;width:48px;height:48px}.hp-tile-ico svg{width:24px;height:24px}.hp-tile-label{font-size:15.5px}.hp-tile-sub{font-size:12.5px}.hp-tile-go{width:24px;height:24px;top:12px;right:12px}}@media (max-width:900px){.hp-apps-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin:-8px calc(-1 * var(--page-pad)) 0;padding:8px var(--page-pad) 4px;scroll-padding-inline:var(--page-pad);display:flex;overflow-x:auto}.hp-apps-row::-webkit-scrollbar{display:none}.hp-apps-item{scroll-snap-align:start;flex:0 0 148px}}.hp-corner{z-index:1;cursor:pointer;width:26px;height:26px;color:var(--foreground);background:var(--popover);box-shadow:inset 0 0 0 1px rgb(var(--fg-rgb) / .18), 0 4px 10px -4px rgb(var(--sh-rgb) / .9);transition:background-color .15s, color .15s, scale .12s var(--ease-out-strong);border:0;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.hp-corner:hover{color:#fff;background:var(--destructive)}.hp-corner:active{scale:.92}.hp-corner:focus-visible{outline-offset:2px;outline:3px solid #ff6a2880}.hp-corner.locked,.hp-corner.locked:hover{cursor:default;color:var(--dim);background:var(--card);box-shadow:inset 0 0 0 1px rgb(var(--fg-rgb) / .12)}.hp-text-btn{appearance:none;cursor:pointer;color:var(--muted-foreground);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;background:0 0;border:0;font-size:13px;font-weight:500;transition:color .15s}.hp-text-btn:hover{color:var(--foreground)}.hp-edit{appearance:none;cursor:pointer;border:1px solid rgb(var(--fg-rgb) / .15);background:rgb(var(--fg-rgb) / .03);height:32px;font-family:var(--font-heading);color:var(--foreground);transition:background-color .15s, border-color .15s, scale .12s var(--ease-out-strong);border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.hp-edit:hover{background:rgb(var(--fg-rgb) / .07);border-color:#ff6a2873}.hp-edit:active{scale:.97}.hp-edit.on{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.hp-edit.sm{border-radius:9999px;height:28px;padding:0 12px}.hp-all{padding:16px 14px 12px}.hp-all:focus-visible{box-shadow:0 0 0 3px var(--ring)}.hp-all-head{justify-content:space-between;align-items:center;gap:8px;padding:0 4px 12px;display:flex}.hp-all-hint{color:var(--dim);margin:-4px 4px 10px;font-size:12px;line-height:1.45}.hp-all-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hp-all-tile{appearance:none;cursor:pointer;text-align:center;width:100%;height:100%;color:var(--foreground);background:rgb(var(--fg-rgb) / .03);box-shadow:inset 0 0 0 1px rgb(var(--fg-rgb) / .07);transition:background-color .15s, box-shadow .15s, scale .12s var(--ease-out-strong);border:0;border-radius:14px;outline:none;flex-direction:column;align-items:center;gap:8px;padding:14px 4px 11px;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.hp-all-tile:hover{background:#ff510012;box-shadow:inset 0 0 0 1px #ff6a284d}}.hp-all-tile:focus-visible{box-shadow:inset 0 0 0 1px #ff6a2899, 0 0 0 3px var(--ring)}.hp-all-tile:active{scale:.97}.hp-all-ico{background:linear-gradient(160deg, #ff51004d, #ee00001a 60%, rgb(var(--fg-rgb) / .02));width:44px;height:44px;box-shadow:inset 0 0 0 1px #ff6a284d, inset 0 1px 0 rgb(var(--fg-rgb) / .14);border-radius:13px;justify-content:center;align-items:center;display:flex}.hp-all-ico svg{width:20px;height:20px}.hp-all-ico .app-logo{object-fit:contain;border-radius:7px;width:28px;height:28px}.hp-all-label{font-family:var(--font-heading);overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.25}.hp-all-tile.soon .hp-all-ico{color:var(--muted-foreground);background:rgb(var(--fg-rgb) / .04);box-shadow:inset 0 0 0 1px rgb(var(--fg-rgb) / .1)}.hp-all-tile.soon .hp-all-label{color:var(--muted-foreground);font-weight:500}.hp-all-mark{width:22px;height:22px;color:var(--muted-foreground);box-shadow:inset 0 0 0 1px rgb(var(--fg-rgb) / .16);border-radius:9999px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex;position:absolute;top:6px;right:6px}.hp-all-tile.editing.pinned{background:#ff510014;box-shadow:inset 0 0 0 1px #ff6a2873}.hp-all-tile.editing.pinned .hp-all-mark{color:var(--ember);background:#ff510024;box-shadow:inset 0 0 0 1px #ff6a2880}.hp-all-tile.editing.locked{cursor:default}.hp-all-tile.editing.locked .hp-all-mark{color:var(--dim);background:0 0}.hp-all-more{appearance:none;border:0;border-top:1px solid rgb(var(--fg-rgb) / .08);cursor:pointer;width:100%;font-family:var(--font-heading);color:var(--foreground);background:0 0;margin-top:12px;padding:12px 0 4px;font-size:13px;font-weight:600;transition:color .15s}.hp-all-more:hover{color:var(--ember-soft)}.hp-all-more:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #ff6a2880}.hp-form-row{isolation:isolate;appearance:none;text-align:left;width:100%;color:var(--muted-foreground);background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;padding:14px 8px;font-size:15px;transition:background-color .15s,color .15s;display:flex;position:relative}.hp-form-row+.hp-form-row{box-shadow:0 -1px 0 rgb(var(--fg-rgb) / .07)}.hp-form-row.live{color:var(--foreground)}.hp-form-row.live:hover{background:rgb(var(--fg-rgb) / .025)}.hp-form-row .go{color:var(--muted-foreground);transition:transform .2s var(--ease-out-strong)}.hp-form-row.live:hover .go{color:var(--foreground);transform:translate(3px)}.hp-soon{background:rgb(var(--fg-rgb) / .07);height:24px;font-family:var(--font-heading);color:var(--muted-foreground);border-radius:9999px;flex-shrink:0;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.hp-seg{border:1px solid rgb(var(--fg-rgb) / .08);background:color-mix(in oklab, var(--sunken) 55%, transparent);scrollbar-width:none;border-radius:12px;gap:2px;max-width:100%;padding:4px;display:inline-flex;position:relative;overflow-x:auto}.hp-seg::-webkit-scrollbar{display:none}.hp-seg-thumb{background:var(--raised);box-shadow:inset 0 1px 0 rgb(var(--fg-rgb) / .08), 0 0 0 1px #ff6a284d, 0 6px 18px -8px #ff510073;transition:transform .32s var(--ease-out-strong), width .32s var(--ease-out-strong);pointer-events:none;border-radius:9px;position:absolute;top:4px;bottom:4px;left:0}.hp-seg-btn{z-index:1;appearance:none;cursor:pointer;white-space:nowrap;height:32px;font-family:var(--font-heading);color:var(--muted-foreground);background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-size:13.5px;font-weight:500;transition:color .2s;display:inline-flex;position:relative}.hp-seg-btn:hover{color:var(--foreground)}.hp-seg-btn[aria-selected=true]{color:var(--foreground);font-weight:600}.hp-seg-btn .n{font-variant-numeric:tabular-nums;color:var(--dim);font-size:11.5px;font-weight:500}.hp-res-row{border-top:1px solid rgb(var(--fg-rgb) / .08)}.hp-res-col>.hp-res-row:last-child{border-bottom:1px solid rgb(var(--fg-rgb) / .08)}.hp-res-head{appearance:none;cursor:pointer;text-align:left;width:100%;min-height:58px;color:var(--foreground);background:0 0;border:0;border-radius:8px;align-items:center;gap:16px;padding:10px 6px;display:flex}.hp-res-num{font-variant-numeric:tabular-nums;width:26px;color:var(--dim);flex-shrink:0;font-size:12.5px}.hp-res-label{min-width:0;font-family:var(--font-heading);letter-spacing:-.015em;color:color-mix(in oklab, var(--foreground) 82%, var(--muted-foreground));transition:color .2s, transform .26s var(--ease-out-strong);flex:1;font-size:19px;font-weight:600;line-height:1.25}.hp-res-head:hover .hp-res-label,.hp-res-row.open .hp-res-label{color:var(--foreground)}@media (hover:hover) and (pointer:fine){.hp-res-head:hover .hp-res-label{transform:translate(4px)}}.hp-res-type{height:22px;box-shadow:inset 0 0 0 1px rgb(var(--fg-rgb) / .16);font-family:var(--font-heading);color:var(--muted-foreground);border-radius:9999px;flex-shrink:0;align-items:center;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.hp-res-plus{width:30px;height:30px;color:var(--muted-foreground);transition:transform .3s var(--ease-out-strong), background-color .15s, color .15s;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hp-res-head:hover .hp-res-plus{background:rgb(var(--fg-rgb) / .06);color:var(--foreground)}.hp-res-row.open .hp-res-plus{color:var(--ember);transform:rotate(45deg)}.hp-res-body{transition:grid-template-rows .32s var(--ease-out-strong);grid-template-rows:0fr;display:grid}.hp-res-row.open .hp-res-body{grid-template-rows:1fr}.hp-res-body>div{overflow:hidden}.hp-res-inner{opacity:0;transition:opacity .22s var(--ease-out-strong), transform .26s var(--ease-out-strong);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:0 6px 16px 48px;display:flex;transform:translateY(-4px)}.hp-res-row.open .hp-res-inner{opacity:1;transition-delay:60ms;transform:none}.hp-chip{border:1px solid rgb(var(--fg-rgb) / .12);background:rgb(var(--fg-rgb) / .03);height:30px;font-family:var(--font-heading);color:var(--muted-foreground);border-radius:9999px;align-items:center;padding:0 11px;font-size:13px;font-weight:500;display:inline-flex}.hp-rail{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:20px;margin:-6px -2px 0;padding:6px 2px 22px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.hp-rail.at-end{-webkit-mask-image:none;mask-image:none}.hp-rail::-webkit-scrollbar{display:none}.hp-co{scroll-snap-align:start;border:1px solid rgb(var(--fg-rgb) / .08);background:var(--surface-fill);box-shadow:inset 0 1px 0 rgb(var(--fg-rgb) / .06), 0 22px 48px -32px rgb(var(--sh-rgb) / .85);transition:transform .28s var(--ease-out-strong), border-color .22s var(--ease-out-strong), box-shadow .28s var(--ease-out-strong);border-radius:18px;flex-direction:column;flex:0 0 min(368px,82vw);display:flex;position:relative;overflow:hidden}.hp-grid .hp-co{flex:none}@media (hover:hover) and (pointer:fine){.hp-co:hover{box-shadow:inset 0 1px 0 rgb(var(--fg-rgb) / .08), 0 30px 60px -28px rgb(var(--sh-rgb) / .95), 0 0 0 1px #ff51002e, 0 0 48px -10px #ff51006b;border-color:#ff6a2880;transform:translateY(-6px)}}.hp-co:focus-within{border-color:#ff6a2880}.hp-co-band{background:radial-gradient(70% 140% at 100% 100%,#ff510042,#ee000014 45%,#0000 75%),linear-gradient(165deg,#1e1816,#110c0b);border-bottom:1px solid #ee000047;justify-content:center;align-items:center;height:128px;display:flex;position:relative;overflow:hidden}.hp-co-band:before{content:"";width:200px;height:200px;transition:transform .6s var(--ease-out-strong);border:1px solid #fff7f712;border-radius:9999px;position:absolute;top:-36px;right:-46px}.hp-co:hover .hp-co-band:before{transform:scale(1.12)}.hp-co-band img{object-fit:contain;max-width:76%;max-height:76px;transition:transform .5s var(--ease-out-strong);position:relative}.hp-co:hover .hp-co-band img{transform:scale(1.04)}.hp-co-band.plate img{background:#fbf8f7;border-radius:10px;max-height:64px;padding:8px 14px}.hp-visit{color:#17110f;height:34px;font-family:var(--font-heading);transition:background-color .2s var(--ease-out-strong), color .2s var(--ease-out-strong), box-shadow .22s var(--ease-out-strong), scale .12s var(--ease-out-strong);background:#fbf8f7;border-radius:9999px;align-self:flex-start;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px #0003}.hp-visit svg{transition:transform .2s var(--ease-out-strong)}.hp-co:hover .hp-visit,.hp-visit:focus-visible{background:var(--signal-red);color:#fff;box-shadow:0 10px 26px -10px #ee0000b3}.hp-co:hover .hp-visit svg{transform:translate(1px,-1px)}.hp-visit:active{scale:.97}.hp-round{appearance:none;cursor:pointer;border:1px solid rgb(var(--fg-rgb) / .14);background:rgb(var(--fg-rgb) / .02);width:48px;height:48px;color:var(--foreground);transition:background-color .15s, border-color .15s, opacity .15s, scale .12s var(--ease-out-strong);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hp-round:hover{background:rgb(var(--fg-rgb) / .07);border-color:#ff6a2873}.hp-round:active{scale:.95}.hp-round:disabled{opacity:.35;cursor:default}.hp-progress{background:rgb(var(--fg-rgb) / .12);border-radius:9999px;flex:1;height:3px;position:relative;overflow:hidden}.hp-progress>span{border-radius:inherit;transition:transform .4s var(--ease-out-strong), width .4s var(--ease-out-strong);background:linear-gradient(90deg,#e00,#ff5100);position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #ff510099}.hp-pill-btn{appearance:none;cursor:pointer;border:1px solid rgb(var(--fg-rgb) / .15);background:rgb(var(--fg-rgb) / .03);height:44px;font-family:var(--font-heading);color:var(--foreground);transition:background-color .15s, border-color .15s, box-shadow .2s, scale .12s var(--ease-out-strong);border-radius:9999px;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.hp-pill-btn:hover{background:rgb(var(--fg-rgb) / .07);border-color:#ff6a2873;box-shadow:0 0 26px -10px #ff510080}.hp-pill-btn:active{scale:.97}:is(.hp-panel,.hp-apps-head,.hp-res,.hp-around) :is(button,a,input):focus-visible,.hp-tile:not(.editing):focus-visible{outline-offset:2px;outline:3px solid #ff6a2880}@media (prefers-reduced-motion:reduce){.hp-rail{scroll-behavior:auto}.hp-co,.hp-co-band img,.hp-co-band:before,.hp-res-body,.hp-res-inner,.hp-res-label,.hp-seg-thumb,.hp-progress>span,.hp-tile,.hp-tile-ico,.hp-tile-go{transition:none}.hp-co:hover,.hp-tile:not(.editing):hover,.hp-tile:not(.editing):hover .hp-tile-ico,.hp-tile:not(.editing):hover .hp-tile-go{transform:none}.hp-hero-photo{animation:none}.hp-tile:after{display:none}}