.px-root{--px-bg:oklch(16% .01 260);--px-surface:oklch(22% .012 260);--px-surface-2:oklch(27% .014 260);--px-border:oklch(34% .015 260);--px-fg:oklch(96% .005 260);--px-muted:oklch(70% .012 260);--px-accent:oklch(72% .17 45);background:radial-gradient(60rem 30rem at 50% -10%, oklch(72% .17 45/.14), transparent 60%), var(--px-bg);color:var(--px-fg);flex-direction:column;align-items:center;font-family:Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow:auto}.px-top{justify-content:flex-start;width:100%;padding:20px 28px;display:flex}.px-back{color:var(--px-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.px-back:hover{background:var(--px-surface);color:var(--px-fg)}.px-main{flex-direction:column;align-items:center;width:min(640px,92vw);margin-top:18vh;display:flex}.px-title{letter-spacing:-.02em;margin-bottom:28px;font-size:44px;font-weight:300}.px-title b{color:var(--px-accent);font-weight:700}.px-form{background:var(--px-surface);border:1px solid var(--px-border);border-radius:999px;align-items:center;gap:10px;width:100%;padding:6px 6px 6px 20px;transition:border-color .15s,box-shadow .15s;display:flex}.px-form:focus-within{border-color:var(--px-accent);box-shadow:0 0 0 4px oklch(72% .17 45/.18)}.px-form .material-symbols-outlined{color:var(--px-muted)}.px-input{color:var(--px-fg);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:16px}.px-input::placeholder{color:var(--px-muted)}.px-go{background:var(--px-accent);color:oklch(18% .02 45);cursor:pointer;border:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;transition:filter .15s,transform .1s}.px-go:hover{filter:brightness(1.08)}.px-go:active{transform:scale(.97)}.px-menu-wrap{margin-top:22px;position:relative}.px-menu-btn{border:1px solid var(--px-border);background:var(--px-surface);width:48px;height:48px;color:var(--px-fg);cursor:pointer;border-radius:50%;place-items:center;transition:background .15s;display:grid}.px-menu-btn:hover,.px-menu-btn[aria-expanded=true]{background:var(--px-surface-2)}.px-menu{background:var(--px-surface);border:1px solid var(--px-border);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:8px;width:300px;padding:18px;animation:.14s ease-out px-pop;display:grid;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px oklch(0% 0 0/.45)}@keyframes px-pop{0%{opacity:0;transform:translate(-50%,-6px)scale(.97)}}.px-menu-label{text-transform:uppercase;letter-spacing:.08em;color:var(--px-muted);grid-column:1/-1;margin-bottom:4px;font-size:12px}.px-app{color:var(--px-fg);cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;font-size:13px;transition:background .15s;display:flex}.px-app:hover{background:var(--px-surface-2)}.px-app-icon{color:oklch(99% 0 0);border-radius:14px;place-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:grid;box-shadow:0 6px 16px oklch(0% 0 0/.35),inset 0 1px oklch(100% 0 0/.25)}.px-hint{color:var(--px-muted);margin-top:14px;font-size:13px}